How to use custom domains in Bubble.io: Step-by-Step Guide

 

Purchase a domain from a domain registrar, if you haven't done so already. Your domain will serve as the unique identifier for your app's or website's URL on the internet.

 

In your Bubble.io dashboard, go to the Settings tab, then to the Domain section.

 

Enter your domain into the input box provided and click Set up this domain.

 

Bubble.io will then provide you with the DNS records that you need to configure on your domain registrar’s end. Record these details as you will need them in the next step.

 

Log in to your domain registrar's dashboard and locate the DNS settings or DNS Zone File settings.

 

Within the DNS settings, remove any existing A records with an empty name ('') or 'www' and replace them with the records provided by Bubble. If your registrar uses '@' as a placeholder for an empty name, use that accordingly.

 

If configuring a subdomain (like app.yourapp.com), the process is similar, but the DNS records will be different as specified by Bubble.

 

After you have entered all the DNS records provided by Bubble, wait for the changes to propagate across the internet, which can take anywhere from a few hours up to 24 hours.

 

Back in Bubble.io, under the DNS records, use the Check my settings button to verify if the custom domain setup is successful. The system will either confirm the correct setup or alert you to any errors for troubleshooting.

 

Once the domain is properly configured and the DNS settings are verified, all requests to your original Bubble subdomain (yourapp.bubbleapps.io) will be automatically redirected to your new custom domain (yourdomain.com). If you need to change or remove the custom domain in the future, use the 'delete this domain name' option in the Domain section before removing the DNS records from your registrar's service.