How to Connect a Custom Domain to Webflow (DNS Setup Guide)

Connecting a custom domain to your Webflow site requires updating DNS records at your domain registrar (GoDaddy, Namecheap, Cloudflare, etc.) and adding the domain in your Webflow Site Settings. The full process takes about 15 minutes of work, plus 4-48 hours for DNS propagation.

This guide walks through every step with screenshots, registrar-specific instructions, and fixes for the most common errors.

How Domain Connection Works in Webflow?

Webflow DNS records: A records and CNAME explained

Webflow requires three DNS records to connect a custom domain: two A records and one CNAME record. The A records (pointing to 75.2.70.75 and 99.83.190.102) handle requests to your root domain (yoursite.com). The CNAME record on the www subdomain (pointing to proxy-ssl.webflow.com) handles SSL certificate provisioning and secure routing through Webflow's edge network.

This specific configuration is required because Webflow uses a load-balanced infrastructure where the two A records provide failover if one server experiences issues, and the CNAME enables Webflow's automated Let's Encrypt SSL management.

How long does DNS propagation take for Webflow?

DNS propagation for a Webflow custom domain typically takes 4-24 hours, with a maximum of 48 hours. Speed depends on:

• TTL settings at your registrar (lower TTL = faster propagation)
• ISP DNS caching</strong> policies in your visitors' regions
• Registrar infrastructure speed (Cloudflare and GoDaddy propagate fastest, typically 2-6 hours)

You can check global propagation status using <a href="https://dnschecker.org" rel="noopener noreferrer">dnschecker.org</a> — enter your domain to see whether DNS servers around the world are returning the updated records.

Common Webflow domain connection errors and fixes

The most common reasons a Webflow domain shows "Disconnected" or "Error":

• DNS records not yet propagated — Wait up to 48 hours after making changes.
• Incorrect IP addresses in A records — Verify the values are exactly 75.2.70.75 and 99.83.190.102
• CNAME pointing to wrong target — Must be proxy-ssl.webflow.com (not proxy.webflow.com or webflow.com).
• Old DNS records still active: — Delete any A records or CNAMEs from previous hosting providers.
• Conflicting parking page records — GoDaddy and Namecheap add these by default; remove them.

Connect a Custom Domain to Webflow: Step-by-Step Guide

Connecting your Webflow project to a custom domain (like www.yoursite.com) is a key part of the Webflow domain setup process. If you're wondering how to connect domain to Webflow, this step gives your website a professional look and improves branding and SEO.

Step 1: Add Your Custom Domain in Webflow

1. Log in to your Webflow account.
   
2. Open the project you want to connect to a domain.
   
3. Navigate to the Site Settings by clicking the gear icon on your project dashboard.
   
4. Go to the Publishing tab.

Step 2: Add Your Custom Domain

1. Scroll to the Custom Domains section.
   
2. Enter your domain (e.g., yourdomain.com) and click Add.
   
3. Add both the root domain (yourdomain.com) and the www subdomain Webflow (www.yourdomain.com) for best coverage.

Step 3: Update DNS Settings in Your Domain 

Next, you’ll need to log in to your domain registrar (where you purchased your domain) and update your DNS records by following the Webflow DNS settings. You’ll need to add two types of records.

General Steps (Same Across Most Registrars):

A Records (for root domain)

• Type: A
  
• Host: @
  
• Value: 75.2.70.75
  
• TTL: Default or 3600
  
• Type: A
  
• Host: @
  
• Value: 99.83.190.102
  
• TTL: Default or 3600

CNAME Record (for www subdomain)

• Type: CNAME
  
• Host: www
  
• Value: proxy-ssl.webflow.
  
• TTL: Default or 3600

Step 4: Set Default Domain in Webflow

Back in Webflow

• Go to Hosting > Custom Domains
  
• Click the star icon next to www.yourdomain.com to make it the default
  
• Click Publish Site and select your custom domain(s).

Step 6: SSL & HTTPS (Recommended)

Webflow automatically provides free SSL certificates. Ensure Webflow SSL is enabled.

• Go to Hosting Settings.
  
• Scroll to Advanced Publishing Options
  
• Turn on “SSL” and “Force SSL”.

Step 7: Verify and Test

• Visit your domain in a browser (www.yourdomain.com).
  
• Check if everything loads correctly.
  
