Installer sur Framer
Collez le snippet Nudge dans le code personnalisé de votre site Framer (End of <head> tag), puis publiez.
Ce qu’il vous faut
- Votre snippet Nudge (voir où le copier).
- Un accès en modification au projet Framer, et le droit de le publier.
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 › Framer, 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 site
- Ouvrez votre projet dans Framer.
- Allez dans Site Settings › General › Custom Code.
- Collez le snippet dans End of
<head>tag. - Enregistrez.
Collé ici plutôt que sur une seule page, il s’exécute sur toutes les pages du site. Le widget attend que la page soit prête : la fin du <head> lui convient.
Publiez
Cliquez sur Publish. Framer n’exécute le code personnalisé que sur le site publié : le widget n’apparaît jamais dans le canevas Framer ni dans l’aperçu de l’éditeur.
Vérifiez
Ouvrez votre site publié (sa vraie adresse, pas l’aperçu Framer) dans un navigateur, 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, il a besoin d’une place dans la page :
- Gardez le
<script>dans Site Settings › Custom Code, comme ci-dessus. - Sur la page où le formulaire doit apparaître, ajoutez un composant Embed, choisissez HTML et collez :
<div data-nudge-embed></div>- Publiez.
La barre de chat par défaut n’a pas besoin de composant Embed : elle se place d’elle-même en bas de la page.
Ajouter le formulaire de RDV
Le formulaire de RDV utilise sa propre balise, placée dans un composant Embed sur votre page Contact. Le script ci-dessus doit rester dans les paramètres du site : c’est lui qui affiche le formulaire. Voir Formulaire de RDV.
Content Security Policy sur Framer
Les sites Framer n’envoient pas de Content Security Policy par défaut. Quand une politique bloque le widget, elle vient en général d’un plugin (sécurité, en-têtes, cookies) ou d’un bout de code personnalisé ajouté par quelqu’un. Cherchez dans Site Settings › General › Custom Code, et dans le Custom Code de chaque page, une balise <meta http-equiv="Content-Security-Policy">, puis ajoutez-y les sources Nudge. La liste des sources est sur la page Content Security Policy.