Installation du widget

Récupérer votre code d’intégration

Allez dans Dashboard -> Assistants -> Your Bot -> Embed Code. Vous verrez un snippet semblable à celui-ci :

<script src="https://cdn.conviro.io/widget/widget.iife.js"></script>
<script>
  cw('init', { publicKey: 'pk_YOUR_PUBLIC_KEY' });
</script>

Vous trouverez ci-dessous des instructions pas à pas pour toutes les principales plateformes.

WordPress

1. Accédez à l’administration de votre site WordPress.
2. Allez dans Appearance -> Theme File Editor -> footer.php (ou utilisez une extension comme Insert Headers and Footers).
3. Collez le code d’intégration juste avant la balise \</body\>.
4. Cliquez sur Update File.
5. Videz le cache de votre éventuelle extension de cache (WP Super Cache, W3 Total Cache, etc.) et vérifiez.

Shopify

Sur Shopify, vous ne collez pas le code d'intégration dans votre thème. Utilisez plutôt l'app Conviro du Shopify App Store : le widget est son intégration d'app Conviro AI Chat :

1. Installez Conviro depuis le Shopify App Store et liez votre espace de travail Conviro (voir l'article Intégration Shopify).
2. Dans l'app, cliquez sur Turn on in theme editor. L'éditeur de thème s'ouvre avec l'intégration d'app Conviro AI Chat activée.
3. Cliquez sur Save.

Le code du thème n'est pas modifié.

Wix

1. Dans votre tableau de bord Wix, allez dans Settings -> Custom Code.
2. Cliquez sur + Add Custom Code.
3. Collez le code d’intégration et définissez l’emplacement sur Body - End.
4. Appliquez-le à All pages et cliquez sur Apply.

Squarespace

1. Allez dans Settings -> Advanced -> Code Injection.
2. Collez le code d’intégration dans le champ Footer.
3. Cliquez sur Save.

HTML personnalisé / sites statiques

Il suffit de coller le code d’intégration avant la balise \</body\> fermante de votre fichier HTML. Le script du widget se charge de façon asynchrone et ne bloque pas l’affichage de la page.

React / Next.js

Dans les projets React ou Next.js, vous pouvez charger le widget dans votre layout racine ou dans votre composant \<App\> :

// app/layout.tsx (Next.js App Router example)
import Script from 'next/script';

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="https://cdn.conviro.io/widget/widget.iife.js"
          strategy="afterInteractive"
        />
        <Script id="conviro-init" strategy="afterInteractive">
          {`cw('init', { publicKey: 'pk_YOUR_PUBLIC_KEY' });`}
        </Script>
      </body>
    </html>
  );
}

Vérifier l’installation

1. Ouvrez votre site web dans un navigateur.
2. Vous devriez voir la bulle de chat Conviro en bas à droite (ou en bas à gauche, selon vos paramètres).
3. Si elle n’apparaît pas, consultez l’article de dépannage Le widget ne s’affiche pas.