Personnalisation de l'en-tête du widget et les corps de cartes
Les cartes facilitent l'adaptation du contenu du widget à votre public et à votre entreprise. Ajoutez une vidéo, un formulaire ou même une barre de recherche dans la base de connaissances. Avec le bon contenu, le widget tawk.to engagera plus de visiteurs et leur permettra d'obtenir facilement l'aide dont ils ont besoin.
Pour apporter des modifications au contenu apparaissant dans votre widget, dirigez-vous vers le panneau ⚙️d'administration du tableau de bord.
Si vous avez plusieurs propriétés, vérifiez que vous visualisez la bonne en survolant sur l'icône hamburger en haut du tableau de bord.
Cliquez sur Modifier le contenu sous l'en-tête Contenu du widget pour ouvrir une nouvelle fenêtre dans laquelle vous pouvez personnaliser tout le contenu affiché dans votre widget de chat.
Le widget de chat sur le côté droit de l'écran montre comment le widget apparaîtra aux visiteurs si vous enregistrez les modifications que vous avez apportées lors de la modification du contenu du widget.
Dans cet article, nous expliquerons toutes les différentes options de carte comment vous pouvez les ajouter au widget de votre site.
Vous pouvez en savoir plus sur la personnalisation de votre widget et comment ajouter/modifier des cartes ici : Comment modifier le contenu de votre widget?
Ajout et modification des cartes de widget
Pour ajouter une nouvelle carte, cliquez sur le bouton + Carte à droite de la section Cartes d'en-tête du générateur de contenu.
Pour déplacer une carte, cliquez sur la poignée en pointillé sur le côté gauche de la carte et faites-la glisser.
Une fois votre contenu est en place, cliquez sur le bouton vert Mettre à jour. Pour supprimer une carte, cliquez sur le bouton rouge Supprimer.
Pour activer ou désactiver une carte, faites glisser le commutateur.
Le tableau ci-dessous montre quelles cartes peuvent être ajoutées à l'en-tête du widget et lesquelles peuvent être ajoutées au corps du widget.
Carte | En-tête | Corps |
Agent | X | |
Logo | X | |
En-tête | X | X |
Zone de texte | X | |
Chat | X | X |
Image | X | X |
Vidéo | X | X |
Recherche dans la base de connaissances | X | |
Liste d'articles de la base de connaissances | X | |
Conversations précédentes | X |
La carte de recherche dans la base de connaissances peut être utilisée soit dans l'en-tête, soit dans le corps (pas les deux en même temps).
Les cartes widgets tawk.to
Agents
La carte d'agent vous permet de personnaliser l'en-tête de votre widget avec jusqu'à cinq profils d'agent.
Lorsque vous ajoutez un agent, la photo de profil ou l'avatar de son compte apparaît dans le widget. L'image de l'agent apparaîtra dans votre widget même lorsque l'agent est hors ligne.
Vous ne pouvez ajouter que des agents associés à votre compte (vous ne pouvez pas ajouter d'image d'alias à la fiche Agent).
Discussion
La carte Discussion vous permet d'avoir des conversations en temps réel dans votre widget. Placez le chat en haut ou en bas du corps de votre widget en faisant glisser et en déposant la carte.
Cliquez ensuite sur le bouton vert Mettre à jour pour enregistrer vos modifications.
Lorsque vous placez la carte Chat en bas du widget, les visiteurs verront un champ ouvert avec un texte indiquant où commencer le chat. Vous pouvez modifier le message par défaut sous Espace réservé.
N'oubliez pas de cliquer sur le bouton vert Mettre à jour pour enregistrer vos modifications.
Article vedette de la base de connaissances
La fiche Article en vedette de la base de connaissances vous permet de présenter un article de la base de connaissances sur le widget.
Tout d'abord, sélectionnez la base de connaissances dans laquelle l'article est publié. Trouvez ensuite votre article dans le menu déroulant ou utilisez la fonction de recherche.
Pour ouvrir l'article dans un nouveau navigateur, basculez le bouton « Ouvrir l'article dans le site de la base de connaissances » sur la position activée.
Enfin, cliquez sur le bouton vert Mettre à jour et vous avez terminé !
En-tête
Pour ajouter une déclaration ou un titre en gras à votre widget, sélectionnez la carte d'en-tête dans le menu déroulant et saisissez votre texte.
Pour ajouter des italiques ou un lien, soulignez le texte que vous souhaitez formater. Vous pouvez choisir l'alignement à gauche, au centre ou à droite.
Pour modifier la couleur de votre texte d'en-tête, revenez au menu de votre widget de chat et cliquez sur Avancé dans le champ Couleur du widget sous Apparence du widget.
Utilisez la barre de défilement pour descendre dans la page Apparence du widget. Comme indiqué dans le menu ci-dessous, vous pouvez personnaliser la couleur d'arrière-plan et le texte de votre en-tête pour compléter votre marque.
Image
Vous pouvez ajouter une image à votre widget en la téléchargeant depuis votre ordinateur ou en ajoutant un lien URL vers une carte-image.
Vous pouvez choisir d'aligner votre image à gauche, au centre ou à droite.
La zone de texte URL du lien vous permet de lier une URL à l'image. Si vous ne souhaitez pas rediriger vos visiteurs, laissez cette zone vide. Tournez le bouton en position activer (vert) pour ouvrir le lien dans un nouveau navigateur. Si cette option est désactivée, l'URL s'ouvrira directement sur l'écran de votre widget.
Liste des articles de la base de connaissances
Recherche dans la base de connaissances
La carte de recherche de la base de connaissances permet à vos visiteurs d'effectuer des recherches dans votre base de connaissances directement à partir du widget de chat.
Sélectionnez la base de connaissances que vous souhaitez que vos visiteurs recherchent. Si vous souhaitez que vos articles s'ouvrent directement dans la base de connaissances, activez la bascule Ouvrir l'article dans le site de la base de connaissances.
Remarque: la carte de recherche de la base de connaissances peut être utilisée dans l'en-tête OU dans le corps, mais pas les deux.
Logo
Lorsque vous ajoutez une carte Logo à l'en-tête de votre widget, l'image de la propriété de votre panneau Vue d'ensemble sera automatiquement ajoutée à votre widget.
À l'aide des icônes, vous pouvez aligner votre image à gauche, à droite ou au centre.
Conversations précédentes
La carte Conversations précédentes donne aux visiteurs une vue des trois dernières conversations et indique quand elles ont eu lieu. Vos visiteurs auront également la possibilité de "Voir toutes les conversations".
Zone de texte
La carte Zone de texte vous permet d'ajouter votre propre message de bienvenue au widget.
Pour modifier le texte, survolez sur la carte et cliquez sur l'icône en forme de crayon.
Tapez ou collez votre texte et tous les emojis directement dans le champ de contenu. Soulignez n'importe quel texte pour ouvrir de nouvelles options de formatage. Vous pouvez ajouter du gras, de l'italique ou un lien hypertexte au texte. Choisissez ensuite l'alignement du texte à gauche, au milieu ou à droite.
N'oubliez pas de cliquer sur le bouton vert Mettre à jour lorsque vous avez terminé.
Vidéo
La carte vidéo tawk.to vous permet d'ajouter des vidéos de YouTube, Vimeo, Daily Motion et Loom à votre widget. Vous pouvez également créer un lien vers une vidéo auto-hébergée.
Lors de l'ajout d'une carte vidéo, choisissez votre source et ajoutez un lien vers votre vidéo.
Vous pouvez contrôler les paramètres d'affichage vidéo directement à l'intérieur de la carte vidéo. Vos options d'affichage et de lecture dépendront de la plateforme d'hébergement vidéo que vous utilisez.
Voici un tableau montrant les options de paramètres pour chaque plateforme :
Plateforme | Youtube | Vimeo | Daily Motion | Loom | Auto-hébergé |
Heure de début | X | X | X | X | X |
Heure de fin | X | X | |||
Lecture automatique | X | X | X | X | X |
Lecture automatique (mobile) | X | X | X | X | X |
Boucle | X | X | X | ||
Muet | X | X | X | X | |
Commandes | X | X | X | ||
Marque | X | ||||
Confidentialité | X | ||||
Titre d'introduction | X | ||||
Intro Portrait | X | ||||
Intro Byline | X | ||||
Informations | X | ||||
Logo | X |
Les cartes présentent un contenu pertinent et interactif à votre public chaque fois qu'il visite votre site Web. Toutes les cartes sont incluses dans votre compte tawk.to gratuit.