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

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

Shopify

Dans l’admin Shopify, allez dans Online Store -> Themes -> Actions -> Edit Code.
Ouvrez theme.liquid.
Collez le code d’intégration avant \</body\>.
Cliquez sur Save.

Wix

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

Squarespace

Allez dans Settings -> Advanced -> Code Injection.
Collez le code d’intégration dans le champ Footer.
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

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