Connecter CntX à Webflow
Autorisez Webflow via OAuth et mappez une collection CMS pour que CntX puisse publier vos éléments de contenu sur votre site.
Aperçu
CntX se connecte à Webflow via un flux OAuth sécurisé — pas avec des clés d’API copiées dans l’interface. Après autorisation, vous choisissez le site Webflow, la collection CMS utilisée pour les articles ou posts de blog, et des réglages optionnels comme une collection de catégories ou la publication multilingue (`?lang=` selon la langue du Workspace).
La publication fonctionne comme pour WordPress depuis l’éditeur : les actions Publier en brouillon ou en ligne mettent à jour le statut CMS de l’élément de contenu sans changer le statut éditorial. La correspondance des champs envoie titre, corps, slug et champs de collection liés au SEO pris en charge par votre schéma Webflow.
Quand utiliser cet article
Connectez Webflow lorsque :
- Votre site marketing ou votre blog est construit sur Webflow CMS.
- Vous voulez que CntX soit le référentiel éditorial et Webflow la couche de rendu.
- Votre stratégie de contenu assigne une destination de canal blog à ce site Webflow.
Utilisez plutôt WordPress si votre CMS est un WP auto-hébergé ; vous pouvez connecter un CMS principal par processus de Workspace.
Avant de commencer
- Un compte Webflow avec accès au site cible et à ses collections CMS.
- Une collection CMS conçue pour le contenu long (Blog Posts, Articles, etc.) avec des champs que CntX peut renseigner.
- Optionnel : une collection de catégories ou de tags distincte si votre structure Webflow utilise des éléments référencés.
- Pour le multilingue : définissez d’abord la langue du Workspace — CntX transmet la locale lors de la publication quand le multilingue est activé.
- Un accès à Paramètres → Intégrations dans le Workspace CntX rattaché à cette marque ou à ce client.
Étapes
- Dans CntX, ouvrez Paramètres → Intégrations pour le Workspace.
- Dans la carte Webflow, cliquez sur Connecter Webflow. Une fenêtre Webflow sécurisée s’ouvre — connectez-vous et autorisez CntX.
- Après la redirection vers CntX, vérifiez que le statut affiche Connecté.
- Sélectionnez le site si plusieurs sites sont disponibles sous votre compte.
- Choisissez la collection CMS dans laquelle les articles doivent être créés ou mis à jour.
- Optionnel : activez le mapping de collection de catégories si votre template utilise des catégories référencées.
- Optionnel : activez le multilingue lorsque votre site Webflow sert des chemins localisés et que la langue du Workspace est configurée.
- Enregistrez les paramètres d’intégration. CntX charge les collections disponibles une fois connecté.
- Ouvrez Stratégie → Diffusion, choisissez votre canal blog et assignez ce compte Webflow comme destination.
- Ouvrez un élément de contenu et lancez Publier en brouillon pour valider la correspondance des champs avant la mise en ligne.
Résultat attendu
- L’intégration Webflow affiche Connecté, avec les IDs de site et de collection stockés dans la configuration du Workspace.
- Les actions de publication créent ou mettent à jour des éléments CMS dans la collection sélectionnée ; le statut CMS reflète les états brouillon, publié ou échoué.
- L’URL externe de l’élément apparaît sur l’élément de contenu lorsque Webflow la renvoie.
- Le processus éditorial dans CntX reste indépendant — les équipes peuvent garder des éléments In review pendant qu’un brouillon CMS existe pour l’aperçu.
- Déconnecter Webflow interrompt les nouvelles publications ; les éléments Webflow existants restent sur le site.
Conseils
- Lancez d’abord Publier en brouillon et ouvrez l’élément dans Webflow Designer pour confirmer que le rich text, le slug et les champs SEO atterrissent aux bons endroits.
- Renommer des champs de collection dans Webflow peut casser le mapping — retestez après un changement de schéma.
- Le multilingue exige une langue de Workspace cohérente ; sans elle, CntX désactive l’option multilingue avec un message d’aide.
- Si l’OAuth échoue après la redirection, vérifiez les bloqueurs de pop-ups et assurez-vous d’avoir autorisé le bon Workspace Webflow.
- Préproduction et production : utilisez des Workspaces CntX distincts ou reconnectez-vous lorsque vous changez de site Webflow, pour éviter les publications croisées.
- Les identifiants Webflow et WordPress sont par Workspace — les agences doivent mapper chaque Workspace client au site du client concerné.
Prochaine étape
Validez une publication en brouillon de bout en bout, puis alignez les règles de statut éditorial sur votre processus de revue CMS. Connectez ensuite Google Search Console pour que les URLs Webflow publiées alimentent les constats d’audit et la Learning Loop de l’onglet Performance.
Guide parent
Prérequis
Articles connexes
Prêt à l'essayer dans CntX ?
Ouvrez le produit et appliquez ce guide à votre espace de travail.