• Test redirects (e.g., yourdomain.com should redirect to www.yourdomain.com).

Congratulations! Your Webflow site is now live on your custom domain.

Recommended To Read: The Ultimate Guide to Setting up 301 Redirect in Webflow

How to Change Webflow Domain Name?

Changing your Webflow domain name is simple and can be done in a few steps. Whether you're switching to a new brand name or updating your domain for SEO or marketing purposes, here's how to do it:

1. Log In to Webflow
   Go to Webflow and sign in to your account.
   ‍
2. Open Your Project Settings
   Navigate to the Dashboard and click on the project for which you want to change the domain name.
   ‍
3. Go to the Hosting Tab
   Inside your project settings, select the Hosting tab. This is where you’ll manage domain connections.
   ‍
4. Remove the Old Custom Domain (If Applicable)
   If you've already connected a custom domain, you can remove it by clicking the “x” next to the domain name.
   ‍
5. Add Your New Domain Name
   Under the Custom Domains section, click on Add custom domain and enter your new domain (e.g., www.newdomain.com).
   ‍
6. Update DNS Settings
   Log in to your domain registrar and update your DNS records based on Webflow’s DNS settings. Usually, you’ll need to:
   • Add A Records pointing to Webflow’s IP addresses.
   • Add a CNAME for the www subdomain.
7. Set the Default Domain
   Back in Webflow, make sure to set the new domain as your default domain by clicking the “star” icon.
   ‍
8. Publish Your Site
   Finally, hit the Publish button to make your site live with the new domain name.

Tip: Always make sure to set up 301 redirects to avoid broken links and maintain your SEO rankings during the domain transition.

Conclusion

In this step-by-step guide, you learned how to connect a custom domain to your Webflow website. Webflow connect custom domain functionality is essential for establishing brand authority, boosting SEO, and creating a seamless user experience. The process may sound technical at first, but Webflow makes it easy to manage setups like Webflow multiple domains with built-in tools, clear DNS instructions, and real-time domain verification.

Whether you're launching a business, portfolio, or SaaS product, having a custom domain sets the foundation for digital credibility.

Webflow Resources

1. How to create pop-up in Webflow?‍
2. How to clone a Webflow website?‍
3. How to connect Webflow to a domain?‍
4. How to install google analytics in Webflow?
5. How to Add Lottie Animations in Webflow?
6. How to Add Schema Markup in Webflow?
7. How to add custom code in Webflow?
8. How to Export Code from Webflow?
9. How to add Sliders to the Webflow?

FAQs: Connecting Domains to Webflow

1. Can I use Webflow without a custom domain?

Yes, you can build and publish your site on Webflow’s free staging domain (yourproject.webflow.io). However, to connect a custom domain, you’ll need to upgrade to a Webflow Site Plan.

2. How long does DNS propagation take?

It can take anywhere from a few minutes to 48 hours, depending on your domain registrar and internet service provider. 

3. Do I need to buy hosting separately for Webflow?

No. Webflow includes fast, global hosting as part of its Site Plans. When you connect your domain, your website is automatically hosted on Webflow’s servers with built-in SSL, CDN, and backups.

4. Can I connect multiple domains to one Webflow site?

Yes. You can add multiple custom domains (e.g., .com, .net, .org) and redirect them all to your primary domain in Webflow’s settings for better SEO and consistency.

5. What are Webflow's DNS records?

Webflow requires two A records pointing to 75.2.70.75 and 99.83.190.102 (for the root domain), plus a CNAME record on the "www" subdomain pointing to proxy-ssl.webflow.com. These are added in your domain registrar's DNS management panel.

6. Why is my Webflow domain showing "Disconnected"?

The most common reasons are: (1) DNS records not yet propagated (wait up to 48 hours), (2) incorrect IP addresses in A records, (3) CNAME pointing to wrong target, (4) conflicting old DNS records from previous hosting still active. Use a tool like <a href="https://dnschecker.org" rel="noopener noreferrer">dnschecker.org</a> to verify your records globally.

7. Can I connect a subdomain to Webflow (e.g., blog.example.com)?

Yes. Add the subdomain in Webflow Site Settings → Publishing → Add Custom Domain. In your DNS settings, create a CNAME record where Host = "blog" (or your subdomain prefix) and Value = proxy-ssl.webflow.com.