HTML
Unlock the power of HTML in your Bubble.io app to enhance your no-code SaaS and take your solopreneur journey to the next level, customizing your user interface and creating unique experiences without writing complex code.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a465cda3525d4517ffd_Bubble.io-Text-to-Speech-API-Part-2.png)
Bubble.io - Text to Speech API Part 2
In this Bubble tutorial we demonstrate how to create UI and workflows to integrate into the speechgen.io API. We build a simple text to speech app with Bubble.io
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670aa553b7aa6f742e5fd8_Embedding-our-dynamic-AddEvent-Calendar-in-Bubble-AddEvent-2.png)
Embedding our dynamic AddEvent Calendar in Bubble - AddEvent 2
Learn how to embed a dynamic calendar into your Bubble.io app using the no-code platform AddEvent, allowing users to view their own personalized calendar. Customize and update the calendar code to ensure it displays the correct user's calendar.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a152ba45b387ef99b9f_thumbnail_1be810ab.png)
How to Create a Background Video In Bubble
In this Bubble.io tutorial video we demonstrate how to create a background video hero section using HTML that works on mobile.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2afe4b8fd45626dee0_RVnGs7fgtsw-HD.jpeg)
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.
![](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/66670a5368c534e332d1c8d1_ZNnfF1FuUSo-HD.jpeg)
How to add a no-code product tour to your Bubble app
In this Bubble tutorial video, I'm going to be demonstrating how you can create a Product Tour and onboarding experience just like this, to guide your users through and explain features in your Bubble app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670aa26a59ec6f45543a5b_How-to-summarise-a-whole-conversation-with-AI-in-Bubble.io_.png)
How to summarise a whole conversation with AI in Bubble.io
Learn how to add a "summarize" button and generate a conversation summary using OpenAI API in your Bubble.io chat application. This quick tip will help you present condensed information to your users with ease, making your no-code development process even more efficient.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a777c0c2f154af6a220_Send-data-from-Bubble-to-WP.png)
Using Bubble.io to post to WordPress blog
In this Bubble tutorial we demonstrate how to publish content generated in your Bubble to a Wordpress site. In this tutorial we the WordPress plugin AutomatorWP. Very useful if you are using AI to generate blog posts.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a62b1fb17a1917d46cb_Advanced-Filters-Product-Lists.png)
Repeating Groups Advanced Filter - AND Filters, Option Sets, Custom States
In this Bubble tutorial we demonstrate how to filter a list of products on an ecommerce website using custom states and option sets. Creating AND filters with Option Sets is not easy in Bubble but we demonstrate a nocode approach that works.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a582205b1cc95e7db73_8Khdt4-JyiY-HD.jpeg)
How to cancel a recurring workflow in Bubble
This Bubble tutorial video is a follow up to our recent video about how to schedule recurring workflows in 2023. This is all about how Bubble has expanded upon the original set of features for recurring workflows.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670aaa5f403716c40cf937_5-performance-tips-for-structuring-your-Bubble-app.png)
5 performance tips for structuring your Bubble app
Learn how to structure your Bubble.io app for optimal performance and usability with these 5 tips.