Tutorials

Search

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.

How to create a IMDB clone in 30 mins

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.

How to add custom CSS to Bubble.io

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.

How to create an infinite test users with Gmail

In this Bubble tutorial we covered a Gmail hack that many people don't know about! Use this hack to create an infinite number of email addresses that all arrive in your Gmail inbox. Perfect for inventing test user email addresses for your no-code SaaS, MVP or Bubble app.

Tips for Using Conditional Statements in Bubble.io

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.

Enhance your Bubble email communication with Loops.so

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.

Top 10 Bubble Tips that ever Bubble Developer needs

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.

The best navigation for one page Bubble app

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 Errors - Send yourself an email

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.

Bubble & OpenAI - Send only recent messages

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.

Bubble vs WordPress - Expert In-Depth Comparison

Which is better Bubble or WordPress? In this video we compare Bubble vs WordPress across web development speed, SEO, flexibility and cost. Is Bubble the right platform? What alternatives to Bubble do you recommend? These regular questions during our Bubble coaching calls. Matt describes the difference between Bubble and Wordpress drawing on over 15 years of WordPress development experience and over 5 years of Bubble app building.

Build your own nocode CRM with Bubble.io – Part 2

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.

OpenAI Loading Animation - Using CSS

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.

OpenAI Loading Animation - Using Lottiefiles

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.

Build your own CRM with Bubble.io NoCode - Part 1

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.

Bubble table element - Sort by column

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.

Bubble UI Tips - Better Profile Pictures

In this Bubble tutorial we demonstrate 3 UI tips for improving your no-code Bubble app all centered around Profile Pictures. We use the Alphabet Profile Images plugin to add a placeholder thumbnail for conacts/users without an uploaded image, we show how you can quickly add the Picture Uploader to upload a new profile image to a Contact/User and we use Imgix to Auto crop around the face of the profile picture.

Bubble Table Element - Link Row to Record page

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.