# How to connect a custom domain on Webflow (DNS)

Tutorial3 minPublished on Mar 20, 2023Updated on ![Webflow domain name connection](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671263a5c5d427dbc2f2d2eb_64760069e93084646c9ef169_6266809ab77dfe5c20b38f20_Open-Graph-webflow-custom-domain.png)Table of contents

[

Copied](#)[

](#)[

](#)[

](#)
- [H2 Example](#)

Use AI to summarize this article[

ChatGPT](#)[

Claude](#)[

Grok](#)[

Perplexity](#)[

Google AI](#)Key pointsDiscover in this tutorial the **steps to follow** to **publish your site **[**Webflow**](/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

- Open the "project settings" for your particular project
- Go to the "Hosting" tab
- Scroll down to the "custom domain" section
- Click on "Add a custom domain"
- 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](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671263a6c5d427dbc2f2d2ff_64760069e93084646c9eed14_626680f6d7c509b74e0ba3ef_webflow-add-custom-domain-1.png)Adding a custom domain in the Webflow project![Adding a root domain in Webflow settings](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671263a6c5d427dbc2f2d2f3_64760069e93084646c9eed0e_6266810efe9271ab718bae54_webflow-add-custom-domain.png)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](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671263a6c5d427dbc2f2d2f7_64760069e93084646c9eed12_6266a1438e039c70045755dd_enregistement-dns-webflow-et-a.png)Custom records for a Webflow project

### Step 5: Check and publish!

- Check
- 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](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671263a6c5d427dbc2f2d2fc_64760069e93084646c9eed13_62668143709a1e695abd3dbc_check-status-.png)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](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a725470105160732b0a8a_florian-website-vf.webp)Florian BodelotCo-founder[

](/team/florian-bodelot)[

](https://fr.linkedin.com/in/florian-bodelot-digidop)[

](https://twitter.com/florian_bodelot)+1200 readers

## Stay ahead of the curve!
Subscribe now for expert insights.

[Subscribe

](https://digidop.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Preview Newsletter

](https://digidop.substack.com/)

## Suggested articles

![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab922fa556f97c19ea7db9a_Best%20B2B%20SaaS%20Agencies%20in%202026_EN.webp)DocumentationAll blog post

### Top 20 Web & Digital Agencies for B2B SaaS in 2026

[Top 20 Web & Digital Agencies for B2B SaaS in 2026](/blog/best-b2b-saas-agencies)Top 20 Web & Digital Agencies for B2B SaaS in 2026![Webflow Source interface showing AI agents, website editing, and role-based Views in a unified workspace.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDevelopmentAll blog post

### Webflow launches Source. Our take on this shift.

[Webflow launches Source. Our take on this shift.](/blog/webflow-launches-source)Webflow launches Source. Our take on this shift.![Citation rate by AI platform: ChatGPT 100%, Perplexity 100%, Gemini 67%, and Claude 0%.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationAIAll blog post

### Make Your Website Visible in ChatGPT, Perplexity, and AI Answers

[Make Your Website Visible in ChatGPT, Perplexity, and AI Answers](/blog/make-your-website-visible-in-chatgpt-perplexity-and-ai-answers)Make Your Website Visible in ChatGPT, Perplexity, and AI Answers[See all articles

](/blog)Every great website  
starts with a conversation[Talk to an expert

](/contact)[Book a call

](/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)