So binden Sie das Kundenportal mit einem iFrame in Ihre Website ein

OneDesk enthält eine Vielzahl von Kunden-Apps, die Sie auf Ihrer Website platzieren können, um Ihre Kunden besser bedienen zu können. Diese Apps umfassen Live-Chat, Ticketformulare, Wissensdatenbank und ein Ticketportal für Kunden.

Der einfachste Weg, sie auf Ihrer Website zu platzieren, ist zu Betten Sie das Skript ein gefunden unter Administrator> Kunden-Apps innerhalb der Hauptanwendung. Dadurch wird das OneDesk-Kunden-Apps-Widget auf Ihrer Website platziert, und Sie können die Kunden-Apps direkt von Ihrem OneDesk-Konto aus aktivieren, konfigurieren und steuern. Wenn Sie möchten, können Sie die Kunden-Apps jedoch auch mit einem iFrame einbetten.

Was ist ein iFrame?

Ein iFrame ist ein HTML-Markup, mit dem Sie eine Webseite in eine andere einbetten können. Sie definieren einen rechteckigen Bereich auf Ihrer Seite, in dem die andere Webseite angezeigt werden soll, und Sie definieren die Seite, die eingebettet werden soll. Dies erfolgt mit dem iframe-HTML-Tag.

Hier ist der zu verwendende HTML-Code

use an iframe to embed your client portal

Sie müssen die ‘yourURI’ durch Ihre eigene URI ersetzen, damit Ihr eigenes Portal eingebettet wird. Sie finden dies in der Begrüßungs-E-Mail, die wir Ihnen bei Ihrer Anmeldung gesendet haben, oder über die Vorschau-Links in der Administration> Kunden-Apps> Portal.

Die hellblau hervorgehobenen Abmessungen entsprechen der Größe des Iframes in Pixel. Sie können diese an Ihre Bedürfnisse anpassen.

So wird es auf Ihrer Website aussehen

Nach dem Einbetten sehen Sie ungefähr Folgendes:

Tipps und Toubleshooting

  • Wenn auf Ihrer Seite “falsche URL” angezeigt wird, müssen Sie überprüfen, ob Ihre SRC-URL korrekt ist. Vergessen Sie nicht den nachgestellten Schrägstrich nach yourURI /. .
  • Um die Größe zu verbessern, können Sie die Rahmengrenze vorübergehend auf “1” setzen, damit Sie den Umriss besser sehen können.
  • Wenn sich die Abmessungen Ihres Rahmens ändern, wird der Inhalt anders angeordnet, um diesen Abmessungen besser zu entsprechen.
Scroll to Top