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

Tutorials

Search

No Code Video Conferencing App with Whereby - Part 1

Explore the possibilities of creating your own video conferencing web app using no-code platforms like Bubble.io with expert guidance from a no-code educator. Discover how to seamlessly integrate the whereby REST API and Bubble to develop your very own no-code video conferencing application.

No-code Social Media Post Scheduler

Learn how to incorporate scheduling features into your Bubble.io app with this tutorial. Discover how to set up a post scheduler with a user-friendly interface, perfect for building social media scheduling apps without a single line of code.

OpenAI Rich Text Formatting

Learn how to add rich text formatting to your OpenAI API and ChatGPT messages in your Bubble.io app using BBcode or HTML.

What screen recording software do we use?

Looking for a professional screen recording software? Check out Screen Studio, a fantastic tool available exclusively for macOS. With impressive features like custom backgrounds, zoom control, and easy editing, it's no wonder companies like Stripe and Shopify rely on it for their videos.

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

How to add live web search data to the OpenAI API

Learn how to harness the power of Bubble.io and the no-code movement to combine multiple APIs, including OpenAI, web scraping, and web search, to create a Chat GPT clone that can fetch live data from the web and provide accurate and up-to-date information on things to do in Paris in February 2024.
Premium

Build your own No-Code Search Engine with Bubble.io

Learn how to create your own no-code search engine using Bubble.io and the Brave search API in this tutorial. Discover how to connect to the API, structure the data, and display search results on a separate page.

Demo of Return Data from Custom Events

Learn how to effectively create functions using Bubble.io's new feature called Return Data on custom events in this tutorial video. With reusable elements, you can easily deploy complex calculations and formulas across multiple pages in your app, simplifying your app development process.
Premium

3 easy mistakes to make with the Bubble.io API Connector

Learn how to avoid the top three mistakes of using the Bubble.io API connector, including keeping your API key private, understanding the correct content type to use, and setting the API call as an action rather than data to control usage and prevent excessive billing.
Premium

Calendar Subscription Link in Bubble - AddEvent 5

Learn how to integrate add event functionality into your Bubble.io app, allowing users to subscribe to events through their calendar apps, in the final video of this AddEvent API miniseries.
Premium

Creating Calendar Events - AddEvent 3

Learn how to create events in your Bubble.io app using the no-code platform's API connector and the AddEvent API. By following the step-by-step process, you can easily integrate event creation and management functionality into your app, including features like reminders that can't be built using default calendar plugins in Bubble.io.

OAuth causing a headache? Try Pathfix

Learn how to simplify user authentication and integration with third-party platforms like Twitter, Instagram, and Quickbooks using Bubble.io with the help of Pathfix, a convenient plugin that takes the headache out of OAuth authentication.
Premium

Better Radio Buttons in Bubble.io

In this engaging Bubble tutorial video, you will learn how to enhance the appearance of your forms in Bubble by having better radio boxes or better toggles.
Premium

Adding a data to a dropdown

Learn how to allow users to dynamically add values to a drop-down in Bubble.io. This tutorial walks you through the steps, from setting up dynamic choices to creating a pop-up and workflow, enhancing user experience and database functionality.
Premium

How to “join with” a line break

In this Bubble tutorial, you'll learn how to use the "join with" text modifier to change how a list of text items is expressed in your Bubble app.
Premium

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.

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.

No-code web design with Toddle.dev and Figma

In this no-code tutorial, I'm going to show you how easy it is to build a website without writing a single line of code using www.Toddle.dev. Toddle is a no-code platform that allows you to create websites and web apps effortlessly. In this video, I'll focus on how you can take a design from Figma and build it in Toddle.
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.
menu