Nous utilisons juste ce dont on a besoin pour le fonctionnement du site. Pour plus d'infos lire notre politique de confidentialité.
icon-cookie

Comment connecter un domaine personnalisé sur Webflow (DNS)

Florian Bodelot
Florian Bodelot
April 25, 2022
Webflow connection de nom de domaine

Tables des matières

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

Etape 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.

Etape 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.

Etape 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é

Etape 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

Etape 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).

Vous méritez un site Webflow qui fait l'effet " Wahouu " !

Prenez contact avec nous aujourd'hui. L'équipe fantastique de Digidop est prête pour vous aider à construire un site web qui répond à vos besoins 🚀

Site digidop.fr sur un écran d'ordinateur avec un badge de recommandations et des réactions