21

Personnalisation du widget

Dernière mise à jour il y a 7 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 des cartes d’en-tête et de corps du widget Modifier le comportement du widget sur votre site

Comment définir la position d’un capteur d’attention personnalisé

[Desktop]

Vous pouvez téléverser votre logo ou toute autre image personnalisée en tant que capteur d’attention personnalisé afin d’informer les visiteurs de votre site qu’un agent est disponible et prêt à discuter via votre widget.

Comme les capteurs d’attention personnalisés varient en taille et en forme, nous avons créé une méthode vous permettant de définir précisément l’emplacement de votre image.


Suivez les étapes de l’une des deux méthodes ci-dessous. Vous pouvez soit faire glisser et déposer votre capteur d’attention manuellement à l’endroit souhaité, soit utiliser l’API JavaScript pour un positionnement précis.


REMARQUE : Les instructions ci-dessous peuvent uniquement être effectuées depuis un navigateur ou les applications de bureau tawk.to. Elles ne peuvent pas être réalisées depuis l’application mobile tawk.to.

Placer manuellement un capteur d’attention personnalisé
Si vous avez plusieurs propriétés, vérifiez que vous consultez la bonne propriété.
Accédez à ⚙️Administration ➞ Widget de discussion.
Sous Apparence du widget (Widget Appearance), cliquez sur Avancé.
Ensuite, activez le bouton du Capteur d’attention (Attention Grabber) en le faisant passer en position activée (vert).

Une fois le Capteur d’attention activé, cliquez sur le bouton Galerie.
Dans le coin inférieur gauche de la Galerie, sélectionnez Téléverser.
Téléversez votre image. Elle apparaîtra dans l’Aperçu du widget de bureau sur le côté droit du panneau Apparence du widget.

Ensuite, faites glisser l’image téléversée dans la zone d’aperçu pour modifier sa position sur la page. Vous pouvez la placer à côté de votre widget ou par-dessus celui-ci.

Lorsque le capteur d’attention est positionné comme vous le souhaitez, cliquez sur le bouton Enregistrer pour mettre à jour vos modifications. Votre widget de discussion se met à jour automatiquement après l’enregistrement. Il n’est pas nécessaire de modifier le code du widget dans le HTML de votre page.
Placer un capteur d’attention personnalisé à l’aide de l’API JavaScript
Vous pouvez également définir la position d’un capteur d’attention personnalisé en utilisant l’objet customStyle dans l’API JavaScript.

Ajoutez le code ci-dessous à votre code de widget existant.

Remarque : Ne placez pas cet objet dans une fonction, car les valeurs doivent être disponibles avant le téléchargement du script du widget. Définir ou modifier les valeurs après le téléchargement du script du widget ne mettra pas à jour le style du widget.

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

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

28 sur 40 ont aimé cet article