Intégrer votre assistant Katana FAQ sur votre site

Cette page explique, pas à pas, comment installer votre assistant Katana FAQ sur votre propre site internet. Pour apprendre à utiliser votre espace client, consultez plutôt la FAQ de Katana FAQ.

1. Où trouver votre code d'intégration

Votre code d'intégration (un extrait de quelques lignes, appelé « iframe ») vous a été envoyé par email de bienvenue dès la création de votre compte. Il ressemble à ceci, avec le nom de votre société à la place :

<iframe src="https://.../widget?client=votre-societe" name="katana-faq-votre-societe"
  width="400" height="600" style="border:none;" title="Assistant Katana FAQ — Votre société"></iframe>

Vous ne l'avez plus sous la main ? Écrivez-nous à contact@katanaia.fr, nous vous le renvoyons.

2. Coller le code sur votre site

La méthode dépend de l'outil avec lequel votre site a été construit :

Site en HTML classique (ou fait par un développeur) — Collez le code tel quel dans la page, à l'endroit où l'assistant doit apparaître (par exemple juste avant la balise de fermeture </body> pour qu'il reste visible en bas de page sur tout le site).

WordPress — Depuis l'éditeur de pages, ajoutez un bloc « HTML personnalisé » (ou « Code HTML ») et collez-y le code. Si votre thème le permet, vous pouvez aussi le placer dans le pied de page du site (Apparence → Widgets, ou Personnaliser → Code personnalisé) pour qu'il apparaisse sur toutes les pages.

Wix — Dans l'éditeur, ajoutez un élément « Intégrer du code » (menu Intégrations ou « + Ajouter »), choisissez « Intégrer un HTML » et collez le code.

Shopify — Depuis Boutique en ligne → Thèmes → Modifier le code, ouvrez le fichier theme.liquid et collez le code juste avant </body> pour qu'il apparaisse sur toutes les pages de la boutique.

Squarespace — Depuis les réglages du site (Paramètres avancés → Injection de code), collez le code dans la section « Pied de page » pour qu'il apparaisse sur tout le site.

Un autre outil, ou un doute sur la bonne méthode ? Notre équipe propose une assistance technique dédiée à l'installation — écrivez-nous, nous vous accompagnons pas à pas.

3. Personnaliser la taille et la position

Les valeurs width="400" et height="600" du code fixent la taille de l'assistant en pixels — vous pouvez les ajuster selon votre mise en page (par exemple une taille plus petite sur mobile). Si vous souhaitez un positionnement précis (coin de l'écran, bouton flottant qui s'ouvre au clic...), notre équipe peut vous proposer un code adapté — contactez-nous.

4. Vérifier que l'assistant fonctionne

Ouvrez votre site et posez une question test à l'assistant. S'il répond normalement, l'intégration est réussie.

Si l'assistant affiche une erreur de connexion ou ne répond pas, la cause la plus fréquente est le champ « Domaine(s) autorisé(s) » (sécurité anti-usurpation) : votre assistant n'accepte les questions que depuis les domaines que vous avez déclarés. Ce champ se remplit normalement tout seul à partir du site internet renseigné à votre inscription, avec un indicateur visuel (gris = pas encore vérifié, vert = vérifié et accessible, rouge = vérifié mais injoignable). Si votre site a changé d'adresse depuis, ou si vous l'installez sur un second domaine, contactez-nous pour le mettre à jour.

Besoin d'aide ?

Notre équipe propose une assistance technique dédiée à l'intégration. Écrivez-nous à contact@katanaia.fr, nous vous accompagnons pas à pas jusqu'à ce que votre assistant soit en ligne.