Custom States
Discover how Custom States in Bubble.io can revolutionize your no-code SaaS journey as a solopreneur, enabling dynamic data management and enhancing user experiences without writing a single line of code.
How to create a drag and drop gallery in Bubble
In this Bubble.io tutorial video we demonstrate how to create a drag and drop gallery and multi-image uploader using the 'Drag & Drop Repeating Group' plugin by Minimum Studio. This can be a useful element for building a dating or social media app.
How to create drag and drop repeating groups in Bubble.io
In this Bubble.io tutorial video we demonstrate how to add drag and drop to your Bubble app. We set up the plugin 'Drag & Drop Repeating Group' by Minimum Studio and show you the first steps needed for creating a kanban board or task manager in Bubble.
How to reduce Workload Units (WU) on page load
In this Bubble.io tutorial we demonstrates 3 ways to show default data in your Bubble app when the page loads. Two of the examples involve creating a Custom State and adding extra workflows. We demonstrate who you can achieve the same effect with default data on a page without adding extra workflows or having to repeat Do a Search searches.
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.
How to split and save OpenAI response Part 2
In this Bubble tutorial we'll demonstrate how to split text generated by OpenAI / ChatGPT and save each part of the AI generated text as a new entry in our Bubble database.
How to use Custom States in Bubble including 2 examples
In this Bubble tutorial we explain how to use Custom States with Bubble, why Custom States are useful and demonstrate two Bubble app examples of how I use Custom States in the Bubble apps I build.
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.
Empathic AI - AI Demo with Hume.ai
Experience the future of AI with empathetic technology like Hume.ai that can understand and respond to human emotions. Imagine the possibilities of integrating such advanced AI technology into your Bubble.io or no-code application for a more personalized user experience.
How to use a reusable element and why you should
In this Bubble.io tutorial we demonstrate how to create a reusable element in a Bubble app and explain the benefits of using reusuable elements wherever possible.
How to send data from Zapier to Bubble.io
In this Bubble tutorial we demonstrate how to connect Zapier to Bubble. In our example we scrape data from a podcast called Diary of a CEO and import this data into Bubble using a Zapier Zap.
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.
Understanding Development vs Live versions in Bubble
In this Bubble.io tutorial video we explore the differences between the development version of your Bubble app and the live version of your Bubble app. Key takeaways are to get familiar with working with the 2 versions and that with 2 versions you have 2 separate databases.