Aperçu du widget : voyez-le sur une page avant de créer un compte

Chaque éditeur de chatbot vous demande de vous inscrire, de scanner votre site, puis de configurer — et c’est seulement là que vous découvrez à quoi ressemble la chose sur votre page. On a inversé l’ordre. Réglez la couleur, le format et le message ci-dessous : le rendu bouge en direct, dans votre navigateur, sans compte ni email.

Mis à jour le 17 juillet 2026

Type de widget

Couleur

Position

votre-site.fr
🤖Assistant En ligne
🤖

Bonjour ! Comment puis-je vous aider ?

Vous avez une terrasse ? Et vous servez le dimanche midi ?

🤖

Oui, une terrasse de 24 couverts côté cour, ouverte d’avril à octobre. Le dimanche, le service du midi va de 12h à 14h30 et la cuisine ferme à 14h.

Réserver une tableVoir la carte
Tapez votre message...

Propulsé par KipAgent

Le code à coller sur votre site
<script src="https://kipagent.com/widget.js" data-chatbot-id="VOTRE_ID" async></script>

VOTRE_ID est remplacé par l’identifiant de votre chatbot après création. Le reste ne bouge pas : couleurs, police, position et message d’accueil sont lus depuis nos serveurs, donc les changer ne demande jamais de retoucher ce code.

Ce que cet aperçu montre — et ce qu’il ne montre pas

Autant le dire tout de suite. L’aperçu ci-dessus est une maquette : elle reprend les mêmes styles quewidget.js, le fichier réellement servi à vos visiteurs, mais la conversation affichée est écrite à l’avance. Aucun modèle d’IA ne tourne derrière. C’est un choix assumé : faire tourner un vrai chatbot pour chaque visiteur anonyme, ça se paie, et ça se paierait sur votre abonnement.

Fidèle au rendu réel

  • Les 3 formats : bulle, bloc intégré, barre de recherche
  • Dégradé d’en-tête, bulles, arrondis, police, position
  • La ligne de code exacte que vous collerez
  • La mention « Propulsé par KipAgent », activable ou non

Ce qu’il ne fait pas

  • Répondre à vos questions : les réponses sont un exemple figé
  • Scanner votre site : ça, c’est l’étape 2, après création du chatbot
  • Montrer le formulaire de contact, Calendly ou la FAQ générée

Quel format choisir selon votre site

En résumé : la bulle flottante pour un site vitrine où les visiteurs ont une question précise, le bloc intégré quand vous voulez que la conversation fasse partie de la page, la barre de recherche quand votre catalogue est trop gros pour un menu. Rien n’empêche d’en changer plus tard — c’est un réglage, pas une réinstallation.

Comparaison des trois formats de widget KipAgent
FormatOù il vitBon pourÀ éviter si
Bulle flottanteEn bas à droite ou à gauche, sur toutes les pagesRestaurant, artisan, cabinet : horaires, devis, « vous faites ça ? »Vous avez déjà un autre bouton flottant en bas d’écran
Bloc intégréDans un div que vous placezPage contact, page FAQ, fiche produitVotre page est déjà longue : il pousse tout vers le bas
Barre de rechercheÀ la place de votre champ de rechercheE-commerce, blog, site à beaucoup de pages : réponse + pages sourcesVous n’avez qu’une dizaine de pages

Comment on passe de cet aperçu au vrai widget

  1. 1

    Créer le chatbot et donner l’adresse du site

    Notre crawler cherche d’abord votre sitemap.xml, retombe sur robots.txt s’il n’en trouve pas, et suit les sitemap-index (le format que génère Yoast sur WordPress, par exemple) pour ne rater aucune page.

  2. 2

    Laisser le scan tourner

    Chaque page est découpée en morceaux d’environ 500 tokens et indexée. Le tableau de bord affiche les URL au fur et à mesure. Vous voyez exactement ce qui rentre dans la base.

  3. 3

    Régler l’apparence

    Les mêmes réglages que ci-dessus, plus l’avatar, les questions suggérées et les consignes par page. Aucun impact sur le code d’intégration.

  4. 4

    Coller la ligne de script avant </body>

    Une seule ligne, en async. Sur WordPress, un bloc HTML dans le pied de page ; sur Shopify, dans theme.liquid.

  5. 5

    Poser deux ou trois questions pièges

    Vos horaires de fermeture, un tarif, une question que vos clients posent par téléphone. C’est là que vous saurez si le scan a attrapé ce qu’il fallait. Sinon, vous ajoutez les URL manquantes à la main.

Le prix, avant que vous ne cliquiez

Starter : 49,99 € par mois, 1 chatbot, 500 pages scannées, 500 messages par jour. Sans engagement, annulable à tout moment. C’est plus cher que les formules d’entrée de Tidio ou Crisp, et on ne va pas prétendre le contraire — ce qui change, c’est ce que le bot sait : vos pages, mais aussi vos horaires et vos avis Google, la page que le visiteur est en train de lire, et une recherche web quand la réponse n’est nulle part sur le site.

Questions fréquentes

Faut-il créer un compte pour utiliser cet aperçu ?
Non. Tout se passe dans votre navigateur : aucun compte, aucun email, aucune donnée envoyée à nos serveurs. Vous pouvez régler, comparer les trois formats et repartir sans rien laisser.
Cet aperçu répond-il vraiment aux questions ?
Non, et c’est la limite qu’il faut connaître : c’est une maquette fidèle du rendu, pas le moteur. La conversation affichée est un exemple écrit à l’avance. Le vrai widget, lui, répond à partir des pages de votre site une fois celui-ci scanné.
Quelle différence entre les trois formats de widget ?
La bulle flottante se pose en bas de chaque page et s’ouvre au clic. C’est le format par défaut. Le format intégré s’insère dans un bloc de votre page, utile sur une page contact ou une FAQ. La barre de recherche remplace le champ de recherche du site et répond en langage naturel avec les pages concernées.
Le widget ralentit-il mon site ?
Le script est chargé en async : il ne bloque pas l’affichage de votre page. Le widget ne construit son interface qu’une fois la page rendue, et la bulle fermée ne charge rien d’autre que le bouton.
Puis-je changer les couleurs après l’installation ?
Oui, sans retoucher au code. La ligne collée sur votre site ne contient que l’identifiant du chatbot. Couleur, police, arrondi, position, message d’accueil et nom sont lus depuis votre tableau de bord à chaque chargement.
Est-ce que ça marche sur WordPress, Wix, Shopify ou Squarespace ?
Oui : partout où vous pouvez coller une balise script dans le HTML, avant la fermeture de </body>. Sur WordPress, un bloc « HTML personnalisé » dans le pied de page suffit. Aucune extension à installer.
Puis-je retirer la mention « Propulsé par KipAgent » ?
Oui, c’est une case à cocher dans les réglages du chatbot. L’aperçu ci-dessus vous montre le rendu dans les deux cas.
Et sur mobile, ça donne quoi ?
La bulle passe en bas d’écran et le panneau s’ouvre en plein écran, moins 16 px de marge. Ouvrez cette page depuis votre téléphone : l’aperçu suit les mêmes règles que le widget réel.
Combien coûte le chatbot une fois le widget installé ?
Le premier palier, Starter, est à 49,99 € par mois : 1 chatbot, jusqu’à 500 pages scannées et 500 messages par jour, sans engagement. Le détail des quatre paliers est sur la page Tarifs.

Pour aller plus loin