.png)
Wie integriere ich ein Customer Alliance Widget in Ihre Website
Diese Dokumentation enthält Anweisungen zur Integration des Customer Alliance Widget JavaScript auf Ihrer Website.
Generieren des Widget-Codes
Sie können Ihren Widget-Code selbst direkt auf unserer Plattform generieren. Suchen Sie dazu im Abschnitt "Einstellungen-Design" nach der Seite "Zertifikat & Widget". Dort sollte ein Button verfügbar sein, um den Widget-Code zu generieren. Falls Sie ihn nicht finden können, wenden Sie sich bitte an unseren Kundensupport.
Wenn Sie auf diesen Button klicken, sollten Sie ein ähnliches Fenster sehen können:
Einbetten des Widgets
Das Widget wird über JavaScript eingebettet, indem es im <head>-Abschnitt des HTML-Dokuments definiert wird. Wenn das Widget geladen wird, fügt es HTML-Code dem HTML-Dom hinzu. Das Widget wird an einer absoluten Position platziert. Die Platzierung und das Aussehen werden von der Konfiguration bestimmt, die im Backend der Customer Alliance-Anwendung angegeben ist. Die Widget-URL wird im Abschnitt "Widget-Einstellungen" des Backend festgelegt.
Einbetten des Widgets in einen bestimmten Container
Es ist möglich, das Widget an einer relativen Position zu platzieren. Dazu muss im HTML-Dom ein Container mit der ID "ca-widget-container" vorhanden sein.
Anschließend lädt das Widget den HTML-Code in das Container-Div. Dies ermöglicht eine benutzerdefinierte Platzierung des Widgets auf der Website.
Mobile version
Das Widget ist responsiv. Für Tablet- und Mobilbildschirmgrößen wird die mobile Version des Widgets angezeigt.
Um die mobile Version des Widgets zu erzwingen, kann das folgende HTML-Code-Beispiel verwendet werden.
In der Datei e.html sollte nur der Widget-Code platziert werden.
