Zum Hauptinhalt springen

Website-Widget einrichten und testen

Dobrik hilft Ihnen, diesem DobroDesk-Leitfaden zu folgen

Aktualisiert:

Ergebnis

Ihre Website zeigt das richtige Widget und Ihr Team hat für jede Einrichtungsaufgabe eine eindeutige Anleitung.

Chat vor der E-Mail-Verbindung nutzen

Sie können ein Widget ohne Postfach erstellen und verwenden. Wählen Sie E-Mail später verbinden und einen Posteingang. Gibt es noch keinen Posteingang, wird einer mit dem Widget-Namen erstellt.

Antworten bleiben im Widget. Für E-Mail-Nachrichten verbinden Sie ein Postfach, wählen es als Antwortadresse und aktivieren E-Mail-Antworten. Widget-Einstellungen und Konversation zeigen diese Einschränkung mit einem Link zur E-Mail-Einrichtung. Die E-Mail-Adresse des Besuchers muss vor dem Versand weiterhin bestätigt werden.

Was Sie vor dem Start benötigen

Sie müssen keinen Code verstehen oder bearbeiten, um das Widget in DobroDesk zu konfigurieren. Legen Sie zuerst fest, über welche E-Mail-Adresse Kunden Antworten erhalten, welchen Posteingang Ihr Team überwacht und auf welcher Website die Support-Schaltfläche erscheinen soll.

  • Ein Posteingang für Kundenanfragen. Ein Antwortpostfach ist für Webchat optional.
  • Ein DobroDesk-Posteingang, zum Beispiel Allgemeiner Support oder Bestellungen. In dieser Arbeitswarteschlange erhält Ihr Team Widget-Unterhaltungen.
  • Die vollständige Website-Adresse, zum Beispiel https://www.example.com. Kopieren Sie sie aus der Browserzeile ohne Angaben hinter dem Domainnamen.

Nächste Aufgabe auswählen

Nach Abschluss eines Wegs

  • Eine neue Kundennachricht erreicht den ausgewählten Posteingang als eine Unterhaltung.
  • Eine Antwort aus DobroDesk erscheint in der bestehenden Widget-Unterhaltung dieses Kunden.
  • Verwenden Sie die separaten Anleitungen für AI, Sprache oder Content Security Policy nur, wenn diese Funktionen für Ihren Start gelten.

Widget mit dem richtigen Posteingang verbinden

  1. Öffnen Sie in DobroDesk Verwaltung > Kanäle > Website-Widgets und wählen Sie Website-Widget hinzufügen.

    Website-Widget einrichten und testen: Widget mit dem richtigen Posteingang verbinden, 1. Öffnen Sie in DobroDesk Verwaltung > Kanäle > Website-Widgets und wählen Sie Website-Widget hinzufügen.
  2. Geben Sie den für Kunden sichtbaren Supportnamen ein. Nach dem Erstellen erzeugt DobroDesk automatisch eine zufällige öffentliche Integrations-ID. Sie müssen keine ID wählen oder eingeben.

    Website-Widget einrichten und testen: Widget mit dem richtigen Posteingang verbinden, 2. Geben Sie den für Kunden sichtbaren Supportnamen ein. Nach dem Erstellen erzeugt DobroDesk automatisch eine zufällige öffentliche Integrations-ID. Sie müssen keine ID wählen oder eingeben.
  3. Fügen Sie jede vollständige Website-Adresse hinzu, auf der das Widget erscheinen darf. Tragen Sie pro Zeile eine Adresse einschließlich https:// ein.

    Website-Widget einrichten und testen: Widget mit dem richtigen Posteingang verbinden, 3. Fügen Sie jede vollständige Website-Adresse hinzu, auf der das Widget erscheinen darf. Tragen Sie pro Zeile eine Adresse einschließlich https:// ein.
  4. Wählen Sie die Antwort-E-Mail, die Kunden erkennen sollen, und die von Ihrem Team überwachte Posteingang.

    Website-Widget einrichten und testen: Widget mit dem richtigen Posteingang verbinden, 4. Wählen Sie die Antwort-E-Mail, die Kunden erkennen sollen, und die von Ihrem Team überwachte Posteingang.
  5. Lassen Sie das Widget als Entwurf gespeichert oder aktivieren Sie es und wählen Sie dann Widget erstellen. Das neue Widget erscheint nun in der Liste.

    Website-Widget einrichten und testen: Widget mit dem richtigen Posteingang verbinden, 5. Lassen Sie das Widget als Entwurf gespeichert oder aktivieren Sie es und wählen Sie dann Widget erstellen. Das neue Widget erscheint nun in der Liste.

Support-Schaltfläche zur Website hinzufügen

  1. Öffnen Sie das Widget in der Liste und suchen Sie Einbettungskonfiguration des Widgets. Dort steht der genaue Code für dieses Widget.

    Website-Widget einrichten und testen: Support-Schaltfläche zur Website hinzufügen, 1. Öffnen Sie das Widget in der Liste und suchen Sie Einbettungskonfiguration des Widgets. Dort steht der genaue Code für dieses Widget.
  2. Verwenden Sie die unten verlinkte Anleitung zur Installation ohne Codebearbeitung. Suchen Sie im Verwaltungsbereich Ihrer Website nach einer websiteweiten Einstellung wie Custom code, Footer code, Body end, Scripts oder Integrationen.

    Website-Widget einrichten und testen: Support-Schaltfläche zur Website hinzufügen, 2. Verwenden Sie die unten verlinkte Anleitung zur Installation ohne Codebearbeitung. Suchen Sie im Verwaltungsbereich Ihrer Website nach einer websiteweiten Einstellung wie Custom code, Footer code, Body end, Scripts oder Integrationen.
  3. Wählen Sie Widget-Code kopieren und fügen Sie den vollständigen Block einmal in das websiteweite Codefeld ein. Entfernen Sie keine Zeilen und setzen Sie keinen weiteren script-Wrapper darum.

    Website-Widget einrichten und testen: Support-Schaltfläche zur Website hinzufügen, 3. Wählen Sie Widget-Code kopieren und fügen Sie den vollständigen Block einmal in das websiteweite Codefeld ein. Entfernen Sie keine Zeilen und setzen Sie keinen weiteren script-Wrapper darum.
  4. Speichern oder veröffentlichen Sie die Website-Änderung. Leeren Sie einen vorhandenen Website-Cache, damit Besucher die neue Version erhalten.

  5. Verwenden Sie die erweiterte Anleitung zur Content Security Policy nur, wenn Ihr Website-Administrator CSP bestätigt oder der Browser meldet, dass DobroDesk blockiert wurde.

