Bouton de messagerie
Un bouton flottant : WhatsApp, Telegram, appel, chat — jusqu'à 12 canaux
Voir un exemple et les fonctionnalités →Gratuit
Configurer ce widgetWebflow · contact depuis votre portfolio
Ajoutez le contact ou la prise de rendez-vous à un design Webflow existant. Choisissez la tâche et configurez le widget dans Cenaly.com, puis ajoutez le code au niveau du site ou de la page. Ci-dessous — les conditions d'accès au custom code et une instruction distincte pour consent.
Sans carte · inscription en une minute, tag en une de plus · les modifications de réglages arrivent sur le site en 5 minutes
Choisissez le widget souhaité et configurez-le dans votre compte. Les widgets ordinaires utilisent un tag commun ; pour le consentement et les analyses, un ordre d'installation distinct est important.
Un bouton flottant : WhatsApp, Telegram, appel, chat — jusqu'à 12 canaux
Voir un exemple et les fonctionnalités →Gratuit
Configurer ce widgetRendez-vous selon votre planning : le client choisit lui-même la prestation, le spécialiste et un créneau libre
Voir un exemple et les fonctionnalités →Gratuit
Configurer ce widgetChat en direct avec les visiteurs — vos collaborateurs répondent depuis le chat de travail
Voir un exemple et les fonctionnalités →Gratuit
Configurer ce widgetFormulaire de demande de rappel ; avec un PBX connecté — rappel automatique
Voir un exemple et les fonctionnalités →Gratuit
Configurer ce widgetBouton « Appeler » — une conversation depuis le site via votre standard téléphonique, sans numéro ni application pour le visiteur
Voir un exemple et les fonctionnalités →Gratuit
Configurer ce widgetFenêtres pop-up, formulaires intégrés, coupons et quiz avec conditions d'affichage et A/B
Voir un exemple et les fonctionnalités →$9/mois
Configurer ce widgetBadges avec le nombre de commandes, de réservations, de rendez-vous et d'avis issus de votre compte
Voir un exemple et les fonctionnalités →Gratuit
Configurer ce widgetUne pastille avec une vidéo de votre menu dans un coin du site : au clic, la vidéo avec le son et un bouton « Commander »
Voir un exemple et les fonctionnalités →Gratuit
Configurer ce widgetBouton « Réserver » → un seul formulaire → demande dans votre section « Tables »
Voir un exemple et les fonctionnalités →$9/mois
Configurer ce widgetLe bouton de commande ouvre votre vitrine par-dessus votre site existant
Voir un exemple et les fonctionnalités →Gratuit
Configurer ce widgetBouton « ? » → panneau latéral avec vos articles, la recherche et l'évaluation « utile »
Voir un exemple et les fonctionnalités →$19/mois
Configurer ce widgetPolitique, conditions, retours, cookies, livraison — générés à partir de vos données et intégrés au site
Voir un exemple et les fonctionnalités →$9/mois
Configurer ce widgetConsentement aux cookies avec blocage automatique des traqueurs et Google Consent Mode v2
Voir un exemple et les fonctionnalités →Gratuit
Configurer ce widgetLe widget et la plateforme sélectionnés seront conservés lors de l’inscription. Configurez ensuite le widget dans votre compte. Gardez cette instruction pour Webflow ouverte : après la configuration, revenez aux étapes d’installation ci-dessous.
Un plan payant de la plateforme est nécessaire
Un Site plan actif ou un Workspace Core, Growth, Agency ou Freelancer est nécessaire.
L'aide officielle Webflow autorise le custom code pour les Site managers et les Designers avec un Site plan actif ou l'un des Workspace cités. Un Site plan payant n'est pas la seule voie.
L'adresse webflow.io ne dit pas à elle seule si l'insertion de code est disponible : vérifiez le Workspace, les droits et les paramètres du projet. La connexion de votre propre domaine et les possibilités du CMS ont leurs propres conditions de Plan.
Les éléments de menu et les conditions tarifaires sur cette page proviennent de l’aide officielle :
Vérifié avec l'aide de la plateforme 2026-09-22
Widgets ordinaires : chat, bouton de contact, rendez-vous
<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>Exemple de tag pour les widgets ordinaires. Récupérez votre code depuis votre compte ; il n’est pas nécessaire de le remplacer par un domaine de démonstration. Pour bloquer l’analytique, utilisez la procédure distincte ci-dessous. Bannière cookies et analytique : une procédure distincte →
Dans le compte Cenaly.com : Panneau d'administration → Marketing → « Mon site ». Saisissez l'adresse du site dans le premier champ et copiez la ligne du tag.
Dans Webflow : Site settings (paramètres du site) du projet concerné.
L'onglet Custom code contient deux champs : Head code (dans le head) et Footer code (avant la balise body fermante).
Insérez la ligne dans Head code et enregistrez. Il n'est pas nécessaire d'ajouter les balises html, head et body dans ce champ — uniquement le script lui-même.
Cliquez sur Publish : l'aide Webflow précise que l'effet de votre code est visible sur le site en ligne après la publication.
Ouvrez le site publié et revenez dans « Mon site » → « Vérifier l'installation ».
Besoin d'un widget sur une seule page ? Les pages Webflow disposent de leurs propres champs de code dans les paramètres de la page.
Pour un opt-in strict, prenez une balise consent distincte dans les paramètres de la bannière cookies et placez-la en premier script dans le head, sans async ni defer, avant l’analytique et la publicité. Une balise async générale ne garantit pas le blocage avant le consentement.
<script src="https://cdn.cenaly.com/consent/v1.js" data-domain="your-site.com"></script>Tenez compte du code du thème, des plugins, de GTM et des intégrations natives de la plateforme. Si la plateforme ne permet pas de placer le consentement avant ceux-ci, une simple balise externe ne suffit pas : configurez le consentement dans l'intégration elle-même.
En opt-in, les traceurs connus sont bloqués et les inconnus nécessitent un balisage manuel selon les instructions de la CMP. Une balise n'arrête pas le code déjà exécuté, les Set-Cookie côté serveur ni les service workers.
Sur le site publié, ouvrez une session vierge et l'onglet Network : avant tout choix et après un refus, vérifiez l'absence de requêtes des traceurs qui doivent être bloqués. Acceptez ensuite la catégorie souhaitée, vérifiez le déclenchement et la modification du choix. Une bannière visible et une vérification HTML de l'installation ne prouvent pas le blocage.
Dans les constructeurs, la modification reste dans le brouillon : tant que les pages ne sont pas republiées, le tag n'est pas présent sur le site en ligne.
Panneau d'administration → Marketing → « Mon site ». Dans le premier champ figure l'adresse de votre site, à côté, « Vérifier l'installation ».
La vérification lit le HTML source de la page et affiche les widgets trouvés. Un tag installé via Google Tag Manager ne sera pas détecté — c'est une limite de la vérification, pas de l'installation.
Analyse des erreurs d'installation — dans l'aide Instructions d'installation →
Webflow prend en charge le custom code dans preview/comment, mais pas dans expand canvas. Les visiteurs verront les changements après publication ; faites la vérification finale sur l'adresse publiée.
Le Head code global ajoute une balise au niveau du site. Si un seul URL est concerné, utilisez les paramètres de la page et n'y dupliquez pas la balise globale déjà installée.
Le widget ne connecte pas automatiquement les formulaires Webflow à Cenaly.com. Le Shadow DOM isole les styles, mais les animations, la cliquabilité des boutons et les chevauchements doivent être vérifiés sur votre site.
Ne placez pas le consent après un conteneur qui a déjà lancé des trackers. Pour une balise ordinaire via GTM, la vérification HTML côté serveur ne confirme pas l'installation — vérifiez le widget sur la page publiée.
Non, le custom code est aussi accessible via un Workspace Core, Growth, Agency ou Freelancer selon les conditions de Webflow. Vérifiez les droits Site manager/Designer et l'accès au champ dans le projet concerné.
Une balise ordinaire peut être ajoutée dans le Head code ; ne l'entourez pas de balises html/head/body. Un consent avec blocage avant accord nécessite un premier script distinct dans le head, avant les trackers.
Custom code ne fonctionne pas dans expand canvas. Preview/comment le prend en charge, mais les modifications doivent encore être publiées. Vérifiez l'activation du widget et l'adresse finale du site.
L'isolation des styles ne garantit pas la compatibilité avec n'importe quel script. Vérifiez les interactions, les formulaires et l'écran mobile avant de diffuser le widget sur toutes les pages.
Le code global du site s'applique aussi aux pages de collections. Vérifiez l'exemple publié d'une telle page et ne dupliquez pas la balise dans son modèle.
Pour bloquer les traqueurs avant le consentement, un fichier consent/v1.js distinct est nécessaire, placé en premier dans le head, sans async/defer. Vérifiez le chargement avant le choix, après un refus et après une acceptation. L'analytique intégrée de la plateforme peut nécessiter une configuration distincte ; l'apparition de la bannière ne confirme pas la conformité à la loi.
Pour en savoir plus — installation par plateformes, configuration et dépannage — consultez l'aide. Instructions d'installation →
Les mêmes widgets — d’autres éléments de menu.
La plateforme n’est pas dans la liste ? Instructions d’installation générales →
Vérifiez l'accès au custom code, choisissez un widget et configurez-le. Après la publication, testez une page classique et une page de collection.
Choisir le widgetSans carte · inscription en une minute, tag en une de plus · les modifications de réglages arrivent sur le site en 5 minutes