Vous venez de terminer votre site Webflow et vous êtes fier du résultat ? C'est normal ! Mais il y a encore une petite chose qui cloche : votre site s'affiche avec une adresse du type "monsite.webflow.io" au lieu de votre joli nom de domaine personnalisé. Pas très pro, on vous l'accorde.
La bonne nouvelle ? Connecter votre propre nom de domaine à Webflow n'est pas aussi technique qu'on pourrait le croire. Avec ce guide détaillé, vous allez pouvoir transformer "monsite.webflow.io" en "www.monsite.fr" en moins de 30 minutes, même si vous n'y connaissez rien en informatique.
💡 Avant de commencer : Assurez-vous d'avoir déjà acheté votre nom de domaine chez un registraire (OVH, Gandi, GoDaddy, etc.) et d'avoir accès à votre compte Webflow.
Avant de rentrer dans le vif du sujet, comprenons pourquoi c'est important. Utiliser votre propre nom de domaine au lieu du sous-domaine Webflow, c'est :
Imaginez recevoir un email depuis "contact@entreprise.webflow.io" vs "contact@entreprise.fr". La différence est flagrante ! Votre propre domaine inspire immédiatement plus de confiance et de sérieux auprès de vos visiteurs.
Google préfère les sites avec leur propre domaine. C'est un signal de qualité et de légitimité qui peut améliorer votre positionnement dans les résultats de recherche. De plus, vous gardez la main sur votre SEO à long terme.
Avec votre propre domaine, vous n'êtes plus dépendant de Webflow dans l'absolu. Si un jour vous changez de plateforme, votre domaine vous suit. C'est votre patrimoine numérique !
Avant de commencer, vérifiez que vous avez bien :
⚠️ Important : Les captures d'écran et interfaces peuvent varier selon votre registraire de domaine, mais les principes restent identiques partout.
On commence par configurer Webflow pour qu'il soit prêt à recevoir votre domaine personnalisé.
Connectez-vous à votre compte Webflow et sélectionnez votre projet. Dans le tableau de bord, cliquez sur l'icône d'engrenage (⚙️) puis sur "Hosting" dans le menu de gauche.
Dans la section "Custom domains", cliquez sur le bouton "Add custom domain". Saisissez votre nom de domaine complet (exemple : monsite.fr) et cliquez sur "Add domain".
Webflow va alors vous afficher une page avec toutes les informations DNS dont vous allez avoir besoin. Gardez cette page ouverte, on va en avoir besoin juste après !
🔥 Astuce de pro : Ajoutez à la fois votre domaine principal (monsite.fr) ET la version avec www (www.monsite.fr). Comme ça, les deux fonctionneront parfaitement.
Bon, on va parler un peu technique, mais promis, on garde ça simple ! Les DNS, c'est comme un annuaire téléphonique géant d'internet. Quand quelqu'un tape votre nom de domaine, les DNS indiquent à l'internet "ah ce site, il est hébergé là-bas !".
Ils pointent votre domaine (monsite.fr) directement vers les serveurs de Webflow. C'est l'adresse exacte où se trouve votre site.
Il fait en sorte que www.monsite.fr redirige vers le même endroit que monsite.fr. Pratique pour que les deux versions fonctionnent !
C'est un code de vérification que Webflow utilise pour s'assurer que vous êtes bien le propriétaire du domaine. Une sorte de mot de passe numérique.
Ne vous inquiétez pas si ce n'est pas 100% clair, l'important c'est de copier-coller les bonnes valeurs au bon endroit !
Maintenant, direction l'interface de votre fournisseur de domaine. Cette étape varie légèrement selon le registraire, mais le principe reste le même partout.
Connectez-vous à votre espace client OVH et allez dans la section "Noms de domaine". Cliquez sur votre domaine puis sur l'onglet "Zone DNS".
Cliquez sur "Ajouter une entrée" et sélectionnez :
Dans votre interface Gandi, allez dans "Domaines", sélectionnez votre domaine puis "Enregistrements DNS".
Les valeurs à entrer sont identiques, seule l'interface change légèrement.
Rendez-vous dans "Mes produits", puis "DNS" pour votre domaine. L'ajout d'enregistrements se fait via le bouton "Ajouter".
💡 Conseil pratique : Si vous ne trouvez pas la section DNS, cherchez "Zone DNS", "Gestion DNS" ou "DNS Management" dans votre interface. Chaque registraire a ses petites habitudes !
Voici récapitulatif des enregistrements à créer :
Type | Nom/Hôte | Valeur | TTL |
---|---|---|---|
A | @ (ou vide) | 75.2.70.75 | 3600 |
A | @ (ou vide) | 99.83.190.102 | 3600 |
CNAME | www | proxy-ssl.webflow.com | 3600 |
TXT | @ (ou vide) | [Code fourni par Webflow] | 3600 |
Petites particularités selon les registraires :
Une fois vos enregistrements DNS sauvegardés, il faut attendre que la magie opère. Cette étape s'appelle la "propagation DNS" - en gros, internet doit mettre à jour ses annuaires pour connaître la nouvelle adresse de votre site.
Retournez dans votre interface Webflow, section "Hosting". À côté de votre domaine personnalisé, vous devriez voir un bouton "Check status" ou une icône de statut. Cliquez dessus pour que Webflow vérifie votre configuration.
✅ Statut vert : Parfait, tout fonctionne !
🟡 Statut orange : En cours de propagation, patience...
❌ Statut rouge : Il y a un problème dans votre configuration DNS
🔧 Problème de configuration ? Double-vérifiez vos enregistrements DNS. Une petite faute de frappe dans les valeurs peut tout bloquer !
Dernière ligne droite ! Une fois que Webflow confirme que votre domaine est correctement configuré, il est temps de publier votre site dessus.
Dans Webflow, cliquez sur le gros bouton "Publish" en haut à droite. Dans la popup qui s'ouvre, vous devriez maintenant voir votre domaine personnalisé en option. Cochez-le et cliquez sur "Publish to selected domains".
Bonne nouvelle : Webflow génère automatiquement un certificat SSL pour votre domaine ! C'est ce qui permet d'avoir le petit cadenas 🔒 et le "https://" devant votre adresse. Ce processus prend généralement quelques minutes après la première publication.
Ouvrez un nouvel onglet et tapez votre nom de domaine. Testez à la fois :
Toutes ces versions devraient fonctionner et rediriger vers votre site !
Même en suivant ce guide à la lettre, il peut y avoir quelques accrocs. Voici les problèmes les plus fréquents et leurs solutions :
Cela signifie que vos enregistrements DNS ne sont pas encore propagés ou qu'il y a une erreur dans leur configuration. Vérifiez vos enregistrements et attendez encore un peu.
Même chose que ci-dessus. Patience ! La propagation DNS peut prendre jusqu'à 48h dans de rares cas.
Vérifiez votre enregistrement CNAME pour "www". La valeur doit être exactement "proxy-ssl.webflow.com" (avec ou sans point final selon votre registraire).
Webflow génère automatiquement les certificats SSL, mais cela peut prendre quelques heures. Si le problème persiste après 24h, contactez le support Webflow.
🆘 Besoin d'aide ? Si vous êtes vraiment bloqué, la plupart des registraires ont un support client qui peut vous aider avec la configuration DNS. N'hésitez pas !
Maintenant que votre domaine est connecté, quelques réglages supplémentaires peuvent améliorer votre référencement :
Dans Webflow, allez dans les paramètres de votre site puis "SEO". Assurez-vous que :
Si vous utilisiez déjà Search Console avec votre ancien domaine Webflow, ajoutez votre nouveau domaine personnalisé et soumettez votre sitemap.
Pensez à mettre à jour Google Analytics, Facebook Pixel et autres outils de tracking avec votre nouvelle URL.
Vous pouvez aussi connecter des sous-domaines comme "blog.monsite.fr" ou "shop.monsite.fr" en créant des enregistrements CNAME supplémentaires.
Webflow permet de connecter plusieurs domaines au même site. Pratique si vous avez plusieurs variantes de votre nom de marque (.fr, .com, etc.).
Certains registraires proposent des redirections d'apex pour optimiser encore plus la performance. Renseignez-vous auprès du vôtre !
Pour résumer ce qu'on vient de faire ensemble :
Félicitations ! Vous venez de franchir une étape importante dans la professionnalisation de votre présence en ligne. Votre site Webflow est maintenant accessible depuis votre propre nom de domaine, avec un certificat SSL automatique et une configuration optimisée.
Cette manipulation, qui peut sembler technique au premier abord, est en réalité à la portée de tous avec un bon guide. Vous avez maintenant un site qui inspire confiance, qui sera mieux référencé par Google, et qui vous appartient vraiment.
Et maintenant ? Profitez de votre nouveau domaine pour :
Chez Moumz, on accompagne nos clients dans toutes ces étapes techniques pour qu'ils puissent se concentrer sur l'essentiel : faire grandir leur business. Si vous avez besoin d'un coup de main pour optimiser votre site Webflow ou résoudre des problèmes techniques, n'hésitez pas à nous contacter !
Une question sur ce tutoriel ? La configuration DNS peut parfois réserver des surprises selon les registraires. Si vous rencontrez un problème spécifique, nous sommes là pour vous aider.