Symptômes

Après avoir ajouté le Web Widget (Classique) à mon site Web, je remarque que le widget couvre d'autres boutons de la page. 

Conseil : Cet article explique la procédure à suivre pour le décalage du Web Widget (Classique). Déterminez si vous l'avez en consultant cet article : De quel widget disposent mon compte Zendesk et mon site web ?

Étapes de résolution

Utilisez nos codes API pour déplacer le widget verticalement ou horizontalement, ou les deux. C’est ce que nous appelons le décalage du bouton et de la fenêtre par rapport au bord de la fenêtre du navigateur ou de l’application mobile. Cet article explique comment décaler le bouton et la fenêtre du widget par rapport à leur position par défaut. 

  • Décalage vertical

  • Décalage horizontal

  • Décalage mobile

Important : Avant de commencer, ajoutez le widget à votre site en incorporant le script du widget dans le code source HTML d’une ou plusieurs pages. Puis ajoutez les codes de personnalisation répertoriés dans cet article, en plus de votre script de widget de chat incorporé.

Décalage vertical

Ce code API définit le décalage vertical du bouton de chat par rapport au bord de la fenêtre du navigateur :

<script type="text/javascript">
$zopim(function() {
$zopim.livechat.button.setOffsetVertical(50);
});
</script>

Changer le nombre à l'intérieur () en fonction de vos besoins.

La position par défaut du bouton de chat se trouve en bas à droite de la page. Si vous appliquez le code de décalage vertical, le bouton se déplace verticalement vers le haut de la page. 
 

Ce code API décale verticalement la fenêtre de chat et le bouton de chat :

$zopim.livechat.window.setOffsetVertical(50);

Changer le nombre à l'intérieur() en fonction de vos besoins.

La position par défaut de la fenêtre de chat s’ouvre en bas de la page. Une fois le code API appliqué, votre fenêtre de chat s’ouvre à une distance spécifiée du bas de la page. 
 

Décalage horizontal

Utilisez ce code API pour définir le décalage horizontal du bouton de chat par rapport au bord de la fenêtre du navigateur :

<script type="text/javascript">
$zopim(function() {
$zopim.livechat.button.setOffsetHorizontal(50);
});
</script>

Changer le nombre à l'intérieur() en fonction de vos besoins.

Si vous appliquez le code du bouton de décalage horizontal, le bouton se déplace horizontalement vers la gauche de la page. 

 

Ce code API décale la fenêtre de chat horizontalement :

$zopim.livechat.window.setOffsetHorizontal(50);

Changer le nombre à l'intérieur() en fonction de vos besoins.

Si vous appliquez le code de décalage horizontal de la fenêtre, la fenêtre se déplace horizontalement vers la gauche de la page :

 

Décalage mobile

Compensez le bouton et la fenêtre de chat mobile en utilisant les codes API ci-dessous :

 <script type="text/javascript">
$zopim(function() {
$zopim.livechat.button.setOffsetVerticalMobile(30);
$zopim.livechat.window.setOffsetVerticalMobile(30);
$zopim.livechat.button.setOffsetHorizontalMobile(30);
$zopim.livechat.window.setOffsetHorizontalMobile(30);
});
</script>

Changer le nombre à l'intérieur () en fonction de vos besoins.

Pour en savoir plus, consultez cet article : API Javascript. 

Traduction - exonération : cet article a été traduit par un logiciel de traduction automatisée pour permettre une compréhension élémentaire de son contenu. Des efforts raisonnables ont été faits pour fournir une traduction correcte, mais Zendesk ne garantit pas l’exactitude de la traduction.

Si vous avez des questions quant à l’exactitude des informations contenues dans l’article traduit, consultez la version anglaise de l’article, qui représente la version officielle.

Réalisé par Zendesk