ChatLab propose deux façons d'ajouter un chatbot à votre site web : sous forme de widget ou d'iframe. Les deux utilisent le même chatbot avec les mêmes données d'entraînement et les mêmes paramètres, mais ils diffèrent par la manière dont le chatbot apparaît sur votre page.
Widget
Le widget ajoute une icône de chat à un emplacement fixe sur votre page (en bas à droite par défaut). Les visiteurs cliquent sur l'icône pour ouvrir une fenêtre contextuelle de chat. La fenêtre de chat peut être refermée vers l'icône à tout moment.
Caractéristiques principales :
- Apparaît sous la forme d'une icône de lancement dans le coin de l'écran
- S'ouvre sous la forme d'un popup lorsque les visiteurs cliquent sur l'icône
- Reste disponible sur toutes les pages où le code est installé
- Prend en charge la personnalisation de la position de l'icône, du comportement d'ouverture automatique, des bulles de message de bienvenue et du mode d'affichage réduit (Settings (Paramètres) > Appearance (Apparence))
Iframe
L'iframe intègre le chatbot directement dans le contenu de votre page. La fenêtre de discussion est toujours visible et peut être entourée par d'autres éléments de la page.
Caractéristiques principales :
- Toujours visible sur la page sans avoir besoin de cliquer sur une icône
- Intégré dans le flux de la page aux côtés d'autres contenus
- Taille ajustable - vous pouvez définir les attributs
widthetheightdans le code d'intégration pour l'adapter à votre mise en page - Idéal pour les pages dédiées où le chatbot est un élément central, comme une page d'assistance ou une page de destination
Où sélectionner le widget ou l'iframe
- Sélectionnez votre chatbot dans le tableau de bord
- Cliquez sur l'onglet Deploy (Déployer)
- Sélectionnez HTML Code (Code HTML), puis choisissez l'onglet Widget ou Iframe pour afficher le code d'intégration correspondant
- Cliquez sur Copy to clipboard (Copier dans le presse-papiers). Placez le code Widget dans l'en-tête du site Web ou dans la zone de script de votre plateforme ; placez le code Iframe dans le corps de la page, à l'endroit où le chat doit apparaître.
- Publiez la page, ouvrez-la sur ordinateur et mobile, puis envoyez un message de test.
Tester les deux modes
Vous pouvez prévisualiser les deux modes sans intégrer le moindre code. Dans l'onglet Overview (Aperçu), repérez la ligne Try out & share (Essayer et partager) et cliquez sur l'un des deux liens :
- As always-open frame (Comme cadre toujours ouvert) - ouvre le chatbot en mode iframe
- As openable widget (Comme widget à ouvrir) - ouvre le chatbot en mode widget avec l'icône de lancement
Chaque ligne comporte également un lien QR Code qui affiche un code à scanner pour la même URL, ce qui vous permet de tester le chatbot sur votre téléphone en le scannant avec votre appareil photo.
Pour en savoir plus sur le partage de ces liens d'aperçu, consultez Envoyer un lien vers votre chatbot.
Que dois-je choisir ?
- Choisissez le widget si vous souhaitez que le chatbot soit disponible sur chaque page sans encombrer l'espace à l'écran. Les visiteurs peuvent ouvrir le chat lorsqu'ils ont besoin d'aide et le fermer lorsqu'ils ont terminé.
- Choisissez l'iframe si vous souhaitez que le chatbot fasse partie intégrante de la mise en page d'une page spécifique, comme un centre d'aide, une page de contact ou une page produit où le chatbot est constamment prêt à interagir.