Modification de l’apparence du widget de discussion tawk.to

Les instructions ci-dessous concernent uniquement les ordinateurs de bureau et les ordinateurs portables.

Personnalisez l’Apparence du widget (Widget Appearance) pour qu’il reflète votre marque afin que les visiteurs le reconnaissent immédiatement et sachent où obtenir de l’aide. Ce guide vous montre comment accéder aux paramètres d’Apparence (Appearance), ajuster les options pour bureau et mobile, changer les couleurs et le Capteur d’attention (Attention Grabber), prévisualiser vos modifications et Enregistrer (Save) — le tout depuis votre Tableau de bord (Dashboard) tawk.to.
Étapes pour modifier l’apparence de votre widget
1. Connectez-vous à votre compte tawk.to.

2. Sélectionnez la propriété (Property) correcte.

3. Cliquez sur Administration dans la barre de navigation gauche.

4. Cliquez sur Widget de discussion dans le sous-menu gauche.

5. Faites défiler jusqu’à Apparence du widget (Widget Appearance) et cliquez sur Avancé (Advanced).

6. Sur la page Apparence du widget (Widget Appearance), vous pouvez personnaliser la couleur, la forme et la taille de votre widget pour le bureau et le mobile. Utilisez la prévisualisation en direct à droite pour tester vos modifications. Lorsque vous êtes satisfait, cliquez sur Enregistrer (Save). Le widget se mettra à jour automatiquement sur votre site — aucune modification de code n’est nécessaire.
Paramètres du widget pour bureau

Forme : Choisissez circulaire (compact) ou rectangulaire. Une forme circulaire est moins intrusive, tandis qu’une forme rectangulaire offre plus d’espace et d’options.

Taille : Définissez la largeur et la hauteur (cela affecte le widget lorsqu’il est maximisé). Si vous avez choisi rectangulaire, vous pouvez également définir la largeur/hauteur minimisée et le rayon supérieur/inférieur pour contrôler les coins arrondis.

Position : Choisissez l’emplacement du widget sur la page (en bas à droite par défaut). Sélectionnez un emplacement adapté à la mise en page de votre site.

Capteur d’attention (Attention Grabber) : Activez-le pour attirer l’attention. Cliquez sur Galerie (Gallery) pour choisir un design prêt à l’emploi ou téléversez votre propre création. REMARQUE : le Capteur d’attention s’affiche uniquement sur bureau et uniquement lorsque le widget est en ligne. En savoir plus ici : Activer le Capteur d’attention
Paramètres du widget pour mobile

Choisissez le type et la position du widget mobile afin qu’il n’interfère pas avec la navigation ou les boutons importants sur les petits écrans. La prévisualisation mobile montre comment il apparaîtra.

Couleurs et styles de message

Ces paramètres de couleur s’appliquent aux prévisualisations bureau et mobile :

En-tête : Modifiez la couleur de fond du widget, l’en-tête (Header) et les Messages suggérés (Suggested Messages).

Texte de l’en-tête : Modifiez la couleur du texte de l’en-tête (Header) et des sections internes pour le design par défaut.

Message/texte de l’agent : Contrôlez la couleur de fond et du texte pour les messages envoyés par vos agents.

Message/texte du visiteur : Contrôlez la couleur de fond et du texte pour les messages des visiteurs. Ajustez-les pour que les messages soient lisibles et cohérents avec votre marque.

Considérations supplémentaires

  • Visibilité du Capteur d’attention (Attention Grabber)
    Le Capteur d’attention (Attention Grabber) apparaît uniquement sur bureau et uniquement lorsque le widget est en ligne. Si votre widget est configuré hors ligne ou absent, il ne s’affichera pas.

  • Compatibilité mobile
    Le widget peut ajuster sa mise en page sur mobile pour éviter de couvrir la navigation ou d’autres éléments de l’interface. Testez sur plusieurs appareils et tailles d’écran.

  • Conflits avec les styles du site
    Les CSS ou scripts personnalisés sur votre site peuvent parfois interférer avec la position ou l’apparence du widget. Si vous utilisez des styles personnalisés, testez soigneusement et vérifiez les conflits.
Guides connexes

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

Cet article a-t-il été utile ?

1835 sur 2262 ont aimé cet article