Limited Time Offer: Watch All Our Bubble Tutorial Videos for Only $99 per Year!

Tutorials

Search
Premium

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.

Link to a database entry with a QR code

In this Bubble tutorial video, you'll learn how to create QR codes that link to specific entries in your Bubble database. This feature is especially useful for apps with sharing functionality, allowing users to easily share QR codes that lead to specific pages or records in the app. Watch the video to see a step-by-step guide on how to implement this feature and take your Bubble app to the next level.
Premium

Generate version specific webhook URLs

In this Bubble.io tutorial, we dive into the intricate world of webhooks in data processing for your Bubble app. If you're using a third-party service like AssemblyAI, a high-performing speech-to-text API, this video is a must-watch. We address a common issue where the webhook works perfectly in the development version but fails in the live version - a problem that can be easily solved with the right approach.

Better checkboxes and toggles

In this Bubble tutorial video we demonstrate how you can quickly improve the look of checkboxes in your Bubble app by adding an Ionic Toggle.
Premium

Gap between repeating group rows

In this Bubble.io tutorial video we demonstrate the correct way to add uniform gap between rows in a repeating group you are using as a table element when building your no-code app with Bubble.io.

Build a no-code chatbot with custom knowledge base in 5 mins

In this Bubble tutorial, we show you how to quickly set up a custom chatbot powered by your own knowledge base using Voiceflow. Learn how to create an interface to upload documents, submit URLs, and engage with the Voiceflow API to get query data back from your knowledge base within your Bubble app. No more struggling with tricky chatbot setups in Bubble - we've got you covered with this step-by-step guide. Watch now to level up your chatbot game!

Build Your Own No-Code Custom GPT

Learn how to build your own custom GPT with no-code, Bubble.io, and the OpenAI API in just 20 minutes! Capitalize on the power of no-code development and the ease of Bubble.io to customize AI for your unique business needs. Get started in the world of AI without needing extensive coding knowledge, making the process more accessible and cost-efficient. This video will guide you on how to streamline business operations, transform customer experiences, and tap into new revenue streams in the AI market, all with the power of no-code AI development.
Premium

How to update Font Awesome to V6

The Bubble.io icon library is stuck with Font Awesome version 4 because V4 is not backwards compatibility with Font Awesome's most recent release version 6. In this Bubble tutorial video we demonstrate a work around that'll help you import the latest Font Awesome icons into Bubble.
Premium

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.
Premium

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.

OpenAI & JSON Mode

In this Bubble tutorial we demonstrate how to use the new OpenAI JSON mode. Any Bubble app creator using OpenAI in their Bubble app will benefit from this tutorial because JSON mode ({ "type": "json_object" }) returns a much more reliably formatted message reply from OpenAI.

OpenAI GPT 4 Vision No-Code Bubble.io Tutorial

In this Bubble tutorial we demonstrate how easy it is to add the OpenAI GPT 4 Vision API to your Bubble app. Now your Bubble app can upload images to OpenAI and ask questions about the image.
Premium

Learn How to Easily Scrape Google Maps Data

Welcome to another in-depth Bubble tutorial where we delve into the integration of Serper.dev's Places API with Google Maps for a powerful and intuitive mapping experience.
Premium

Beginners Guide to Bubble.io Workflows

In this Bubble tutorial we provide a beginners guide to Workflows in Bubble.io including how to use a form to create new entries in the Bubble database and how to link these entries together in database relationships. We also explain at the end how to control the order of operations in Bubble.

Bubble.io Table Element Pagination with Numbers

In this Bubble tutorial we expand upon our last video tutorial explaining how to add pagination to the Bubble table element. This Bubble tutorial demonstrates how to add a number for the current page and total number of pages.
Premium

Advanced Timezones in Bubble.io

In this Bubble tutorial we'll be demonstrating how you can have more control over how Bubble and timezones work in your app.
Premium

3 ways to add data to a Repeating Group

Get started with our 3 ways to add data to a repeating group Bubble tutorial. We demonstrate how to make sure that your repeating group is populated with data when the page loads, how to change this data with a workflow and how to update the repeating group list using a conditional statement and custom state.
Premium

Pagination with the Bubble Table Element

In this Bubble tutorial we demonstrate how you can add pagination to the Bubble table element. The Bubble.io table element doesn't include the same set of expanded features as repeating groups. So here is our workaround.
Premium

How to send data from Bubble.io to Zapier

In this Bubble tutorial we explain how to send data from your Bubble app to Zapier. Zapier can help you to integrate in with 1000s of other web services, but we always recommend checking if the service has a well documented public API as you may be able to connect directly from the Bubble API Connector - saving money off a Zapier account.
Premium

Using Bubble.io to post to WordPress blog

In this Bubble tutorial we demonstrate how to publish content generated in your Bubble to a Wordpress site. In this tutorial we the WordPress plugin AutomatorWP. Very useful if you are using AI to generate blog posts.

100% Height Full Screen in Bubble.io

In this Bubble tutorial we demonstrate how you can use a few lines of CSS to force pages in your Bubble app to be height responsive, 100% height, 100% viewport.
menu