Design
Unlock the power of visual creation with Bubble.io's Design features, empowering solopreneurs to craft stunning no code SaaS applications without coding skills and bring their entrepreneurial visions to life.

How to display YouTube videos using embed code and dynamic data on Bubble.io
In this Bubble.io video tutorial we show how to embed a YouTube video in your Bubble app with dynamic data taken from your database.

How to display a user's name on a page
In this Bubble.io tutorial, we'll guide you through displaying a user's name on a page in your Bubble app.

How to embed YouTube videos on Bubble.io using embed code
In this Bubble.io tutorial video we demonstrate how to embed a YouTube video in your Bubble app without using the built in video element. This tutorial uses the HTML / Custom code visual element.

How to extract YouTube video ID from a YouTube link
In this Bubble tutorial we demonstrate how to extract a YouTube video ID from a full YouTube URL. This video includes how to factor for YouTube shortened links and the presence of additional data (query strings) within the YouTube URL.

How to filter Event dates by week in Bubble
Learn how to work with weeks in Bubble.io and filter events or date data by week in this Bubble tutorial.

How to fix the OpenAI Error HTTP 400 in Bubble.io
This Bubble tutorial video demonstrates how to fix OpenAI HTTP 400 in your Bubble app and even prevent error HTTP 400 from happening again.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

Deepgram Text to Speech MADE EASY with Bubble API Connector!
Discover how to make text-to-speech easy with the Deepgram API in Bubble! Learn how to integrate Deepgram's powerful text-to-speech capabilities into your Bubble applications. This guide covers everything from setting up your API keys to customizing voice options, and even troubleshooting common issues. Get tips on creating engaging audio experiences, and find out how to enhance your app's accessibility with speech functionalities.

How to create a responsive header and dropdown menu bar
In this Bubble.io tutorial we demonstrate how to create a responsive header bar and dropdown sub menu for your Bubble app.

Detecting User Country with IP Address Geolocation in Bubble.io
Knowing your user's country is crucial for providing personalized experiences, and that's where the IP Geolocation comes in.

How To Make A Search Function In Bubble.io
In this Bubble.io tutorial video we show to user the Search element to give your users the ability to search a specific field of a data type in your Bubble database.

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.

How To Create a Lead Generation Form In Bubble for a B2B App
In this Bubble.io tutorial video we show how to create a simple lead generation form in your Bubble.io app.