Autres plateformes

La règle, quelle que soit la plateformeCopier le lien

Quel que soit l’outil qui fait tourner votre site, l’installation est la même : le snippet doit être sur toutes les pages, une seule fois, et le site doit être publié. Cherchez l’endroit prévu par votre plateforme pour le code qui s’exécute sur toutes les pages : souvent appelé « code personnalisé », « injection de code », « code de pied de page » ou « code de suivi ». Collez-y le snippet.

<script src="https://app.asknudge.ai/widget/loader.js"
  data-org="your-workspace"
  data-form="your-form" async></script>

Copiez votre propre snippet dans Nudge depuis Agents › Website Agent › Sur votre site › Copier le snippet, ou depuis Paramètres › Intégrations › Site web › Code à coller.

Guides dédiés : Framer, Webflow, WordPress, Google Tag Manager.

Site HTML codé à la mainCopier le lien

Collez le snippet juste avant la balise de fermeture </body> de chaque page. Si vos pages partagent une mise en page, un pied de page inclus ou un gabarit, collez-le une seule fois à cet endroit.

    …
    <script src="https://app.asknudge.ai/widget/loader.js"
      data-org="your-workspace"
      data-form="your-form" async></script>
  </body>
</html>

Next.js, React et autres apps JavaScriptCopier le lien

import Script from 'next/script'

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        {children}
        <Script
          src="https://app.asknudge.ai/widget/loader.js"
          data-org="your-workspace"
          data-form="your-form"
          strategy="afterInteractive"
        />
      </body>
    </html>
  )
}

À savoir avec les apps JavaScript :

• Chargez le snippet une fois par chargement de page. Le widget reste sur la page pendant que le visiteur navigue dans votre app.
• Les règles de pages s’appliquent au chargement. Les motifs d’URL exclus et le ciblage par appareil sont vérifiés au premier chargement de la page. Dans une application monopage, passer à une autre route sans rechargement complet ne réaffiche ni ne masque le widget.
• La vérification peut ne pas voir la balise. Quand le script est ajouté par JavaScript (comme le fait next/script), Nudge ne le trouve pas dans le HTML de la page. C’est normal : le statut passe à En ligne dès qu’une vraie page vue charge le widget.
• CSP à base de nonce. Si votre app envoie une Content Security Policy avec un nonce et 'strict-dynamic', transmettez le nonce au script (avec next/script, la prop nonce). Voir Content Security Policy.

ShopifyCopier le lien

1. Dans l’administration Shopify, allez dans Boutique en ligne › Thèmes.
2. Sur votre thème actuel, ouvrez le menu ⋯ › Modifier le code.
3. Ouvrez layout/theme.liquid.
4. Collez le snippet juste avant </body>, puis Enregistrez.

Si vous changez ou mettez à jour votre thème plus tard, vérifiez que le snippet est toujours dans theme.liquid.

WixCopier le lien

1. Dans le tableau de bord du site, allez dans Paramètres › Code personnalisé (dans les paramètres avancés).
2. Cliquez sur Ajouter du code personnalisé et collez le snippet.
3. Appliquez-le à Toutes les pages, chargez le code une fois, et placez-le dans Body - fin.
4. Validez, puis publiez le site.

Wix n’autorise le code personnalisé que sur les sites avec une formule premium et un domaine connecté.

SquarespaceCopier le lien

1. Allez dans Paramètres › Avancé › Injection de code.
2. Collez le snippet dans le champ Pied de page (Footer).
3. Enregistrez.

L’injection de code n’est disponible que sur les formules Squarespace qui l’incluent.

Toute autre plateformeCopier le lien

Si votre plateforme n’a pas d’emplacement pour du code commun à tout le site, regardez si elle accepte Google Tag Manager : vous pouvez alors installer via GTM. En dernier recours, collez le snippet dans le pied de page ou le gabarit commun à vos pages.

Après l’installationCopier le lien

Ouvrez une page de votre site publié, puis cliquez dans Nudge sur Revérifier l’installation. Voir Vérifier l’installation. Si votre site envoie une Content Security Policy, lisez Content Security Policy.