Comment connecter un domaine personnalisé sur Webflow (DNS)

Tutoriel
3 min
Publié le Apr 25, 2022
Dernière mise à jour le
Webflow connection de nom de domaine
Résumez cet article avec une IA
Points clés de l'article

Découvrez dans ce tutoriel les étapes à suivre pour publier votre site Webflow sur un nom de domaine personnalisé.

En publiant votre site web sur un domaine personnalisé, vous allez pouvoir commencer à obtenir vos premiers résultats SEO !

Le guide par étape

Étape 1 : Acheter un nom de domaine personnalisé

Ils existent différents fournisseurs de nom de domaines. Découvrez dans ce tutoriel vidéo comment acheter et gérer un nom de domaine sur la plateforme Google Domains :

Vous devez posséder un nom de domaine pour pouvoir connecter votre site Webflow dessus.

Étape 2 : Souscrire à un plan payant

Webflow offre gratuitement la possibilité de publier votre site sur une version "webflow.io". Si vous voulez publier votre site sur un domaine personnalisé comme par exemple "digidop.fr" vous devez passer sur un forfait payant.

Ajouter donc un plan payant (basic, CMS, pro, Advanced, etc..) à votre projet Webflow.

Étape 3 : Ajouter le domaine personnalisé à votre projet Webflow

  1. Ouvrez les "projects settings" du projet en question
  2. Allez sur l'onglet "Hosting"
  3. Descendez jusqu'à la section "custom domain"
  4. Cliquez sur " Add a custom domain"
  5. Ajoutez votre domaine racine (yourdomain.com). Cela ajoutera à la fois le domaine racine (yourdomain.com) et le domaine complet (www.yourdomain.com).
Ajout d'un nom de domaine dans Custom Domains Webflow
Ajout d'un custom domain dans projet Webflow
Ajout d'un domaine racine dans les settings Webflow
Ajout du nom de domaine racine personnalisé

Étape 4 : Connecter les champs DNS et A record

Rendez-vous sur votre compte (OVH, Google, CloudFlare, etc..) pour configurer les DNS de votre site Webflow.

( ⚠️ Si, vous aviez déjà une configuration, pensez à supprimer la configuration de votre ancien site Wordpress, par exemple)

A record

Ajouter 2 champs de type A avec comme valeur (Host @)

  • 75.2.70.75
  • 99.83.190.102

DNS

Ajouter un champ de type CNAME (Host www)

  • proxy-ssl-webflow.com
Enregistrement A et CNAME d'un site Webflow
Enregistrements personnalisés d'un projet Webflow

Étape 5 : Check et publish !

  1. Check
  2. Afin de vérifier que les enregistrements auprès de votre hébergement soit bien effectués, cliquez sur "check status". Si s'affiche...
  • Issue detected avec une icône d'alerte : il y a un problème. Vérifiez que vous avez bien rentrés les champs sans faute de frappe ?
  • Une encoche verte avec écrit "connected" : le serveur est prêt. Passez à l'étape suivante.
  • Publish !
Hosting settings Webflow - Un connected, un avec Issues detected
Check des status sur Webflow

Si l'encoche est verte... il ne vous reste plus qu'à définir votre nom de domaine par défaut en cliquant sur "make default" lorsque vous survolez votre nom de domaine. Puis, aller cocher ce même nom de domaine dans vos paramètre, sous le bouton Publish. Cliquez ensuite sur le bouton "Publish to selected domain" pour mettre live votre nouveau site internet.

⚠️ Selon votre hébergeur, les DNS peuvent mettre du temps à se propager. De 24 à 72 heures. Si vous utilisez Google Domains ou CloudFlare c'est généralement très rapide (moins de 15 minutes).
Florian Bodelot
Florian Bodelot
Co-fondateur

Articles qui devraient vous intéresser

Taux de citation par plateforme IA : ChatGPT 100 %, Perplexity 100 %, Gemini 67 % et Claude 0 %.
Documentation
IA

Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA

Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA
Florian Bodelot et Thomas Labonne de Digidop devant un visuel Webflow Conf 2026 annonçant leur venue à Boston.
Evénements
Webflow

Webflow Conf 2026 : une édition particulièrement attendue

Webflow Conf 2026 : une édition particulièrement attendue
Graphique de performance historique du fonds
Documentation
Développement

Pages fonds : comment structurer la gamme d’une société de gestion sur son site web

Pages fonds : comment structurer la gamme d’une société de gestion sur son site web
Les meilleurs projets web
commencent par une conversation
Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.