Installer sur Webflow
Collez le snippet Nudge dans le Footer code de votre projet Webflow, puis publiez le site.
Ce qu’il vous faut
- Votre snippet Nudge (voir où le copier).
- Un accès aux paramètres du projet Webflow. Webflow n’exécute le code personnalisé du site que si sa formule autorise le code personnalisé.
Installer le widget
Copiez votre snippet
Dans Nudge, allez dans Agents › Website Agent › Sur votre site et cliquez sur Copier le snippet sur la ligne Widget. Vous pouvez aussi ouvrir Paramètres › Intégrations › Site web › Webflow, qui affiche le même code.
<script src="https://app.asknudge.ai/widget/loader.js"
data-org="your-workspace"
data-form="your-form" async></script>Collez-le dans les paramètres du projet
- Dans Webflow, ouvrez les Project settings (paramètres du site).
- Ouvrez l’onglet Custom code.
- Collez le snippet dans Footer code (le code ajouté avant
</body>). - Enregistrez les modifications.
Le code des paramètres du projet s’exécute sur toutes les pages du site. Ne le collez pas en plus dans le code personnalisé d’une page.
Publiez
Publiez le site sur votre domaine. Le code personnalisé ne s’exécute pas dans le Designer Webflow : vérifiez sur le site publié.
Vérifiez
Ouvrez une page de votre site publié, puis cliquez dans Nudge sur Revérifier l’installation. Voir Vérifier l’installation.
Mode intégré (inline)
Si votre formulaire utilise le mode d’affichage Intégration en ligne, gardez le script dans Footer code et ajoutez un élément Embed (Code Embed) sur la page où le formulaire doit apparaître, avec :
<div data-nudge-embed></div>Publiez à nouveau après avoir ajouté l’élément.
Ajouter le formulaire de RDV
Le formulaire de RDV a sa propre balise. Dans Webflow, ajoutez un élément Embed sur votre page Contact et collez la balise donnée par Nudge. Le script de Footer code doit rester : c’est lui qui affiche le formulaire. Voir Formulaire de RDV.