Vollständige Testnachricht senden

  1. Öffnen Sie Ihre echte Website in einem privaten oder Inkognito-Browserfenster. Suchen Sie die Support-Schaltfläche in der unteren Ecke und wählen Sie sie aus.

    Website-Widget einrichten und testen: Vollständige Testnachricht senden, 1. Öffnen Sie Ihre echte Website in einem privaten oder Inkognito-Browserfenster. Suchen Sie die Support-Schaltfläche in der unteren Ecke und wählen Sie sie aus.
  2. Prüfen Sie Supportname, Verfügbarkeitsmeldung und erwartete Antwortzeit. Diese Angaben müssen für Kunden verständlich sein, die Ihre interne Teamstruktur nicht kennen.

    Website-Widget einrichten und testen: Vollständige Testnachricht senden, 2. Prüfen Sie Supportname, Verfügbarkeitsmeldung und erwartete Antwortzeit. Diese Angaben müssen für Kunden verständlich sein, die Ihre interne Teamstruktur nicht kennen.
  3. Öffnen Sie eine vorgeschlagene Antwort, falls eine angezeigt wird. Prüfen Sie, dass sie nur aktuelle, für Kunden bestimmte Informationen enthält.

    Website-Widget einrichten und testen: Vollständige Testnachricht senden, 3. Öffnen Sie eine vorgeschlagene Antwort, falls eine angezeigt wird. Prüfen Sie, dass sie nur aktuelle, für Kunden bestimmte Informationen enthält.
  4. Wählen Sie Support kontaktieren, geben Sie eine erreichbare E-Mail-Adresse ein und senden Sie eine Nachricht wie Website-Widget-Test – bitte antworten.

    Website-Widget einrichten und testen: Vollständige Testnachricht senden, 4. Wählen Sie Support kontaktieren, geben Sie eine erreichbare E-Mail-Adresse ein und senden Sie eine Nachricht wie Website-Widget-Test – bitte antworten.
  5. Öffnen Sie den ausgewählten Posteingang in DobroDesk. Suchen Sie die neue Unterhaltung, senden Sie eine Antwort und prüfen Sie anschließend im selben privaten Browserfenster, ob die Antwort erscheint.

    Website-Widget einrichten und testen: Vollständige Testnachricht senden, 5. Öffnen Sie den ausgewählten Posteingang in DobroDesk. Suchen Sie die neue Unterhaltung, senden Sie eine Antwort und prüfen Sie anschließend im selben privaten Browserfenster, ob die Antwort erscheint.

Aufgabe der einzelnen Widget-Bereiche

  • Support-Schaltfläche: Öffnet und schließt das Widget, ohne die Website zu verlassen.
  • Kopfbereich: Zeigt den Supportnamen und gibt eine klare Erwartung zur Antwort.
  • Verfügbarkeit: Zeigt, ob Ihr Team online, abwesend oder offline ist und wann eine Antwort zu erwarten ist.
  • Vorgeschlagene Antworten: Zeigt nur freigegebene öffentliche Informationen, die häufige Fragen bereits vor dem Senden lösen können.
  • Support kontaktieren: Erfasst E-Mail-Adresse und Nachricht des Kunden und erstellt eine Unterhaltung für Ihr Team.
  • Nachrichten: Hält Kundennachrichten und öffentliche Teamantworten zusammen und zeigt neue Antworten bei geöffnetem Widget sofort an.
  • Posteingangszuordnung: Legt fest, welche DobroDesk-Arbeitswarteschlange die Unterhaltung erhält. Kunden sehen den internen Namen nicht.

Wenn etwas nicht funktioniert

  • Keine Support-Schaltfläche: Prüfen Sie, ob das Widget Aktiv ist, ob Website-Adressen stimmen und ob der Code websiteweit eingefügt wurde.
  • Schaltfläche sichtbar, Nachricht nicht sendbar: Öffnen Sie das Widget, prüfen Sie seinen Status und testen Sie erneut in einem privaten Fenster.
  • Nachricht landet am falschen Ort: Öffnen Sie das Widget und prüfen Sie den ausgewählten Posteingang.
  • Änderungen fehlen: Veröffentlichen Sie die Website-Änderung und leeren Sie den Website- oder Hosting-Cache.
  • Weiterhin blockiert: Verwenden Sie die unten verlinkte Fehlerbehebung und senden Sie Website-URL, Testzeit und einen Screenshot an den DobroDesk-Support.

Diese Anleitung direkt umsetzen

Öffnen Sie das Setup Center, um die Schritte in Ihrem Workspace anzuwenden. Melden Sie sich an, wenn Sie dazu aufgefordert werden.

Weiterführende Anleitungen