Modification de l’apparence du widget de discussion tawk.to
Les instructions ci-dessous concernent uniquement les ordinateurs de bureau et les ordinateurs portables.

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).


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.



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.

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


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.
- Cliquez sur l’icône verte du chat en direct
- Planifiez un appel avec nous
- Visitez notre communauté
