Input (Text)
Discover how Bubble.io's Input (Text) feature empowers solopreneurs to create dynamic, user-friendly forms in their no code SaaS applications, enabling seamless data collection and enhancing the overall user experience without writing a single line of code.

How To Create Basic Contact Form In Bubble.io
In this Bubble.io tutorial video we demonstrate how to create a simple contact form within your application. When the form is submitted we'll trigger a Workflow that sends an email to you with the contents of the form.

How to Build Your Own AI Assistant for Email Writing Without Coding
Learn how to build your own email assistant powered by AI using the no-code platforms Bubble.io and Plum. This blog post will guide you step by step on how to create structured data prompts to write emails without a single line of code. Dive into the world of no-code development with ease.

Let’s Build a No Code Invoice Web App - Part 1
Learn how to build a custom invoicing web app without any coding knowledge using Bubble.io in this step-by-step tutorial. Dive into the world of no-code development and create your own personalized invoicing system with ease.

Responsive Engine: adding overlay icon in text Input V2
In this Bubble tutorial video we explore one way to adding a Font Awesome icon to your text Input fields.

SPEED UP Your Workflow with this Bubble.io Multi Step Forms Hack!
You'll explore techniques to set up conditional logic, manage submissions, and more, all while saving time and effort. Gain insights on how these powerful tools can elevate your projects and boost your productivity.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

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.

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.

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.

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.

Bubble Table Element - Alternating Row Background Color
In this Bubble tutorial we demonstrate the new Bubble Table Element and show how you can easily add alternating row background colors to the Table Element in your Bubble app.

How to Build an NFT Marketplace Login with Figma & Bubble.io
In this Bubble.io tutorial video we demonstrate how and why you might choose to manually convert a Figma template into Bubble. This video explains padding, margins and explains the basics of CSS to help you get started.