Personnalisation de l'en-tête du widget et les corps de cartes

Les cartes permettent d’adapter facilement le contenu du widget à votre audience et à votre activité. Ajoutez une vidéo, un formulaire ou même une barre de recherche de la base de connaissances. Avec le bon contenu, le widget tawk.to incitera davantage de visiteurs à interagir et leur facilitera l’accès à l’aide dont ils ont besoin.

REMARQUE : Les instructions ci-dessous ne peuvent être réalisées que depuis un navigateur ou les applications de bureau tawk.to. Elles ne sont pas disponibles dans l’application mobile tawk.to.

Pour modifier le contenu affiché dans votre widget, sélectionnez l’icône ⚙️Administration (roue dentée) dans le menu d’onglets supérieur. Ensuite, sous Canaux, sélectionnez Widget de chat.

 Le widget de chat affiché sur le côté droit de l’écran montre comment le widget apparaîtra aux visiteurs si vous enregistrez les modifications apportées pendant l’édition du contenu.

Remarque :
Votre widget de chat est mis à jour automatiquement après enregistrement. Il n’est pas nécessaire de modifier le code du widget dans le HTML de votre page.

Dans cet article, nous allons vous présenter toutes les options de cartes et comment les ajouter à votre widget de site.

Pour en savoir plus sur la personnalisation de votre widget et l’ajout ou la modification des cartes, consultez : Comment modifier le contenu de votre widget

Pour ajouter une nouvelle carte, cliquez sur le bouton + Carte à droite de la section Cartes d’en-tête dans le générateur de contenu.

Pour déplacer une carte, cliquez sur la poignée à pointillés à gauche de la carte, puis faites-la glisser à l’emplacement souhaité.

Pour modifier ou supprimer une carte, cliquez sur l’icône en forme de crayon.

L’aperçu à droite de l’écran montre l’apparence du widget pour les visiteurs si vous enregistrez les modifications effectuées.

Une fois votre contenu 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, utilisez le bouton à glissière pour la positionner sur activé ou désactivé.

Le tableau ci-dessous indique quelles cartes peuvent être ajoutées à l’en-tête du widget et lesquelles peuvent être ajoutées à son corps.

La carte de recherche dans la base de connaissances peut être utilisée soit dans l’en-tête, soit dans le corps (mais pas aux deux emplacements en même temps).

La carte Agent vous permet de personnaliser l’en-tête de votre widget avec jusqu’à cinq profils d’agents.

Lorsque vous ajoutez un agent, sa photo de profil ou son avatar apparaîtra dans le widget. L’image de l’agent s’affiche même lorsque celui-ci est hors ligne.

Vous ne pouvez ajouter que des agents associés à votre compte (il n’est pas possible d’ajouter une image de remplacement à la carte Agent).

La carte Discussion vous permet d’échanger en temps réel via le widget. Placez-la en haut ou en bas du corps du widget en la faisant glisser à l’endroit souhaité.

Si vous placez la carte Discussion en haut du widget, un bouton s’affiche pour inviter à entamer une conversation. Modifiez le texte du bouton dans la carte pour personnaliser votre appel à l’action.

Si vous placez la carte Discussion en bas du widget, les visiteurs verront un champ de texte libre avec une indication sur l’endroit où démarrer la conversation. Vous pouvez modifier ce message par défaut dans le champ d’indication (Placeholder).

N’oubliez pas de cliquer sur le bouton vert Mettre à jour pour sauvegarder vos modifications.

La carte Article en vedette de la base de connaissances vous permet de mettre en avant un article directement dans le widget.

Commencez par sélectionner la base de connaissances dans laquelle l’article est publié. Ensuite, trouvez votre article dans le menu déroulant ou en utilisant le champ de recherche.

Pour ouvrir l’article dans un nouvel onglet de navigateur, activez l’option Ouvrir l’article dans le site de la base de connaissances.

Enfin, cliquez sur le bouton vert Mettre à jour et c’est terminé !

En-tête

Pour ajouter une accroche marquante ou un titre à votre widget, sélectionnez la carte En-tête dans le menu déroulant, puis saisissez votre texte.

