This element is visible on page load
Discover how Bubble.io's "This element is visible on page load" feature empowers solopreneurs to create dynamic, user-friendly no code SaaS applications, enhancing the initial user experience and streamlining the development process for no code entrepreneurs.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/666990fdcea912d17a577fca_CSS-Animation.png)
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.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2b708bfa14a4bd917e_How-to-display-an-average-rating-with-the-Star-Rating-plugin.png)
How to display an average rating with the Star Rating plugin
In this Bubble.io tutorial video we demonstrate the extra steps you'll need to take in order to display an average star ratings value that users can return to and update using the Bootstrap Star Rating Input visual element.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a3c8f81b44f9f3574c5_Creating-a-sidebar-with-mobile-menu-in-Bubble.io_.png)
Beginner tips for formatting date and time in Bubble.io
In this Bubble.io tutorial we share some tips and tricks for working with time and date data in Bubble. This video includes how to customize the format of dates and a quick explanation about using timezones in Bubble.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a695ba4c64d79e589bd_Security-Tip.png)
Bubble Security Tip - Protect pages from logged out users
In this Bubble tutorial we demonstrate an essential Bubble security tip by answering the question how can I protect a page from logged out users?
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a8bb864e890fe7e7213_Thumbnails-by-Emily.png)
Build a no-code chatbot with custom knowledge base in 5 mins
In this Bubble tutorial, we show you how to quickly set up a custom chatbot powered by your own knowledge base using Voiceflow. Learn how to create an interface to upload documents, submit URLs, and engage with the Voiceflow API to get query data back from your knowledge base within your Bubble app. No more struggling with tricky chatbot setups in Bubble - we've got you covered with this step-by-step guide. Watch now to level up your chatbot game!
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66d83a2bc3e7baf0176daf02_RAG%20AI%20Search.png)
Build a No Code SearchGPT with Bubble.io
Build a No Code SearchGPT with Bubble.io and unlock the power of AI-powered search for your no-code SaaS startup.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a79da154481f26b604c_Send-data-from-Bubble-to-Zapier.png)
How to send data from Bubble.io to Zapier
In this Bubble tutorial we explain how to send data from your Bubble app to Zapier. Zapier can help you to integrate in with 1000s of other web services, but we always recommend checking if the service has a well documented public API as you may be able to connect directly from the Bubble API Connector - saving money off a Zapier account.