Personnaliser votre z-index avec JavaScript
Le z-index est un terme utilisé pour définir la position numérique d’un élément HTML par rapport aux autres. L’ordre est important, car les éléments ayant une valeur plus élevée apparaîtront au-dessus de ceux ayant un indice inférieur.
Le widget tawk.to utilise par défaut un z-index de 2 000 000 000, une valeur relativement élevée, car il doit souvent apparaître au-dessus des autres éléments HTML. Utiliser un indice plus bas peut faire en sorte que le widget fonctionne normalement mais reste invisible pour les visiteurs, car il serait caché par d’autres éléments de votre page web.
La valeur maximale autorisée pour le z-index est de 2 147 483 647. Ainsi, si vous souhaitez qu’un autre élément apparaisse au-dessus du widget, vous pouvez simplement lui attribuer un z-index de 2 000 000 001 ou plus. Sinon, si vous préférez modifier le z-index du widget lui-même, vous pouvez le faire à l’aide de l’API JavaScript.
En ajoutant le code JavaScript ci-dessous dans le Widget Code intégré, vous attribuerez manuellement une nouvelle valeur au z-index du widget de discussion (Chat Widget). Pour trouver votre Widget Code, consultez cet article : Où puis-je trouver les ID de propriété et de widget?
Il vous suffit d’ajouter la partie centrale du code ci-dessous (lignes 4 à 7) dans votre code de widget avant la fin du script comme indiqué, puis de remplacer le z-index par la valeur numérique de votre choix.
Avec un peu de créativité et de tests, il n’y a aucune limite au nombre de personnalisations que vous pouvez effectuer à l’aide de l’API JavaScript. Pour découvrir d’autres façons de modifier l’apparence et le comportement du widget, consultez nos autres articles sur l’API JavaScript dans le Centre d’aide tawk.to.
Si vous avez d’autres questions, n’hésitez pas à contacter notre équipe d’assistance ou à planifier un appel.
Si vous avez des retours sur cet article, ou si vous avez besoin d’aide supplémentaire :
- Cliquez sur l’icône verte du chat en direct
- Planifiez un appel avec nous
- Visitez notre communauté