20

Personnalisation du widget

Dernière mise à jour il y a 6 jours

Modification de l’apparence du widget de discussion tawk.to Comment modifier le contenu du widget (widget content) Modifier la langue de votre widget Personnalisation de l'en-tête du widget et les corps de cartes Modifier le comportement du widget sur votre site

Modifier la position du widget

Les instructions ci-dessous s'appliquent uniquement aux ordinateurs de bureau et aux ordinateurs portables.

Vous pouvez facilement modifier la position du Widget de discussion tawk.to pour qu’elle corresponde à la mise en page et à la marque de votre site web. Par défaut, le widget apparaît dans le coin inférieur droit de l’écran. Cependant, vous pouvez choisir parmi six positions standard (haut, milieu ou bas, à gauche ou à droite de l’écran) directement depuis votre tableau de bord — aucune programmation n’est nécessaire.
Étapes pour modifier la position de votre widget
1. Connectez-vous à votre compte tawk.to.

2. Sélectionnez la propriété correcte.

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

4. Cliquez sur Widget de discussion dans le sous-menu gauche. Ensuite, cliquez sur Avancé sous Apparence du widget (à côté de Couleur du widget).

5. Sous Position du widget sur ordinateur et mobile (Desktop and Mobile Widget Position), choisissez votre position préférée :
-Haut gauche
-Haut droit
-Centre gauche
-Centre droit
-Bas gauche
-Bas droit (par défaut)

6. Cliquez sur Enregistrer dans le coin inférieur droit. Le widget se met automatiquement à jour sur votre site web.

Ajuster la position du widget avec le code (Optionnel)

Si les six options prédéfinies ne conviennent pas à votre mise en page — par exemple, si le widget chevauche un pied de page fixe ou une barre de navigation — vous pouvez ajuster son positionnement à l’aide de l’API tawk.to.

La méthode customStyle vous permet de définir des décalages précis en pixels, une rotation et un positionnement distinct pour le bureau et le mobile. Assurez-vous de définir customStyle avant le script d’intégration pour qu’il prenne effet.


Pour des instructions détaillées, consultez ce guide : Personnaliser le placement de votre widget avec JavaScript
Considérations supplémentaires
  • Compatibilité mobile
    Sur les appareils mobiles, le widget peut se repositionner automatiquement pour éviter de chevaucher des éléments de navigation ou des boutons importants. Testez toujours les modifications sur plusieurs appareils.


  • CSS ou scripts personnalisés
    Si votre site inclut du CSS personnalisé ou des scripts tiers, ceux-ci peuvent remplacer les paramètres du tableau de bord. Vérifiez les règles de positionnement ou de z-index si le widget n’apparaît pas à l’endroit attendu.


  • Paramètres du tableau de bord vs. du code
    Les modifications dans le tableau de bord contrôlent les positions standard. Si vous avez ajouté un placement personnalisé via l’API JavaScript, ces paramètres au niveau du code remplaceront ceux du tableau de bord.


  • Tests
    Après avoir mis à jour la position du widget, consultez plusieurs pages sur ordinateur et mobile pour vous assurer que le widget n’interfère pas avec d’autres éléments du site.
Guides connexes
Comment modifier le contenu du widget (widget content)

Personnaliser le placement de votre widget avec JavaScript

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


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

98 sur 148 ont aimé cet article