Build your own nocode CRM with Bubble.io - Part 3
Welcome to the next part of our Bubble tutorial series where I'm showing you how you can build a no-code CRM in Bubble.
Master the Bubble CRM: Learn to display contacts with a powerful table element in this no-code tutorial!
Unlock CRM potential: Discover how to create and edit contacts using a single popup in Bubble!
Build a robust no-code CRM: From data types to dynamic tables, learn essential Bubble skills step-by-step.
Setting Up the Contact Data Type
Welcome to the next part of our Bubble tutorial series where I'm showing you how you can build a no code CRM in Bubble. In this tutorial, I'm going to show you how you can add in a table element to display your contact data type. So we're going to start right away by going into data and setting up the contact data type.
Creating the Contact Data Type
I'm on the data types tab up top and I'm going to add in a new type called contact. And I'm going to add some fields in so let's just start really simple. We'll have name and we'll have email, both of them are type text.
Displaying Data with a Table Element
Now we need a way of displaying our data back. So I'm going to go into Dashboard. If you want to see how I got up to this stage, go and check out our earlier tutorial videos. Because you'll see everything up to here, but because I want a similar design, I'm going to simply clone the dashboard and call this contacts because it's going to show more than one contact.
Setting Up the Contacts Page
Then now I'm on the contacts page, I'm going to delete some of these parts here. So I'm just left with group C because that is the inner content for my page. Let's add in a table element now. This is Bubble's new table element, only a few weeks old at the time of recording and it's going to show type of content contacts and it's going to do a search for all contacts because right now, without putting any privacy rules in place (and we'll get onto privacy rules maybe in this video maybe in a future video), it's just going to return all of the contacts in the database no matter who created them.
Configuring the Table Element
And I'll put in a bit of order, we'll say order by name. And then in this cell here we will put our header and we'll say name. Then I'm just going to copy and paste that into B and say email. Then I'm going to see if I can just delete C for now. Cool. And now we build out the contents that we want repeated through each row of our table where we want the data displayed so in name I'm just going to add in current rows contacts name and I'll make this width 100% and I'll also make height 0 just so it's only as big as it needs to be and I'm going to copy and paste this into the email column and change it to email. Let's hit preview.
Refining the Table Design
Okay, you can see our table is beginning to come along. I'm gonna add in just a couple of design refinements here because I don't like it when things look like they are without the appropriate padding. So I'm just putting 12 padding in all sides and I'm going to copy that into my cells here for my row and on my table element and the layout. Okay, now it feels like all the space. Go put a much lower number in there. Cool.
Adding Manual Data
But we have no data in the database and nor have I built a way of adding the data in the front end. So I'm going to add in some manually manual data manually by going into app data and in contacts and I can just say new entry and so I can add in a name. I'll just put Scott and I could say Scott@Example.com. And so we can get an idea of the table repeating itself, I'll also put in say Hank and we can have Hank@example.com. If you have with those two clues understood where I'm getting my inspiration for names from this afternoon leave a comment below. Love to see if you get it with those two clues Scott and Hank, what might I be being inspired by?
Previewing the Table
And now if we go back to our table we can see that we have got Scott and Hank.
Next Steps
So I'm going to leave it there for this video. In the next video, I will show you how we can create a pop-up that can both be used to create and edit entries in our contact database, so you don't need a separate create pop-up and a separate edit pop-up. We're going to do it with just one pop-up.
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