Search box
Discover how Bubble.io's Search box feature empowers solopreneurs to create powerful no-code SaaS applications, enabling users to quickly find and access information within your app and enhancing overall user experience.

Build a CUSTOM Search Results Page in Bubble.io NOW!
Discover how to craft an impressive search results page in Bubble.io that elevates your app experience!

Custom Dropdown with Search
Let's add a custom search to our custom dropdown in Bubble.io

Google Street View in Bubble.io
In this Bubble.io tutorial we explain how to use the Google Street View Static API and Searchbox Address lookup to display a Google Street View image of an address in your Bubble app.

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.

How to Use Search Element to Display Single Map Marker On Google Maps
In this Bubble.io tutorial video we show how to link a Search field with a Google Maps instance. This video demonstrates and explains the need to store address data as Geographic field data in order to provide the necessary integration with the Google Maps API.

How to build a chat app with Bubble.io Part 3
In this Bubble tutorial we explain how to build a chat app with Bubble between your Bubble app users. This third video in a 3 part series completes this mini series demonstrating how to build your own chat app by showing the workflows required to send messages between users in Bubble.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

AI Usage Tracking Tool for No Code Developers - Helicone AI
Helicone AI is the no-code solution for tracking AI usage, cost, and performance in your Bubble.io app. In this Bubble tutorial video, discover how easy it is to integrate Helicone AI into your existing no-code app with minimal changes.

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.

AI text generation with Claude by Anthropic
In this Bubble.io tutorial we'll show you how to set up the Bubble API Connector with Claude by Anthropic. Claude is similar to ChatGPT, gpt-3.5-turbo and GPT-4.

GPT 3.5 vs GPT 4 - Which is best for Bubble.io
In this Bubble tutorial we explore the differences between OpenAI's text generation models GPT 3.5 Turbo and GPT 4. We'll discuss cost and speed, including some limitations you need to consider when building with Bubble.io and OpenAI.

How to Use Search Element to Display Single Map Marker On Google Maps
In this Bubble.io tutorial video we show how to link a Search field with a Google Maps instance. This video demonstrates and explains the need to store address data as Geographic field data in order to provide the necessary integration with the Google Maps API.

Build Your Own No Code Feedback Widget in Bubble.io – Fast & Easy!
Learn how to build a professional custom feedback widget in your Bubble.io no-code web application! In this step-by-step tutorial, discover how to create an interactive feedback system that captures screenshots, sends data to Slack, and provides a seamless user experience. You'll master essential techniques like implementing floating elements, adding custom CSS, and integrating third-party plugins to create a powerful feedback mechanism.