Ce tutoriel vous résume la personnalisation de votre chatbox tout en vous partageant de bonnes pratiques. Les étapes vous en sont détaillées dans la suite de l'article.
Allez dans la section Engagement > Notifications & Chatbox
NB : la chatbox de votre projet est unique, en revanche vous pouvez configurer autant de notifications que vous le souhaitez pour engagez vos visiteurs.
- Ajoutez vos couleurs
- Choisissez la police qui s'adaptera à votre charte graphique
- Choisissez le positionnement de la chatbox par rapport aux bord de la fenêtre de votre site. Il est également possible de choisir un positionnement spécifique pour la vue mobile.
NB : Si l'option est désactivée, l'état réduit sur mobile reprendra la position choisie sur ordinateur
Cette vidéo vous résume les enjeux de personnalisation de la chatbox et particulièrement de son en-tête, qui influence considérablement l'expérience des visiteurs de votre site :
- Personnalisez l'en-tête de la chatbox en affichant le temps moyen de réponse, le profil du répondant avec une vignette verte ou grise pour indiquer sa présence ou non.
- Humanisez ainsi davantage l'expérience de conversation des visiteurs puisque l'avatar, le nom*, le rôle des répondants sont affichés.
*NB : C'est votre pseudonyme qui sera visible aux visiteurs.
Comment activer ces nouvelles fonctionnalités ?
Avant de procéder au paramétrage, il est important de comprendre qu'il existe deux états d'en-tête de chatbox :
- Etat "avant la conversation", lorsque le visiteur a cliqué sur la première fois sur le bouton de notification et n'a pas encore envoyé de 1er message
- Etat "pendant la conversation", lorsque le visiteur a envoyé son 1er message (et éventuellement d'autres) et qu'il a reçu une première réponse d'un conseiller
2.2.1 En-tête affiché "Avant la conversation"
- Afficher 1, 3 ou aucun avatar. La bibliothèque met à disposition des exemples d'avatars, mais il vous est possible de télécharger les vôtres.
- Personnaliser le texte affiché dans l'en-tête durant vos horaires de bureaux et horaires hors ouvrés. Par défaut, il vous est proposé d'afficher un temps moyen de réponse de quelques minutes ou quelques heures, mais vous pouvez aussi utiliser le champs libre pour y mettre par exemple : "Délai max. de réponse de 4h", "Service client ouvert du lundi au vendredi, de 9h à 18h"
NB : les horaires de bureaux et horaires non-ouvrés sont personnalisables directement depuis les paramètres de votre projet.
2.2.2 En-tête affiché "Pendant la conversation"
- Lorsque la conversation a démarrée, choisissez d'afficher l'avatar associé au profil du conseiller ou sélectionnez un avatar par défaut*. La bibliothèque met à disposition des exemples d'avatars, mais il vous est possible de télécharger les vôtres.
NB* : Pour associer un avatar générique aux conseillers qui n'en ont pas, veuillez d'abord cocher "Choisir un avatar générique", le sélectionner, puis cocher "Afficher l'avatar du répondant".
- Personnalisez les sous-titres affichés en dessous des pseudos des conseillers.
Astuce : utilisez le bouton " Restaurer le contenu dans la langue actuelle " pour obtenir un exemple de présentation de vos répondants.
- Activez ou non l'utilisation de l'avatar du conseiller / expert lorsque la chatbox est ouverte (avatar téléchargé lors de la configuration de leur profil). Vous pouvez aussi sélectionner un avatar par défaut qui sera utilisé uniquement pour le message de bienvenue ou systématiquement (lorsqu'un échange a lieu entre un opérateur et le visiteur)
- Personnalisez les principaux messages systèmes qui seront affichés au visiteur
- Activez l'option permettant aux visiteurs de visualiser leur historique de conversation
Le visiteur aura également la possibilité de s'envoyer l'historique des échanges en cours par mail. Pour cela, il lui faudra cliquer sur le bouton en haut à droite de la chatbox
Ensuite, il pourra renseigner son mail.
- Personnalisez le message de la zone de saisie incitant le visiteur à écrire son message
- Activez l'option permettant l'envoi d'images (png, jpg, gif) ou de PDF par le visiteur
- Personnalisez l'icône de l'état réduit de votre chatbox (style d'icône, couleur claire ou foncée)
- Personnalisez le format de l'état réduit de votre chatbox (arrondis des bords et taille)
- Indiquez le nom de votre marque qui sera affiché dans l'email reçu par les visiteurs
- Importez le logo de votre marque
- Choisissez de cacher le contenu de la conversation
- Renseignez l'URL de votre site permettant au visiteur de revenir sur celui-ci. Il est impératif que cette URL contienne le tag iAdvize.
NB : Notez que vous pouvez automatiquement rediriger vos visiteurs vers le dernier url où ils étaient en train de chatter, pour participer à cette bêta n’hésitez pas à poser la question à votre contact iAdvize.
⚠ Important : Lors de la sauvegarde, cette expérience visiteur sera déployée et activée sur votre site
Vous pouvez télécharger la fiche pratique ci-dessous :
