Buttons

In this Bubble tutorial we provide a beginners guide to Workflows in Bubble.io including how to use a form to create new entries in the Bubble database and how to link these entries together in database relationships. We also explain at the end how to control the order of operations in Bubble.

Anyone can build a ChatGPT clone using the no-code web app building platform Bubble.io. This 30 minute video shows you everything you need to know to create a your own ChatGPT clone including how to create a simple Bubble.io app, how to connect with the OpenAI API and how to correctly format your messages for historical message awareness with your AI conversations.

In this Bubble tutorial we demonstrate how to track how many times a user runs a workflow and then how to limit the number of times a user can run that workflow. This will be very useful to anyone building an app using a costly third party API such as OpenAI & ChatGPT.

In part 2 of the AssemblyAI and Bubble.io tutorial series we explore how to use webhooks to inform your Bubble app when a transcript has been completed.

In this Bubble tutorial we demonstrates how to create your own custom toggles using Groups, Repeating Groups, Option Sets and Custom States.

In this Bubble.io tutorial we demonstrate the basics for working with buttons in Bubble. Including adding hover effects to buttons and building custom buttons with icons using groups.

In this Bubble.io tutorial video we demonstrate how to use the IP Geolocation plugin by Zeroqode to save a user's country code to the database in the correct format to use with the Page2API web scraper.

In this Bubble tutorial video we demonstrate how to generate AI images within your Bubble app using the DALL-E 2 API (Public Beta) from OpenAI. We take you through every step from interpreting the DALL-E 2 API documentations, to setting up the Bubble API Connector.

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. Watch part 1 of this series: https://www.planetnocode.com/tutorial/design/how-to-build-a-chat-app-with-bubble-io-part-1/ Watch part 2 of this series: https://www.planetnocode.com/tutorial/design/how-to-build-a-chat-app-with-bubble-io-part-2/

In this Bubble tutorial we explain how to build a chat app with Bubble between your Bubble app users. This second video in a 3 part series focusses on additional UI elements required to build your own chat app and how to set up your repeating groups to show both conversations and messages. Watch part 1 of this series: https://www.planetnocode.com/tutorial/design/how-to-build-a-chat-app-with-bubble-io-part-1/ Watch part 3 of this series: https://www.planetnocode.com/tutorial/design/how-to-build-a-chat-app-with-bubble-io-part-3/

In this Bubble.io tutorial video we demonstrate how to add hover effect to a button in Bubble.

In this Bubble.io tutorial video we demonstrate how to customize button elements in the Bubble UI editor. We also discuss why using a hover effect can improve UX (user experience) for your app users.

In this Bubble tutorial video we demonstrate who to create a responsive hero section in your Bubble app.

In this Bubble.io tutorial video we show how to manually design your Bubble app using a Figma UI Kit.