Wie füge ich ChatLab zu meiner Wix-Website hinzu?

Gehen Sie in ChatLab auf den Tab „Deploy“ (Bereitstellen), wählen Sie Wix aus und kopieren Sie den Code. Gehen Sie in Wix zu Settings > Custom Code (Einstellungen > Benutzerdefinierter Code), klicken Sie auf „+ Add Custom Code“ (+ Benutzerdefinierten Code hinzufügen), fügen Sie den Code ein, legen Sie die Platzierung auf „Head“ fest und klicken Sie auf „Apply“ (Übernehmen).

Wo finde ich die Wix-Einstellungen für benutzerdefinierten Code?

Gehen Sie in Ihrem Wix-Dashboard zu „Settings“ (Einstellungen) und öffnen Sie dann „Custom Code“ (Benutzerdefinierter Code) unter „Development & integrations“ (Entwicklung & Integrationen). Klicken Sie auf „+ Add Custom Code“ (+ Benutzerdefinierten Code hinzufügen), um Ihr Chatbot-Skript hinzuzufügen.

Kann ich den Chatbot nur zu bestimmten Seiten hinzufügen?

Ja. Wenn Sie den benutzerdefinierten Code in Wix hinzufügen, können Sie über die Option 'Add Code to Pages' ('Code zu Seiten hinzufügen') festlegen, ob er zu allen Seiten, einer bestimmten Seite oder nur zu ausgewählten Seiten hinzugefügt werden soll.

So fügen Sie Ihren Chatbot zu einer Wix-Website hinzu

Wenn Sie Ihrer Wix-Website einen ChatLab-Chatbot hinzufügen, können Besucher direkt auf Ihrer Website mit Ihrem KI-Assistenten interagieren. Diese Anleitung führt Sie durch die Schritte, um Ihren Einbettungscode aus ChatLab abzurufen und in Wix einzufügen.

Bevor Sie beginnen

Bevor Sie beginnen, erstellen Sie Ihren Chatbot und stellen Sie sicher, dass Ihre Wix-Website mit einer verbundenen Domain veröffentlicht ist. Wix beschreibt diese Voraussetzungen unter Embedding custom code on your site (Benutzerdefinierten Code auf Ihrer Website einbetten). Außerdem benötigen Sie die Berechtigung zum Bearbeiten und Veröffentlichen der Website.

Schritt 1 - Den Einbettungscode aus ChatLab kopieren

Melden Sie sich bei ChatLab an und wählen Sie den Chatbot aus, den Sie einbetten möchten
Klicken Sie auf den Tab Deploy (Bereitstellen) und wählen Sie dann Wix im Plattform-Panel auf der rechten Seite aus

Wählen Sie Widget für die nachfolgenden Schritte mit benutzerdefiniertem Code. Für einen dauerhaft sichtbaren Chat wählen Sie Iframe und nutzen Sie die separate Einbettungsanleitung für Seiten weiter unten. Einen Vergleich finden Sie unter Was ist der Unterschied zwischen Widget und Iframe?
Klicken Sie auf Copy to clipboard (In die Zwischenablage kopieren)

Schritt 2 - Code zu Wix hinzufügen

Gehen Sie in Ihrem Wix-Dashboard zu Settings (Einstellungen)
Klicken Sie unter Development & integrations (Entwicklung & Integrationen) auf Custom Code (Benutzerdefinierter Code). In älteren Wix-Dashboards befindet sich dies möglicherweise unter Advanced (Erweitert).
Klicken Sie oben rechts auf + Add Custom Code (+ Benutzerdefinierten Code hinzufügen)
Fügen Sie den kopierten Code in das Textfeld ein
Geben Sie einen Namen für Ihren Code ein (z. B. "ChatLab")
Wählen Sie unter Add Code to Pages (Code zu Seiten hinzufügen) aus, auf welchen Seiten der Chatbot angezeigt werden soll - wählen Sie All pages (Alle Seiten), um ihn überall anzuzeigen
Wählen Sie unter Place Code in (Code platzieren in) die Option Head aus
Klicken Sie auf Apply (Anwenden)

Ständig sichtbares Iframe hinzufügen

Fügen Sie im Wix-Editor der Seite ein HTML-Iframe- oder Embed-Element hinzu, fügen Sie das Iframe-Snippet von ChatLab ein und passen Sie die Größe des Elements an, damit der Chat auf Desktop- und Mobilgeräten gut bedienbar ist. Veröffentlichen Sie die Seite. Ein Iframe muss im sichtbaren Seitenlayout platziert werden, nicht im benutzerdefinierten Code im Head. Weitere Informationen finden Sie im Wix-Leitfaden für sichtbare eingebettete Inhalte.

Installation überprüfen

Öffnen Sie Ihre Wix-Website nach dem Speichern in einem Browser. Sie sollten das Chat-Symbol in der Ecke der Seite sehen (im Widget-Modus) oder das auf der Seite eingebettete Chat-Fenster (im Iframe-Modus). Klicken Sie auf das Symbol, um den Chat zu öffnen, und senden Sie eine Testnachricht, um zu bestätigen, dass alles funktioniert.