Option Sets
Discover how Option Sets in Bubble.io can streamline your no-code SaaS development, empowering solopreneurs to create dynamic dropdown menus and multi-select fields that enhance user experience and data management in their applications.

Create shop filter using Custom States & Option Sets
In this Bubble.io tutorial video we demonstrate how you can filter your products on a shop product page in Bubble.io. We'll be using Custom States and Option Sets to create this essential feature if you're building an ecommerce store with the Bubble app builder.

Creating a Chatbot experience using Bubble & ChatGPT API
In this Bubble tutorial we demonstrate how to use the ChatGPT API to create an AI chatbot like experience in your Bubble app. We dive right the deep end of the Bubble API Connector, we have getting started videos for the OpenAI API on our channel already. This video shows one way to approach the challenge of formating the message history correctly in JSON so that your chatbot is aware of the message history and respond accordingly.

Creating a Temporary List Using Custom States in Bubble.io
In this Bubble.io tutorial video we show how Custom States to show a temporary list and build upon a temporarily list without saving data to your Bubble app's database using Repeating Groups.

Creating custom toggles using custom states in Bubble.io
In this Bubble tutorial we demonstrates how to create your own custom toggles using Groups, Repeating Groups, Option Sets and Custom States.

Dynamic icons with Option Sets
In this Bubble.io tutorial we demonstrate how to use add Font Awesome icons to an Option Set and how to express a colour hex code within an Option Set.

How to Fuzzy Search non-text fields in Bubble.io
In the Bubble tutorial we demonstrate how to use the Fuzzy Search & Autocomplete plugin by Zeroqode to search fields that ARE NOT text fields. This quick workaround makes use of Database Triggers to keep your database in sync.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

Why is there Lorem Ipsum in my Bubble app?
Lorem Ipsum is a popular placeholder text or dummy text. So why do you sometimes find Lorem Ipsum in the preview of your Bubble app. It has to do with setting a page's Type of Content.

Should I use margins or padding?
Should I use margins or should I use padding? In this Bubble tutorial, I'm going to give a few examples because this is a common theme that I see in the Bubble coaching that we run at Planet No Code, where we do one to one sessions helping Bubble creators just like yourself, develop and overcome issues that they've got with their Bubble apps. And we experience this quite a lot with, I say, clunky layouts.

Stripe vs Lemon Squeezy
Looking to add payments to your Bubble.io app? Learn about the differences between Stripe and Lemon Squeezy, including integration ease, pricing, additional features, and tax implications.

Tracking User activity & events in your Bubble app with LogSnag
In this Bubble tutorial we demonstrate how to track user activity and gather basic analytics for how your Bubble app is being used using Logsnag.

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.

Learning Toddle.dev - No-code widgets
In this no-code tutorial, we will explore the power of a new no-code platform called toddle.dev. With toddle.dev, you can quickly and easily build web applications without writing a single line of code. In this video, we will focus on one of the platform's features - web components. We will demonstrate how to create a custom no-code widget that can be embedded into your website.