Buttons
Discover how Bubble.io's versatile Buttons feature empowers solopreneurs to create interactive and user-friendly no code SaaS applications, enabling seamless navigation and action triggers without writing a single line of code.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a8d48385f6de8ffd5f6_FORM.png)
Building a form in Bubble - Beginner’s guide
In this Bubble tutorial, we'll guide you through the process of creating a form in Bubble.io. You'll learn how to add design elements and create a functional form for your projects. We'll cover topics such as adding text elements, input fields, uploading images, and using plugins to enhance the user experience. Plus, we'll show you how to add a Toast notification for successful form submissions.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1633abeda05b51a304_thumbnail_a6759fc1.png)
Create a responsive homepage hero section in Bubble
In this Bubble tutorial video we demonstrate who to create a responsive hero section in your Bubble app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a3c8f81b44f9f3574c5_Creating-a-sidebar-with-mobile-menu-in-Bubble.io_.png)
Creating a sidebar with mobile menu in Bubble.io
This Bubble.io tutorial demonstrates how to layout a dashboard app that has a left sidebar with a mobile menu in Bubble. This video explores how to show and hide elements as the page width changes.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a48fcd387886eec8ade_Creating-custom-toggles-using-custom-states-in-Bubble.io_.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a3d5d63228e660862d8_Explain-like-I-am-5-AI-text-generator-built-with-Bubble.png)
Explain like I am 5 AI text generator built with Bubble.io using OpenAI
In this Bubble.io tutorial we demonstrate how to use the OpenAI API with Bubble for no-code AI text generation to create a tool that takes text and then explains the content of the text in the language a 5 year old would understand. We show up to succesfully make an API request to OpenAI using the Bubble API Connector and show the returned text on a page using Custom States.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a93496c3332e943f92e_Finally-Send-a-message-with-the-Enter-key.png)
Finally! Send a message with the Enter key
In this Bubble tutorial, you will learn how to submit input from a text using an enter key and for it to automatically run a workflow based off that key press.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a331adb40f185f9c09a_CloudsConvert_maxresdefault-1668184289.jpeg)
How to add Postmark sender domains with the Bubble API Connector
In this Bubble coaching session with one of our members we explore how to add and verify custom sender domains using the Postmark API and the Bubble API Connector.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a7e8f44893e9613a572_Limit-app-features-for-logged-in-users.png)
How to limit app features to logged in users
In this Bubble tutorial we explore a number of different ways to limit UI elements and Workflows based on whether a user is logged in or logged out.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a91983f8681af33d9d9_Creating-Calendar-Feeds-in-Bubble-Introduction-to-Addevent.com-2.png)
Creating Calendar Feeds in Bubble - Introduction to Addevent.com
In this Bubble tutorial, we explore the AddEvent API and its advanced calendar features. If you're building a no-code Bubble app and want to provide your users with live event updates and the ability to subscribe to a calendar feed, then look no further than AddEvent. With features like sharing events, collecting RSVPs, subscribing to calendars, and creating embeddable calendars, AddEvent is a powerful tool for event management and membership systems.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a534ffaf080bc9b68c9_vqbFhUrhuO4-HD.jpeg)
Why use backend workflows for your Bubble app
In this Bubble.io tutorial we explain how back-end workflows can significantly enhance the performance and security of your bubble apps. We also talk about benefits and a few examples!
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1b68c534e332d1a658_VFX8kZ5eFOQ-HD.jpeg)
How to create a product, contact or booking page
In this Bubble.io tutorial we demonstrate how to start laying out a page to display dynamic content from a single entry in your Bubble database. This video explains this process using a marketplace as an example but it would be a very similar process if you were building a CRM in Bubble or a booking application in Bubble.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2f2aa092a9392ca339_How-to-add-AI-text-generation-to-a-Bubble-app-OpenAI.png)
How to add AI text generation to a Bubble app - OpenAI
In this Bubble tutorial we demonstrate how to generate AI text from a prompt and display the generated text in your Bubble app. This video will show you how to use the OpenAI API without the need for a plugin using the Bubble API connector.