1. Home
  2. Connecter son Bot
  3. Comment mettre son webchat en mode “intégré” ?

Comment mettre son webchat en mode “intégré” ?

Vous pouvez très simplement paramétrer votre webchat de façon à ce que celui-ci devienne un élément à part entière de votre site web, et non plus un widget qui s’y superpose.

C’est par exemple ce que nous avons fait sur cette page !

Exemple de webchat intégré à un site de cuisine
  1. Rendre mon webchat. “intégré” à partir de la page HTML

Pour rendre votre webchat intégré, vous devez suivre ces quelques étapes :

1) si la div ( = conteneur générique de votre page) dans laquelle vous souhaitez qu’il s’affiche n’existe pas :
– ajoutez une div dans le body de votre page HTML et appliquez-lui les paramètres que vous souhaitez (hauteur, largeur, marge, fond d’écran…) puis donnez lui un ID
– ajoutez l’attribut integrate dans la partie ClustaarSettings de votre bot, avec comme paramètre l’ID de la div définie plus haut

2) si la div dans laquelle vous souhaitez qu’il s’affiche existe :
– ajouter l’attribut integrate dans la partie ClustaarSettings de votre bot, avec comme paramètre l’ID de la div en question

image.png

Afin que le webchat ne soit plus intégré, il suffit de retirer l’attribut integrate des ClustaarSettings.

Vous trouverez toutes les informations sur notre documentation technique disponible sur ce lien.

2. Changer le style du webchat à partir du back-office de la plateforme

Quelques éléments de l’onglet “Style” du panneau de configuration de votre webchat sont spécifiques au webchat intégré :

  • Un toggle “header displayed” : comme son nom l’indique, il permet d’afficher ou non le header de votre webchat.
  • Un aperçu “Integrated Webchat” a été ajouté, vous permettant de visualiser les modifications de style de votre webchat dans le cas où celui-ci est intégré.

Vous avez désormais toutes les cartes en main afin de d’intégrer votre webchat à votre site web 💪

Updated on septembre 7, 2020

Was this article helpful?

Related Articles

Besoin d’aide ?
Vous ne trouvez pas la réponse à votre question ? Ne vous inquiétez pas, nous sommes là pour vous aider.
Plus d'aide

Leave a Comment