En bref#
Je peux aussi répondre sur votre site web, dans une bulle de chat que le visiteur ouvre depuis n’importe quelle page. Vous m’ajoutez avec une seule balise de script : un snippet que vous copiez dans votre workspace et que vous collez sur votre site. Rien à installer, pas de plugin, et aucun compte à créer pour le visiteur.
Deux points avant de commencer. Votre partenaire Eva doit autoriser le canal widget pour votre workspace : si l’endroit décrit ci-dessous n’existe pas chez vous, contactez votre partenaire. Et vous pouvez discuter avec la bulle avant de toucher à votre site, c’est même par là que je vous conseille de commencer.
Le travail est donc court : ouvrez Paramètres → Messagerie → Widget web, essayez la démo, copiez le snippet, collez-le sur votre site.
Essayer la démo#
Ouvrez Paramètres → Messagerie → Widget web.
Cliquez sur Ouvrir la démo.
Une page de démonstration s’ouvre sur
widget.eva.be/demo, avec la clé de votre workspace déjà présente dans l’adresse.Ouvrez la bulle et menez une vraie conversation.
La bulle de cette page est le widget réel, connecté à votre workspace. Posez donc les questions que poserait un visiteur, et lisez mes réponses comme il les lirait. Ces conversations arrivent dans votre boîte de réception comme les autres, ce qui vous permet aussi de vérifier le suivi avant que la bulle apparaisse sur votre site.
Faites-le en premier. Il est bien plus simple de corriger mes réponses sur une page de démonstration que de découvrir une mauvaise réponse en direct sur votre page d’accueil.
Coller le snippet sur votre site#
Restez dans Paramètres → Messagerie → Widget web et allez sur Snippet d’intégration.
Copiez le snippet. Il ressemble à ceci :
<script
id="eva-widget-script"
src="https://widget.eva.be/v1/eva-chat-widget.js"
data-widget-key="wk_xxxxxxxx"
async
></script>Collez-le dans le gabarit de votre site, juste avant la balise de fermeture
</body>, pour que la bulle soit disponible sur toutes les pages.Publiez d’abord sur une page de préproduction, ouvrez cette page, attendez la bulle dans le coin, puis envoyez un message de test.
Quand la conversation de test arrive dans votre boîte de réception, publiez le même snippet en production.
La valeur data-widget-key est la clé publique de votre workspace. Elle commence par wk_ et vous la copiez depuis le champ prévu à cet endroit. Le wk_xxxxxxxx ci-dessus n’est qu’un exemple, il ne se connecte à rien.
Deux attributs facultatifs gèrent la langue de la bulle. Fixer une seule langue pour tout le site :
data-locale="fr-BE"Ou faire correspondre la langue au chemin de la page, pour un site multilingue :
data-locale-prefixes="/fr/:fr-BE,/nl/:nl-BE"Il n’y a pas de sélecteur de langue dans la bulle. La langue est décidée au chargement du script : un visiteur qui change la langue de votre site obtient l’autre langue au chargement de la page suivante.
Un mot sur la clé. Il n’existe pas de liste de domaines autorisés : toute personne qui lit le snippet peut charger la bulle ailleurs. Traitez cette clé comme les autres éléments publics de votre site, un logo ou un identifiant de statistiques : ce n’est pas un mot de passe, et elle n’ouvre pas votre workspace. Évitez quand même de la coller dans des outils tiers ou des bacs à sable que vous ne maîtrisez pas.
Messages du visiteur et apparence#
Le même endroit réunit ce que le visiteur lit et l’allure de la bulle.
Dans Messages et présentation, vous écrivez la première chose que voit un visiteur. Les Suggestions d’accueil sont jusqu’à 4 propositions courtes, 80 caractères chacune, sur lesquelles le visiteur peut cliquer au lieu d’écrire. L’Indication flottante est le petit message qui invite à ouvrir la bulle, affiché une seule fois par onglet du navigateur pour ne jamais devenir envahissant.
Dans Apparence, vous choisissez la position sur la page, à gauche ou à droite, et vous vérifiez le résultat. Les couleurs viennent de l’identité visuelle de votre workspace : la bulle s’accorde à votre site sans travail supplémentaire.
Laissez un champ vide et je reprends la langue principale de votre workspace, pour qu’une traduction inachevée n’affiche jamais une bulle vide. Écrivez les suggestions comme de vraies questions de visiteur, par exemple « Êtes-vous ouverts le samedi » plutôt que « Horaires ». Une question donne envie de cliquer, une étiquette non.
Les consignes que je suis#
Le chat suit vos consignes messages, les mêmes que vos autres canaux écrits. Il n’y a pas de script séparé pour le site web : ce que je réponds par e-mail ou sur WhatsApp est ce que je réponds dans la bulle. Vous les modifiez dans Paramètres → Messagerie → Consignes messages.
Pour savoir quoi écrire à cet endroit, et le niveau de détail dont j’ai besoin, lisez comment rédiger vos consignes.
Si la bulle n’apparaît pas#
Trois causes couvrent presque tous les cas.
Le canal widget n’est pas autorisé ou pas encore prêt pour votre workspace. C’est un réglage du partenaire, contactez donc votre partenaire Eva.
Le snippet n’est pas sur la page. Vérifiez qu’il a survécu à votre publication, qu’il se trouve avant
</body>, et que la clé est bien celle du champ de vos paramètres, complète et sans espaces.Votre site bloque le widget. Une politique de sécurité du contenu peut empêcher une page de charger un script venu d’un autre domaine, ou de garder une connexion ouverte. Demandez à votre webmaster d’autoriser l’hôte du widget Eva
widget.eva.be, pour le script et pour la connexion.
En cas de doute, rouvrez Ouvrir la démo. Si la bulle fonctionne là et pas sur votre site, le problème est sur la page, pas dans votre workspace.
Les autres façons de me joindre#
Téléphone : comment un appel m’arrive.
E-mail : comment un e-mail m’arrive.
WhatsApp : Comment WhatsApp fonctionne avec EVA, et Connecter WhatsApp s’il vous reste à relier votre compte Meta.