How can I set up a custom domain in Webflow and ensure that the URL properly redirects to the new domain?

Setting up a custom domain in Webflow and ensuring the URL redirects correctly involve a few key steps. Here's how you do it:

​

1. Purchase a Custom Domain

• Buy a domain from a trusted domain registrar like GoDaddy, Namecheap, or Google Domains.

2. Add the Custom Domain in Webflow

• Go to Project Settings of the site you want to associate with your custom domain.
• Click on the Hosting tab.
• Under the Custom Domains section, enter the domain you purchased.

​

3. Update DNS Settings

• Access the DNS settings for your domain through your registrar.
• Add two A records pointing to Webflow's IP addresses: (a) 75.2.70.75, (b) 99.83.190.102.
• Add a CNAME record for the www subdomain that points to proxy-ssl.webflow.com.

4. Set the Default Domain

• Return to Webflow’s Project Settings and mark the primary domain (usually starting with www) as the default one, enabling Webflow to automatically redirect the root domain to this preferred domain.

​

5. Verify and Publish

• Wait for DNS propagation, which can take 1-48 hours, and then ensure Webflow shows a green checkmark under your domain settings.
• Publish your site to the custom domain once the DNS settings are in place and verified.

​

6. Test the URL Redirections

• Visit the root domain (e.g., http://yourdomain.com) and verify it redirects to the full domain (e.g., https://www.yourdomain.com).

​

Summary

To set up a custom domain in Webflow, add the domain in Project Settings, configure DNS records via your registrar, set the default domain in Webflow, and verify the setup by checking redirections after publishing. This process ensures visitors using your root domain are consistently redirected to your preferred domain without issues.