Configuration de l’aspect du Web Widget

Remarque – Cet article concerne les comptes qui utilisent le Web Widget de messagerie. Si vous utilisez le Web Widget (Classique), consultez Configuration des composants dans le Web Widget (Classique).

Vous pouvez configurer plusieurs paramètres d’aspect pour le Web Widget dans l’onglet Style ou à la page Modifier le Web Widget.

Cet article aborde les sujets suivants :

• Configuration du cadre du widget
• Configuration du bouton de lancement du widget

Configuration du cadre du widget

Le cadre du Web Widget inclut les éléments structurels de la fenêtre dans laquelle les clients ont des conversations de messagerie avec les agents. Vous pouvez définir l’emplacement du cadre sur la page, choisir les couleurs du texte et des éléments du cadre, charger un logo, etc.

Pour mettre le cadre du widget à jour

1. Dans le Centre d’administration, cliquez sur l’icône Canaux dans la barre latérale, puis sélectionnez Messagerie et réseaux sociaux > Messagerie.
2. Cliquez sur le nom du canal que vous voulez modifier. La page de modification du widget s’ouvre.
3. Cliquez sur l’onglet Style.
4. Mettez à jour la couleur principale, la couleur du bouton de lancement et de l’en-tête du widget. Saisissez un nombre hexadécimal ou cliquez sur l’échantillon de couleur pour ouvrir un sélecteur de couleur. Si vous passez au Web Widget (Classique), les couleurs sont définies sur les paramètres du widget de cette marque par défaut.
5. Mettez à jour la couleur du message, la couleur de la bulle autour des messages des clients. Saisissez un nombre hexadécimal ou cliquez sur l’échantillon de couleur pour ouvrir un sélecteur de couleur.
6. Mettez à jour la couleur d’action, la couleur des boutons ou des actions des clients (p. ex. une option sélectionnée). Saisissez un nombre hexadécimal ou cliquez sur l’échantillon de couleur pour ouvrir un sélecteur de couleur.
7. Mettez à jour la permission de pièces jointes pour les clients. Cochez la case pour permettre aux clients d’ajouter des pièces jointes aux conversations de messagerie. Supprimez la coche pour empêcher les clients d’ajouter des pièces jointes. Par défaut, les pièces jointes sont autorisées.
8. Mettez à jour le logo (facultatif), un fichier JPG ou PNG qui s’affiche en haut du cadre. Le logo est l’identité visuelle du workflow conversationnel. Cliquez sur Télécharger une image, puis naviguez jusqu’à l’image que vous voulez ajouter.
9. Mettez à jour le titre, le texte qui s’affiche en haut du cadre, généralement un appel à l’action (« Contactez-nous ») ou le nom de votre entreprise.
10. Mettez à jour la description (facultatif), un court texte sous le titre. Il peut s’agir d’informations que vous voulez partager, un slogan par exemple. Saisissez la description dans le champ de texte.
11. Cliquez sur Enregistrer les paramètres.

Configuration du bouton de lancement du widget

Le bouton de lancement du Web Widget est le bouton sur lequel clique le client pour ouvrir le widget. Vous pouvez définir son emplacement sur la page Web ou dans le centre d’aide, sa forme, son texte, etc.

Vous pouvez aussi utiliser l’API Web Widget pour créer un bouton de lancement personnalisé pour le Web Widget et définir son comportement. Pour en savoir plus, consultez API du Web Widget.

Pour mettre à jour le bouton de lancement

1. Dans le Centre d’administration, cliquez sur l’icône Canaux dans la barre latérale, puis sélectionnez Messagerie et réseaux sociaux > Messagerie.
2. Cliquez sur le nom du canal que vous voulez modifier. La page de modification du widget s’ouvre.
3. Cliquez sur l’onglet Style.
4. Mettez à jour la position dans la fenêtre de navigateur, l’endroit où le bouton de lancement s’affiche dans votre fenêtre de navigateur. Choisissez En bas à droite ou En bas à gauche avec les boutons.
5. Forme (Web Widget uniquement), la forme du bouton de lancement. Choisissez Carré, Cercle ou Bouton de lancement personnalisé.
   Remarque – Si vous sélectionnez Bouton de lancement personnalisé, le bouton de lancement est supprimé de votre site Web ou de votre centre d’aide. Vous pouvez ajouter le bouton de lancement aux pages de votre site Web ou de votre centre d’aide en utilisant les API de messages ouverts, clos et non lus. Consultez API du Web Widget.
6. Texte (facultatif), le texte qui s’affiche à côté du bouton de lancement.
7. Afficher sur les appareils mobiles, option à sélectionner pour afficher le texte dans un Mobile SDK.
8. Cliquez sur Enregistrer les paramètres.