How to accomplish domain mapping in Bubble.io: Step-by-Step Guide

Domain Mapping in Bubble.io: A Comprehensive Guide

 

Mapping a custom domain to your Bubble.io application allows you to use your own domain name instead of a default Bubble-provided URL. This guide will take you through a detailed, step-by-step process to achieve domain mapping in Bubble.io efficiently.

 

Prerequisites

 

• An active Bubble.io account with an application you want to map to a custom domain.
• A registered domain name with a domain registrar (e.g., GoDaddy, Namecheap).
• Access to your domain registrar's DNS settings.
• Basic understanding of DNS records such as A records and CNAME records.

 

Understanding Domain Mapping in Bubble.io

 

• Domain mapping allows users to connect their registered domain name to their Bubble application.
• This process involves configuring DNS settings where your domain is registered to point to Bubble's servers.

 

Configuring Your Domain Registrar

 

• Log in to your domain registrar account where you purchased your domain name.
• Access the DNS management area or similar settings, which might be labeled as DNS Zone File or Domain Settings.
• Make note of the current DNS records to revert changes if needed.

 

Setting Up DNS Records

 

• For the root domain (e.g., mydomain.com), create an A record pointing to Bubble’s IP address:
  • Hostname: @
  • Type: A
  • Value: 75.101.163.44
• If you are pointing a subdomain (e.g., app.mydomain.com), create a CNAME record:
  • Hostname: app (or whatever subdomain you want)
  • Type: CNAME
  • Value: app.bubble.io
• Save the DNS changes. Note that DNS propagation may take up to 48 hours.

 

Configuring Bubble.io Domain Settings

 

• Launch Bubble.io and open the application you want to map to your custom domain.
• Navigate to the "Settings" tab in the Bubble editor.
• Click on the "Domain / email" section on the left-hand menu.
• Enter your custom domain into the domain input field (e.g., www.mydomain.com or myapp.mydomain.com).
• Click "Save" to apply the changes.

 

Verification and Troubleshooting

 

• Verify if the domain is correctly pointing to your Bubble application:
  • For the root domain, type the domain name into your web browser. It should load your Bubble application.
  • For a subdomain, type the entire subdomain into your web browser.
• If the changes do not take effect immediately, allow some time for DNS propagation.
• If issues persist, verify your DNS settings with your registrar or consult Bubble's forum/community specific to domain mapping for support.

 

Testing Your Bubble Application with the Custom Domain

 

• Once the domain is correctly pointing to Bubble, thoroughly test your application to ensure functionality across pages.
• Check for mixed content warnings. Ensure that all resources are loaded over HTTPS to avoid security issues.

 

Handling SSL Configuration

 

• Bubble.io provides automatic SSL certificates for applications if you are on a paid plan.
• To enable SSL, ensure "Enable SSL" is toggled on in the "Domain / email" settings.
• Allow time for the SSL certificate to be issued, which could take a few hours.
• Test your domain by prefacing it with HTTPS in your browser to ensure it's secured.

 

By following this guide, you can effectively map your Bubble.io application to a custom domain, enhancing your brand's professionalism and accessibility. Proper domain mapping optimizes user navigation and aligns your application's URL with your business identity.