Pour ajouter de l’italique ou un lien, sélectionnez le texte à mettre en forme. Vous pouvez choisir un alignement à gauche, centré ou à droite.

Vous pouvez ajouter une image à votre widget en la téléversant depuis votre ordinateur ou en ajoutant un lien URL dans une carte Image.

Vous pouvez choisir d’aligner l’image à gauche, au centre ou à droite.

Le champ texte URL du lien vous permet d’associer une URL à l’image. Si vous ne souhaitez pas rediriger vos visiteurs, laissez ce champ vide. Activez le bouton (en vert) pour ouvrir le lien dans un nouvel onglet de navigateur. Si cette option est désactivée, le lien s’ouvrira directement dans l’écran du widget.

La carte Liste d’articles de la base de connaissances vous permet d’afficher jusqu’à cinq articles ou catégories dans votre widget. Sélectionnez un article ou une catégorie dans le menu déroulant. Vous pouvez également utiliser le champ de recherche pour trouver l’article souhaité.

Si vous souhaitez que les articles s’ouvrent directement dans la base de connaissances lorsqu’un visiteur clique, activez l’option Ouvrir l’article dans le site de la base de connaissances.

La carte Recherche dans la base de connaissances permet à vos visiteurs de faire une recherche directement depuis le widget de chat.

site toggle to the on position.

Sélectionnez la base de connaissances dans laquelle vous souhaitez que vos visiteurs effectuent des recherches. Pour que les articles s’ouvrent directement dans la base de connaissances, activez l’option Ouvrir l’article dans le site de la base de connaissances.

Remarque : la carte Recherche dans la base de connaissances peut être utilisée dans l’en-tête OU dans le corps du widget, mais pas dans les deux à la fois.

Lorsque vous ajoutez une carte Logo à l’en-tête du widget, l’image de propriété depuis votre panneau de vue d’ensemble est automatiquement ajoutée au widget.

Grâce aux icônes, vous pouvez aligner votre image à gauche, au centre ou à droite.

Pour mettre à jour ou ajouter une image de propriété, retournez dans la section Administration du tableau de bord.

Cliquez ensuite sur le menu déroulant à côté de l’image de propriété pour téléverser votre logo ou votre image.

Nous recommandons une taille d’image d’au moins 512 x 512 pour l’image de propriété.

Conversations précédentes

La carte Conversations précédentes permet aux visiteurs de voir les trois dernières conversations et d’afficher leur date. Vos visiteurs auront également la possibilité de Voir toutes les conversations.

La carte Zone de texte vous permet d’ajouter votre propre message d’accueil dans le widget.

Pour modifier le texte, survolez la carte avec votre souris et cliquez sur l’icône en forme de crayon.

Saisissez ou collez votre texte (ainsi que les émojis éventuels) directement dans le champ de contenu. Sélectionnez un texte pour afficher les options de mise en forme. Vous pouvez ajouter du gras, de l’italique ou un lien hypertexte. Ensuite, choisissez un alignement à gauche, centré ou à droite.

N’oubliez pas de cliquer sur le bouton vert Mettre à jour lorsque vous avez terminé.

La carte Vidéo tawk.to vous permet d’intégrer des vidéos YouTube, Vimeo, Daily Motion ou Loom dans votre widget. Vous pouvez également y ajouter une vidéo hébergée sur votre propre serveur.

Lorsque vous ajoutez une carte Vidéo, sélectionnez la plateforme source et ajoutez le lien vers votre vidéo.

Vous pouvez configurer les options d’affichage directement dans la carte Vidéo. Les options disponibles dépendront de la plateforme d’hébergement que vous utilisez.

Les cartes permettent de présenter du contenu pertinent et interactif à vos visiteurs à chaque passage sur votre site. Toutes les cartes sont incluses dans votre compte gratuit tawk.to.

Besoin d’aide ? Contactez notre équipe d’assistance ou planifiez un appel.

Si vous avez des retours sur cet article, ou si vous avez besoin d’aide supplémentaire :

• Cliquez sur l’icône verte du chat en direct
• Planifiez un appel avec nous
• Visitez notre communauté