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

To set up a custom domain in Webflow and ensure it redirects properly, you need to connect the domain, configure DNS, and use proper domain redirect settings.

1. Add Custom Domain in Webflow

• Go to Project Settings > Publishing tab.
• Under Custom Domains, click + Add a Custom Domain.
• Enter your domain (e.g., www.example.com) and also add both the root domain (example.com) and the www version to support redirects.

2. Update DNS Settings with Your Domain Registrar

• Log in to your domain registrar (e.g., GoDaddy, Namecheap, Google Domains).
• Set the A records to Webflow’s IP addresses:
• (a) 75.2.70.75
• (b) 99.83.190.102
• Create a CNAME record for www pointing to proxy-ssl.webflow.com.
• Remove any existing conflicting A or CNAME records related to the root or www.

3. Set the Default Domain in Webflow

• In Project Settings > Publishing, click the house icon next to your preferred domain (usually www.example.com) to set it as the default domain.
• This ensures that all traffic to non-www gets redirected to www, or vice versa depending on your preference.

4. Publish the Site to the Custom Domain

• In the Webflow Designer or Project Settings, click Publish and select your custom domain(s).
• Wait for DNS to propagate, which may take up to 24–48 hours.

5. Test Redirection and HTTPS

• Open both http://example.com and http://www.example.com in a browser.
• Confirm that it redirects to your default domain (e.g., https://www.example.com).
• Make sure SSL is enabled under Project Settings > Hosting if you want secure (HTTPS) traffic.

Summary

To set up a custom domain in Webflow, add the domain in Project Settings, configure DNS with the correct A and CNAME records, set the default domain to handle redirection, and publish the site. This ensures visitors always land on your preferred URL with proper www or non-www redirection.