Installer le widget

Intégrez le widget Kaiply sur votre site en quelques minutes. Une seule ligne de code suffit pour toutes les plateformes.

Le code d'intégration

Récupérez votre code depuis Dashboard → Intégrer. Copiez-le et collez-le avant la balise </body>.

<script
  src="https://app.kaiply.fr/embed/kaiply.js"
  data-chatbot-id="VOTRE-CHATBOT-ID"
  defer
></script>

CORS obligatoire : Ajoutez votre domaine exact (avec https://) dans Paramètres → Sécurité → Origines autorisées. Sans ça, le widget sera bloqué.

Guides par plateforme

Shopify

Boutique en ligne → Thèmes → Modifier le code
Ouvrez layout/theme.liquid
Collez le script juste avant </body>
Sauvegardez

WordPress

Installez le plugin Insert Headers and Footers
Extensions → Insert Headers and Footers → Scripts in Footer
Collez le script et sauvegardez

Alternative : ajoutez directement le code dans footer.php de votre thème enfant.

WooCommerce

Même procédure que WordPress. Si vous avez un thème enfant, ajoutez dans functions.php :

function add_kaiply_widget() { ?>
  <script src="https://app.kaiply.fr/embed/kaiply.js"
    data-chatbot-id="VOTRE-ID" defer></script>
<?php }
add_action('wp_footer', 'add_kaiply_widget');

Next.js / React

Utilisez le composant Script de Next.js dans votre layout :

import Script from 'next/script';

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="https://app.kaiply.fr/embed/kaiply.js"
          data-chatbot-id="VOTRE-ID"
          strategy="lazyOnload"
        />
      </body>
    </html>
  );
}

Webflow

Paramètres du projet → Code personnalisé
Dans Code du pied de page, collez le script
Sauvegardez et publiez

Bubble

Settings → SEO / metatags
Dans Script/meta tags in header ou footer, collez le script
Déployez

HTML statique

<!DOCTYPE html>
<html>
<head>
  <title>Mon site</title>
</head>
<body>
  <!-- Contenu de votre site -->

  <script
    src="https://app.kaiply.fr/embed/kaiply.js"
    data-chatbot-id="VOTRE-ID"
    defer
  ></script>
</body>
</html>

Vérifier l'installation

Visitez votre site — la bulle de chat doit apparaître en bas à droite
Cliquez dessus pour ouvrir le widget et testez une question
Vérifiez la console du navigateur : aucune erreur CORS ne doit apparaître
Si la bulle n'apparaît pas, vérifiez que votre domaine est bien dans les origines autorisées