Tutorials

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.

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.

You can create no-code IMDB clone with Bubble in just 30 minutes. In this Bubble tutorial video we demonstrate how to cleanly layout content in Bubble using rows and columns, how to structure your database to make relationships between entries (e.g. Movies & Directors) and how to display data from your Bubble database in repeating groups and on pages.

In this Bubble tutorial video we demonstrate how you can use a color picker to allow your Bubble app users to set their own colors through your Bubble app.

Bubble.io is a fantastic no-code web app development platform. After recording 100s of Bubble tutorial videos it felt like like we should record our own Bubble beginners guide. In this Bubble video we explore all the essential parts of web app no code development with Bubble including examples and explanations about Design, Workflows, Database, Styles, Settings and Logs.

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.

In this Bubble tutorial we demonstrate how to nest repeating groups in Bubble including how to link data between parent and children groups.

In this Bubble tutorial we demonstrate how to remove the time stamp from calendar events in the month view using just a few lines of CSS.

Bubble is a fantastic no-code development platform. But sometimes you need a little code like CSS to perfect the design of your Bubble app. In this Bubble tutorial video we demonstrate 2 ways you can add custom CSS to your Bubble app.

In this Bubble tutorial we add a Settings page or My Profile page to our Twitter clone built with Bubble.io.

In the Bubble tutorial we add user profiles to our Twitter clone. We explain how to user a Bubble app page's Type of Content to create a template for all Twitter users in our app.

In just 5 minutes you can simple add a subscription checkout to your Bubble app using Lemon Squeezy. This Bubble tutorial video explores how to add Lemon Squeezy to Bubble and using webhooks to track orders.

In this Bubble tutorial we demonstrate how you can use conditional statements to change the background color of content based on a numerical value. We create a series of traffic light color changes (red, green, yellow) to show low, medium and high values in our data.

This Bubble tutorial showcases Loops.so, an incredible all-in-one SaaS email service. It allows you to send emails from your Bubble app to your users, providing transactional emails, marketing campaigns, and email automations. You can easily access its features through the Bubble API Connector.

Did you know that Lemon Squeezy is a good alternative to Stripe for handling payments, subscriptions and transactions through your Bubble.io app. Here are two more reasons that Lemon Squeezy is the best payment gateway for Bubble apps.

Looking for a Stripe alternative for your Bubble app? We've been testing Lemon Squeezy. Here is our comparison between Stripe and Lemon Squeezy for Bubble app builders.

In this video, we share top 10 tips that every Bubble developer (beginner or advanced) must know. This includes things such as what Bubble is good at, limitations of Bubble, Design tips, Dev and Live environments, Privacy and Security, and running apps as users.

Welcome to the next part of our Bubble tutorial series where I'm showing you how you can build a no-code CRM in Bubble.

Knowing your user's country is crucial for providing personalized experiences, and that's where the IP Geolocation comes in.

Are you building a no-code one page Bubble app? How are you handling your navigation? In this Bubble tutorial video we'll explain why one page app navigation with custom states has limitations and how using Go to page... with URL parameters can improve your user experience.

Bubble doesn't make it easy to add a Group Focus into a Repeating Group cell. Here's our workaround using a Reusable Element and icon.

In this Bubble beginner tutorial we explain how to use a popup and form to make changes to an entry in your Bubble.io database.

In this Bubble tutorial for beginners we explain how you can create new entries in your Bubble database using a form. We use the Create new thing workflow action to create a new contact using 2 input fields.

In this Bubble tutorial we demonstrate how you can hide the ugly browser alert errors from your Bubble app users and send yourself an email with the error code instead.

In this Bubble tutorial we demonstrate how you can replace the ugly browser alerts when OpenAI responses with an error. We explain how you can replace this error with an beautiful in app notification and send an email to your tech team with the error details.

Finally you can create a true chat experience in Bubble with the Reverse Repeating Group plugin by Thimo. Design your Bubble ChatGPT clones or other chat apps to scroll to the bottom of the conversation just like iMessage and Slack.

In this Bubble tutorial we demonstrate how you can lower your OpenAI token spend by just sending the most recent messages to the OpenAI API. This method will ensure your message still has some awareness of previous messages without sending the oldest messages.

In this Bubble tutorial we share a quick tip about switching from your Stripe Test Plan ID to your Stripe Live Plan ID.

In this no-code development video we begin tutorial series demonstrating how you can build your own custom CRM with Bubble.io - all without writing a single line of code. Bubble.io is a powerful nocode web app creation platform. Watch to discover how to create a dashboard layout with a floating/sticky sidebar.

In this Bubble tutorial video we demonstrate how you can increase the message length for OpenAI's gpt-3.5-turbo model allowing you to have large conversations in your Bubble ChatGPT clone. Fix for OpenAI error "content_length_exceeded".

In this Bubble tutorial we demonstrate how to improve your Bubble app's UX (user experience) by showing a loading animation while you wait for a response from the OpenAI API (ChatGPT). This tutorial uses a CSS animation from loading.io.

In this Bubble tutorial we demonstrate how to improve your Bubble app's UX (user experience) by showing a loading animation while you wait for a response from the OpenAI API (ChatGPT). This tutorial uses a Lottie animation from Lottiefiles.

In this Bubble tutorial video we demonstrate a simple way you can improve and simplify your OpenAI API workflows in your Bubble app.

This Bubble tutorial video demonstrates how to fix OpenAI HTTP 400 in your Bubble app and even prevent error HTTP 400 from happening again.

In this no-code development video we begin tutorial series demonstrating how you can build your own custom CRM with Bubble.io - all without writing a single line of code. Bubble.io is a powerful nocode web app creation platform. Watch to discover how to create a Registration and Login page for your SaaS app users.

In this Bubble tutorial we demonstrate how to use the AssemblyAI transcription and speaker labelling API with backend workflows to loop through every 'utterance' returned by AssemblyAI.

In this Bubble tutorial we demonstrate the AssemblyAI API Speaker Diarization (AKA audio transcription with speaker labels).

In this Bubble tutorial video we demonstrate how to use the arrow keys to navigate a table in Bubble.

In this Bubble tutorial we explain how to use constraints on a repeating group to filter your Bubble database data by date. In this Bubble.io tutorial we demonstrate how to show only events occurring on the current date.

Here's one way you can customize the Bubble Table element. In this Bubble tutorial video we'll demonstrate how to create click to sort column headers.

In this Bubble tutorial we demonstrate the new Bubble Table Element and show how you can easily link through from a record in your table to a page all about that record. Perfect for anyone building no-code dashboards and CRM apps with Bubble.