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
Build Your Own Chatbot in Minutes using VectorShift & Bubble.io
VectorShift is an integrated framework of no-code, low-code, and out-of-the-box generative AI solutions. With VectorShift, you can build AI search engines, assistants, chatbots, and automations without the need for extensive coding knowledge.
Alternative to OpenAI ChatGPT - Claude 2
In this Bubble tutorial we demonstrate a neat trick using Font Awesome to show icons within your Option Set values.
Using JSON-safe with Bubble.io and the OpenAI API
This Bubble tutorial is a follow up to our ChatGPT chatbot video where we demonatrated to how create a conversation with the OpenAI API using GPT-3.5-turbo. This videos demonstrates an improvement to our initial chatbot by using the Bubble.io text modifier :formatted as JSON-safe. This can solve many of your JSON syntax errors and OpenAI API errors by correctly escaping punctuation and formating your text input.
Better Error Handling in Bubble Apps with Third Party APIs like OpenAI
In this Bubble.io tutorial we cover the critical "include errors in response" and "allow workflow to continue" settings in Bubble.io's API Connector - settings that can make or break your web app's user experience. You'll learn why these configurations are especially vital for backend workflows and how they prevent cascading failures that can be nightmare to debug.
Build a Twitter Clone with Bubble.io - My Profile
In this Bubble tutorial we add a Settings page or My Profile page to our Twitter clone built with Bubble.io.
How to run a Browse AI web scraping robot from Bubble.io
Trigger Browse AI web scraping robots from your no-code app. This video shows you how to use the Browse AI API to run a web scraping robot directly from your Bubble.io app. Learn how to set up the API connector, pass in dynamic parameters, and trigger the robot to scrape content from Reddit.