Symptome des Problems

Nachdem ich das Web Widget (Classic) zu meiner Website hinzugefügt habe, bemerke ich, dass das Widget andere Schaltflächen auf der Seite verdeckt. 

Tipp: In diesem Beitrag werden die Schritte zum Versetzen des Web Widgets (Classic) beschrieben. Finden Sie in diesem Beitrag heraus, ob Sie es haben: Welches Widget habe ich in meinem Zendesk-Konto und meiner Website?

Lösungsschritte

Verwenden Sie unsere API-Codes, um das Widget vertikal oder horizontal oder beides zu verschieben. Dies wird als Versetzen der Schaltfläche und des Fensters am Rand des Browser- oder Mobile-App-Fensters bezeichnet. In diesem Beitrag wird beschrieben, wie Sie die Widget -Schaltfläche und das Widget-Fenster von der Standardposition aus verschieben. 

  • Vertikaler Offset

  • Horizontaler Offset

  • Mobiler Offset

Wichtig: Bevor Sie beginnen, fügen Sie das Widget zu Ihrer Website hinzu, indem Sie das Widget -Skript in den HTML -Quellcode einer oder mehrerer Seiten einbetten. Fügen Sie dann die in diesem Beitrag aufgeführten Anpassungscodes zusätzlich zum Skript für das eingebettete Chat-Widget hinzu.

Vertikaler Offset

Dieser API-Code legt den vertikalen Abstand der Chat-Schaltfläche vom Rand des Browserfensters fest:

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

Nummer darin ändern () je nach Ihren Anforderungen.

Die Chat-Schaltfläche wird standardmäßig unten rechts auf der Seite angezeigt. Wenn Sie den Code für den vertikalen Offset anwenden, wird die Schaltfläche vertikal nach oben auf der Seite verschoben. 
 

Dieser API-Code setzt das Chatfenster zusammen mit der Chatschaltfläche vertikal ab:

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

Nummer darin ändern() je nach Ihren Anforderungen.

Die Standardposition des Chatfensters wird unten auf der Seite angezeigt. Nachdem Sie den API-Code angewendet haben, öffnet sich das Chatfenster in einem bestimmten Abstand vom unteren Rand der Seite. 
 

Horizontaler Offset

Verwenden Sie diesen API-Code, um den horizontalen Offset der Chat-Schaltfläche am Rand des Browserfensters festzulegen:

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

Nummer darin ändern() je nach Ihren Anforderungen.

Wenn Sie den Schaltflächencode „Horizontaler Versatz“ anwenden, wird die Schaltfläche horizontal nach links verschoben. 

 

Dieser API-Code wird das Chatfenster horizontal verschieben:

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

Nummer darin ändern() je nach Ihren Anforderungen.

Wenn Sie den horizontalen Offset-Fenstercode anwenden, wird das Fenster horizontal nach links verschoben:

 

Mobiler Offset

Versetzen Sie die Chatschaltfläche und das Chatfenster für Mobilgeräte mit den folgenden API-Codes:

 <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>

Nummer darin ändern () je nach Ihren Anforderungen.

Weitere Informationen finden Sie in diesem Beitrag: JavaScript-API 

Hinweis zur Übersetzung: Dieser Beitrag wurde mit automatischer Übersetzungssoftware übersetzt, um dem Leser ein grundlegendes Verständnis des Inhalts zu vermitteln. Trotz angemessener Bemühungen, eine akkurate Übersetzung bereitzustellen, kann Zendesk keine Garantie für die Genauigkeit übernehmen.

Sollten in Bezug auf die Genauigkeit der Informationen im übersetzten Beitrag Fragen auftreten, beziehen Sie sich bitte auf die englische Version des Beitrags, die als offizielle Version gilt.

Powered by Zendesk