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 et configurez les paramètres suivants :
   • Couleur principale, la couleur principale 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.
   • Position, l’emplacement du widget sur votre site Web ou dans votre centre d’aide. Sélectionnez En bas à gauche ou En bas à droite, puis saisissez une valeur pour le décalage de l’espacement avec le bas et le côté de la page. La position par défaut est 16 px de l’option sélectionnée.
   • Bord, le rayon (ou la courbure) des bords extérieurs du widget. Utilisez la barre coulissante pour sélectionner un rayon allant de Coins droits (0 px) à Coins incurvés (20 px).
   • 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.
   • 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.
   • Autoriser les clients à charger des pièces jointes. 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.
   • 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.
   • 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.
   • 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.
   • Afficher le logo Zendesk, qui active et désactive l’affichage du logo Zendesk dans un Web Widget ou un canal mobile. Disponible pour les comptes Suite Enterprise et les comptes Professional avec le module supplémentaire Pack de productivité.
   • Lire les sons de notification pour les nouveaux messages (Web Widget uniquement), qui active les alertes sonores pour vos clients quand ils reçoivent une réponse d’un agent ou d’un assistant dans une conversation de messagerie inactive dans le Web Widget. Quand cette option est activée, les clients peuvent choisir de désactiver les notifications sonores de leur côté de la conversation.
4. 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. Fournissez l’une des formes suivantes :
   • Carré : utilisez la barre coulissante pour ajuster la courbure des bords extérieurs du bouton de lancement carré.
   • Cercle
   • 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.