Décalage vertical et horizontal du widget Zendesk Chat

Problème

Après avoir ajouté Zendesk Chat à votre site Web, vous remarquerez que le widget de chat couvre des boutons importants de votre page.

Conseil : Cet article explique en détail comment vous pouvez désactiver votre widget Chat. Déterminez si vous avez le Web Widget ou le Web Widget en consultant cet article: De quel widget dispose mon compte Zendesk ?

Solution

Vous pouvez aussi utiliser 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 à partir du 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 de sa 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 au code source HTML d’une ou plusieurs pages. Ensuite, ajoutez les codes de personnalisation répertoriés dans cet article en plus de votre script de widget de chat incorporé..

Verticaldécalage

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

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

**Vous pouvez modifier le nombre entre () en fonction de vos besoins.

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

Ce code API va décaler verticalement la fenêtre de chat avec le bouton de chat:

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

** Vous pouvez modifier le nombre entre () en fonction de vos besoins.

La position par défaut de la fenêtre de chat s’ouvre en bas de la page. Après avoir appliqué le code API, votre fenêtre de chat s’ouvre désormais à 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 à partir du bord de la fenêtre du navigateur:

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

** Vous pouvez modifier le nombre entre () en fonction de vos besoins.

En appliquant le code du bouton de décalage horizontal, le bouton se déplace horizontalement vers la gauche de la page.

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

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

** Vous pouvez modifier le nombre entre () en fonction de vos besoins.

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

Décalage mobile:

Vous pouvez aussi décaler le bouton et la fenêtre de chat mobile enutilisant 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>

**Vous pouvez modifier le nombre entre () en fonction de vos besoins.

Pour en savoir plus, consultezAPI 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.