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

Tipp: In diesem Beitrag wird beschrieben, wie Sie das Web Widget (Classic) verschieben. In diesem Beitrag erfahren Sie, wie Sie feststellen können, ob Sie dieses Problem 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 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>

Ändern Sie die Nummer darin () je nach Bedarf.

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

Ändern Sie die Nummer darin() je nach Bedarf.

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>

Ändern Sie die Nummer darin() je nach Bedarf.

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

Ändern Sie die Nummer darin() je nach Bedarf.

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

 

Mobiler Offset

Offset für die mobile Chatschaltfläche und das mobile Chatfenster (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>

Ändern Sie die Nummer darin () je nach Bedarf.

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