How to Generate an Invoice Number Automatically in Bubble.io [2024]
Learn how to easily generate automatic invoice numbers in your Bubble.io app without any coding required. Perfect for solopreneurs and startups diving into the world of no-code development.
Unlock auto-numbering magic: Create professional invoices with automatic invoice numbering in Bubble!
No-code invoicing made easy: Learn how to implement incremental invoice numbers without touching a line of code.
Master Bubble workflows: Discover the power of auto-incrementing numbers for your invoicing app.
Introduction to Invoicing App in Bubble
I've got the beginnings of an invoicing app built with no code in Bubble just here. And I'm going to add to it and show you how you can add in auto numbering so that each invoice has a number and that number is an incremental one based on the number of invoices. But before I do that if you're learning Bubble if you're learning no codes be building a startup, then click the link down in the description and head over to our website where you can find hundreds of Bubble tutorial videos and resources. Sorry for that.
Creating an Auto-Incrementing Invoice Number
So let's dive into this and the first thing I'm going to do is show where I think it makes the most sense to put this which is on the create invoice action. So we can say create invoice and I'm gonna now add in a field called invoice number. Now you need to decide here whether it is just going to be a number. But sometimes invoicing has a prefix to do with the company's name, but I'm just gonna say it's going to be a number. So I'm gonna put number in there. Number okay, and this is the main bit and you can apply this at other points.
Implementing the Auto-Numbering Logic
But I think it makes sense to do it when you create the invoice because in the invoicing software I've used in the past say like free agent or fresh books. It's you want to anchor the number to the invoice when you create it. You wouldn't want to have a series of invoices in drafts where they could be kind of overlapping of numbers. So we'll say do a search for invoice count plus one.
Displaying the Invoice Number on the Page
Now if I go on to my invoice page and you can check out how I've created all of this in our previous videos. But effectively the page is of type content invoice. So it's always going to be linked to with a single invoice from the database. So let's now add in I'll just do a bit of text fact. Let's have it in here I'll just add in number. Now I say current pages invoice number. That's good have a bit unpleasant formatting it's been two spaces why not.
Testing the Auto-Numbering Feature
Okay, so let's go and run this in preview refresh. So I'll say new invoice create invoice. Okay, so it's created the invoice now if I click through to here, we should hopefully see invoice number 5. Again, remember that I'm not doing a count on this page I did the count when I created the invoice so that this is now kind of fixed in stone that this invoice is number 5. Let me give you another demo just to prove that this is all working. Say new invoice to create so this should be 6. There go invoice 6.
Conclusion
So that's how you can add auto incrementing numbers to an invoicing app built with Bubble.
The best way to learn Bubble.io?
Start building with total confidence
No more delays. With 30+ hours of expert content, you’ll have the insights needed to build effectively.
Find every solution in one place
No more searching across platforms for tutorials. Our bundle has everything you need, with 500+ videos covering every feature and technique.
Dive deep into every detail
Get beyond the basics with comprehensive, in-depth courses & no code tutorials that empower you to create a feature-rich, professional app.

Frequently Asked Questions
Find answers to common questions about our courses, tutorials & content.
No. Our Beginner Essentials course and AI No-Code Coach are designed for total newcomers. You’ll learn Bubble.io step by step - no coding required.
Simply type your question in plain English, and our AI taps into the entire video library to recommend the exact lessons you need. It’s like having a personal instructor on demand.
As long as you’re subscribed! With our monthly subscription, you get unlimited access to all 500+ videos, our growing course library, and the AI No-Code Coach.
Your subscription includes:
- Bubble Beginner Essentials – Get up and running fast.
- Build a ChatGPT Clone – Integrate AI into your no-code apps.
- Build Your SaaS Website with AI – Learn to create a scalable startup site.
Plus, new tutorials every week!
The AI No-Code Coach is your first stop for instant answers. If you need deeper help, you can book 1:1 Bubble coaching for expert guidance.
Yes! If you don’t see real progress within 14 days, let us know, and we’ll issue a full refund—no questions asked.
Absolutely. Your subscription is month-to-month, and you can cancel anytime—no lock-ins, no hidden fees.
Absolutely. Your subscription is month-to-month, and you can cancel anytime—no lock-ins, no hidden fees.
If you’re serious about building a successful SaaS startup, check out Mastery—our intensive mentorship program. Mastery goes beyond Bubble.io development and includes:
- 1:1 mentorship to fast-track your progress
- Marketing strategies tailored for no-code founders
- Product management insights to scale your startup
- Personalized support from experienced founders