Link to a database entry with a QR code
In this Bubble tutorial video, you'll learn how to create QR codes that link to specific entries in your Bubble database. This feature is especially useful for apps with sharing functionality, allowing users to easily share QR codes that lead to specific pages or records in the app. Watch the video to see a step-by-step guide on how to implement this feature and take your Bubble app to the next level.
Create QR codes for sharing: Learn how to generate QR codes that link to specific database entries in your Bubble app.
Boost user engagement: Discover how to implement a powerful sharing feature using QR codes for seamless record linking.
Master Bubble's QR code generation: Unlock the potential of dynamic QR codes for enhanced app functionality and user experience.
Creating QR Codes for Database Entries in Bubble
In this Bubble tutorial video, I'm going to show you how you can create QR codes that link to a specific entry in your Bubble database. This can be particularly useful if you have a sharing feature as part of your app, and you want your users to be able to share with one another QR codes and be able to link through to a particular place in your app, and show a particular record in your app. For the purpose of this demonstration, I'm going to be using some contacts, and generating a QR code for a contact that then links through to a specific contact page to show those contacts details.
Introduction to Planet No Code
But before I launch into that, if you're learning Bubble, then you should check out our website planetnocode.com, because we've got hundreds of Bubble tutorial videos, literally hours and hours of content to help you launch the Bubble app of your dreams. But let's launch into this one where we're looking at QR codes.
Setting Up the Repeating Group
So I've got a repeating group here listing through contacts, just so you've got an idea. I've got this contact field I've used in Data Type that I've used in previous demos, and you can see here that my QR code image field is all empty. I've then gone ahead and installed this plugin here, Barcode and QR Code Generator. And I'm not needed to add that to my design. Some plugins you have to add an element to the page. You don't have to add this one. It's just a workflow action.
Previewing the QR Code Generation
To demonstrate what's going to happen, let's bring in the preview. So each cell of my repeating group represents one contact in my database. And I have this field here, or this text label actually, showing a link. And this is the link that I want to put into my QR code. And it's a link to a page in my app called Contact, followed by the unique ID of this contact. And I'm going to show you how I build that, because that's what we pass into the QR Code action in the workflow.
Building the Link for QR Code
So I've got here, it says Current Cells - Contact. And then, if I go back a step, Current Cells - Contact, and then I go to the Link option. And this is not a field I've created. This is a field that Bubble creates for you, for your Data Types. And so then I need to pick a page which this link is going to end up at. And that page needs to be, if I show you here, here's my contact page. Here's my page ready to show this contact. And the page needs to be set to type of content that data type, in this case, contacts.
Setting Up the Workflow
That's how, if I go back to my QR Code page demo. That's how, of all my pages, Bubble knows that it can link contacts through to the contact page. If you had other pages where the type of content was set to contacts, you could choose which ones to link through to. And Bubble builds the link for you. So all I need to do is add the button. And I choose the Create a Basic QR Code action. Add it in because of the plugin. And the parameters I've got in here. Data is Current Cells - Contact Link. Again, I've built the same link that I'm previewing on the front end. And I've put in my website, Home URL, simply because it asked me to do that.
Saving the QR Code
And then I want to upload it, because I want to save it. And then I create a file name for the QR Code image, which is QR- and then the current Sales Contact's unique ID. That's just in case I need to debug it. I can search for that in the file manager and in the database. I then update, make changes to contact, Current Sales Contact. And I take the result of step 1's Base64. That's because it explains here that it generates a Base64 file, which is just a way of expressing an image. And I can save that into an image field, in this case I've named it QR Code, on my contact.
Testing the QR Code
So, let's preview that. So I say Generate QR Code. And I just have to wait for it here. And there it has generated a QR Code. And I've tested this, you just have to take my word for it, because I can't get my phone on this screen share. But, yeah, that QR Code links through to this URL. And that is how you can link to a specific entry in your Bubble database using a QR Code.
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