How to connect a custom domain on Webflow (DNS)

Tutorial
3 min
Published on Mar 20, 2023
Updated on
Webflow domain name connection
Use AI to summarize this article
Key points

Discover in this tutorial the steps to follow to publish your site Webflow on a custom domain.

By publishing your website on a custom domain, you can start achieving your first SEO results!

The step-by-step guide

Step 1: Purchase a custom domain

There are various domain name providers. Watch this video tutorial to learn how to purchase and manage a domain on the Google Domains platform:

You must own a domain name to connect your Webflow site to it.

Step 2: Subscribe to a paid plan

Webflow offers the ability to publish your site for free on a "webflow.io" version. If you wish to publish your site on a custom domain like "digidop.fr," you will need to upgrade to a paid plan.

Add a paid plan (basic, CMS, pro, advanced, etc.) to your Webflow project.

Step 3: Add the custom domain to your Webflow project

  1. Open the "project settings" for your particular project
  2. Go to the "Hosting" tab
  3. Scroll down to the "custom domain" section
  4. Click on "Add a custom domain"
  5. Enter your root domain (yourdomain.com). This will add both the root domain (yourdomain.com) and the full domain (www.yourdomain.com).
Adding a domain name in Custom Domains Webflow
Adding a custom domain in the Webflow project
Adding a root domain in Webflow settings
Adding the custom root domain

Step 4: Connect the DNS fields and A record

Go to your account (OVH, Google, CloudFlare, etc.) to configure the DNS for your Webflow site.

( ⚠️ If you had an existing configuration, remember to delete the settings from your old WordPress site, for example)

A record

Add 2 A type fields with the value (Host @)

  • 75.2.70.75
  • 99.83.190.102

DNS

Add a CNAME type field (Host www)

  • proxy-ssl-webflow.com
A and CNAME record for a Webflow site
Custom records for a Webflow project

Step 5: Check and publish!

  1. Check
  2. To verify that the records on your hosting have been updated correctly, click on "check status." If you see...
  • An issue detected with an alert icon: there is a problem. Ensure you entered the fields without typos.
  • A green tick with the word "connected": the server is ready. Proceed to the next step.
  • Publish!
Hosting settings Webflow - One unconnected, one with Issues detected
Check status on Webflow

If the tick is green... all that's left is to set your default domain by clicking on "make default" when you hover over your domain name. Then, check this same domain in your settings, under the Publish button. Click on "Publish to selected domain" to make your new website live.

⚠️ Depending on your hosting provider, DNS propagation may take some time. It can range from 24 to 72 hours. If you are using Google Domains or CloudFlare, it is generally very fast (under 15 minutes).
Florian Bodelot
Florian Bodelot
Co-founder

Suggested articles

Main entrance of VivaTech 2026 in Paris featuring the official 10th-anniversary event branding, Europe’s largest technology and innovation conference.
Events

Digidop at VivaTech: Two Days at the Heart of European Tech

Digidop at VivaTech: Two Days at the Heart of European Tech
Wide view of the 2036 by Yuri & Neil stage, bringing together more than 400 marketing leaders to discuss the future of the CMO role in the age of artificial intelligence.
Events
AI

Looking Back at Our Participation in 2036, Yuri & Neil’s Marketing Event for CMOs

Looking Back at Our Participation in 2036, Yuri & Neil’s Marketing Event for CMOs
Participants networking during flowConf 2026 in Belgrade, a European conference focused on the future of web, Webflow, and AI, inside a modern industrial venue featuring “Future of Web Unpacked” banners.
Events

The 2026 edition of flowConf perfectly reflects the turning point of the European Web(flow) ecosystem.

The 2026 edition of flowConf perfectly reflects the turning point of the European Web(flow) ecosystem.

Want to turn your website into your most valuable asset?

Contact us today