Design
Unlock the power of visual creation with Bubble.io's Design features, empowering solopreneurs to craft stunning no code SaaS applications without coding skills and bring their entrepreneurial visions to life.
How to save User's country code in Bubble Part 1
In this Bubble.io tutorial video we demonstrate how to use the IP Geolocation plugin by Zeroqode to save a user's country code to the database in the correct format to use with the Page2API web scraper.
How to securely generate a verification code
In this Bubble.io tutorial video we demonstrate the right and secure way to generate a verification code. Remember that any data used in a front end workflow can be accessible to the user so we need to use backend workflows to complete this task.
How to send 1 database entry to a new page
In this Bubble tutorial we'll demonstrate how to take one entry in your Bubble database from a list of entries and link through to a page all about that one entry. Very useful if you are building a nocode marketplace with Bubble.
How to separate paragraphs into a repeating group in Bubble.io
Learn how to use Bubble.io's no-code platform to split paragraphs into a repeating group for easy organization and display of content.
How to set color hex code opacity in Bubble.io
In this Bubble tutorial video we share a quick color opacity trick at that came up in a Bubble Coaching call. Learn how you can make your hex code colors semi-transparent in this video.
How to show & hide visual elements with Custom States
In this Bubble.io tutorial video we demonstrate how using custom states to show and hide elements on your page can save your time and keep your app lean. In the second half of the video we take this app leanness a step further by explaining how Option Sets can save you time and from the pain of debugging typos.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
How to Build an NFT Marketplace Login with Figma & Bubble.io
In this Bubble.io tutorial video we demonstrate how and why you might choose to manually convert a Figma template into Bubble. This video explains padding, margins and explains the basics of CSS to help you get started.
Implement an Upvote Feature like Product Hunt & Reddit
Providing an upvote feature for user-generated content is a significant factor for encouraging engagement and building an active user-base.
How to use keyboard shortcut navigation with a table in Bubble
In this Bubble.io tutorial we demonstrate how to nagivate up and down a table using the up and down arrows on a keyboard. This Bubble tutorial shows how to use custom states to track the selected row of a repeating group and change this selection with the arrow keys. The plugin used is Air Keyboard Shortcut by Zeroqode.
How to record audio & convert to text - OpenAI Whisper API
In this Bubble tutorial we demonstrate how to use OpenAI Whisper with the Audio Recorder & Vizualiser to record someone's speech and convert it into text or a transcript with Whisper. Get started with the Bubble API Connector and Whisper API here.
Building a no-code CRM? How to save $15,000
Did you know that if you're planning to use the Gmail API in Bubble.io you may be subject to a security audit costing more than $15,000! Source: OAuth API Verification FAQs
Is Lemon Squeezy a good Stripe alternative for Bubble.io
Looking for a Stripe alternative for your Bubble app? We've been testing Lemon Squeezy. Here is our comparison between Stripe and Lemon Squeezy for Bubble app builders.