Vertikaler und horizontaler Offset des Zendesk Chat-Widgets

Symptome

Nachdem Sie Zendesk Chat zu Ihrer Website hinzugefügt haben, sehen Sie, dass das Chat-Widget einige wichtige Schaltflächen auf Ihrer Seite abdeckt.

Tipp: In diesem Beitrag wird beschrieben, wie Sie das Chat-Widget verschieben. In diesem Beitrag erfahren Sie, wie Sie bestimmen, ob Sie das Chat-Widget oder das Web Widget verwenden: 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>

Sie können die Nummer in () je nach Bedarf ändern.

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

Sie können die Nummer in () je nach Bedarf ändern.

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>

Sie können die Nummer in () je nach Bedarf ändern.

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

Sie können die Nummer in () je nach Bedarf ändern.

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

Mobiler Offset

Sie können die Chat-Schaltfläche und das Chat-Fenster für Mobilgeräte mit den folgenden API-Codes ausgleichen:

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

Sie können die Nummer in () je nach Bedarf ändern.

Weitere Informationen finden Sie in der 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.