Intégrer le chat dans une iframe ou par lien direct
Affichez l'agent intoCHAT dans une page avec une iframe au lieu d'une bulle flottante, ou partagez son lien direct par e-mail, sur les réseaux ou en QR code.
En plus de la bulle flottante, chaque agent peut s'afficher dans une page grâce à une iframe, ou s'ouvrir sur sa propre page via un lien direct. Les deux se trouvent dans l'onglet Share (Partager), avec l'identifiant de votre agent déjà renseigné.
Iframe dans la page
Dans le bloc Iframe Embed, cliquez sur Copy Code. Le bloc affiche aussi un aperçu.
<iframe
src="https://www.intochat.ai/agent/YOUR_AGENT_ID"
width="100%"
height="600px"
frameborder="0"
></iframe>
Collez-la là où le chat doit apparaître, par exemple sur une page d'aide ou de contact. Le chat s'affiche exactement là où vous placez l'iframe.
Comportement du chat intégré :
- Le chat est toujours ouvert. Il n'y a ni bulle ni infobulle.
- Il remplit l'iframe. Ajustez
widthetheightà votre mise en page : l'en-tête occupe 60 pixels et le champ de saisie se trouve en bas. - Vos réglages Appearance s'appliquent : thème, police, coins, couleurs de l'en-tête et des messages, avatar, messages d'accueil, questions suggérées, pied de page et mention « Powered by intoCHAT ». La couleur de la bulle colore toujours le bouton d'envoi. Les messages d'accueil au-dessus de la bulle et l'ouverture automatique ne s'appliquent pas.
- L'en-tête n'a pas de bouton de fermeture. Seule la fenêtre de chat qui s'ouvre depuis la bulle de la balise script en possède un.
Lien direct
Dans le bloc Direct Chat URL, cliquez sur Copy URL, ou sur Open Chat pour l'ouvrir dans un nouvel onglet.
https://www.intochat.ai/agent/YOUR_AGENT_ID
Le lien ouvre une page entière avec le chat et vos réglages Appearance. Comme l'iframe, elle n'a pas de bouton de fermeture. Usages courants :
- Le partager par e-mail, dans des publications sur les réseaux sociaux ou dans une newsletter.
- En faire un code QR pour vos imprimés ou votre comptoir.
- Le placer derrière un bouton « Discutez avec nous » sur un site où vous ne pouvez pas ajouter de script.
- Tester l'agent dans une fenêtre à part avant de l'installer.
- L'ouvrir dans la web view d'une application mobile.
Lequel choisir
| Balise script | Iframe | Lien direct | |
|---|---|---|---|
| Affichage | Bulle sur chaque page | Cadre dans une page | Page dédiée |
| Accès à votre site nécessaire | Oui | Oui | Non |
| Bulle, infobulle, position | Oui | Non | Non |
| Messages d'accueil au-dessus de la bulle et ouverture automatique | Oui | Non | Non |
| Bouton de fermeture | Oui | Non | Non |
| Actions côté client | Oui | Non | Non |
Les trois utilisent le même agent et les mêmes connaissances. Les conversations apparaissent sous Conversations, les leads sous Leads, et les messages comptent dans votre offre de la même manière.
À savoir
- Le lien utilise toujours l'adresse intochat.ai.
- Toute personne qui a le lien peut discuter avec l'agent. Par défaut, n'importe quel site peut intégrer l'iframe ; pour la limiter à vos propres sites, définissez des domaines autorisés. Le lien continue alors de fonctionner. Si vous rendez l'agent privé, ni le lien ni les intégrations ne fonctionnent.
- N'entraînez un agent public que sur des contenus qui peuvent être publics.
- Les modifications faites dans l'onglet Appearance s'appliquent au prochain chargement de la page ou de l'iframe. Aucun nouveau code d'intégration n'est nécessaire.
Pour installer plutôt la bulle flottante, voir Installer avec une balise script.