Wie füge ich meiner Webflow-Website einen KI-Chatbot hinzu?

Kopieren Sie das Installations-Snippet Ihres Agenten, öffnen Sie in Webflow die „Website-Einstellungen“, fügen Sie es im Tab „Benutzerdefinierter Code“ unter „Footer-Code“ ein, speichern Sie und veröffentlichen Sie. Die Chat-Blase erscheint auf jeder Seite.

Kann ich den Chat über meinen eigenen Button öffnen?

Ja. Rufen Sie window.easyPeasyChat.open() über einen beliebigen Button auf. Sie können den Chat auch aus- und einblenden und dem Agenten mit setContact() mitteilen, wer angemeldet ist.

Ist der Website-Chatbot kostenlos?

Ja. Der Website-Chat funktioniert in jedem Plan, auch im kostenlosen. Buttons, Formulare und Buchungen sind Aktionen und erfordern einen kostenpflichtigen Plan.

Macht er meine Website langsamer?

Nein. Die Chat-Blase erscheint, sobald die Seite lädt, und der Chat selbst lädt im Hintergrund, wenn die Seite fertig geladen ist.

Kann ich das Aussehen des Chats ändern?

Ja. Wählen Sie unter „Aussehen“ Position, Icon, Farbe und Begrüßung. Ihre Website aktualisiert sich in etwa einer Minute, ganz ohne neuen Code.

Woraus kann mein Agent lernen?

Aus Websites und Sitemaps, PDF-, Word-, CSV-, TXT- und EPUB-Dateien, YouTube-Videos, Freitext und Q&A-Paaren. Wenn sich etwas ändert, trainieren Sie ihn mit einem Klick neu.

Können Besucher per Sprache mit ihm reden?

Ja, ab Unlimited 200: Besucher tippen im Chat auf den Anruf-Button und sprechen los. In anderen Plänen können Sie Sprachanrufe im Playground testen.

Welche Sprachen spricht er?

Ihr Agent antwortet in der Sprache, in der ihm der jeweilige Kunde schreibt. Das funktioniert in mehr als 80 Sprachen, immer mit demselben Wissen.

Webflow-Chatbot mit KI

Antworten für jeden Besucher Ihrer Webflow-Website. Mit voller Kontrolle per Code.

Fügen Sie ein Snippet in den benutzerdefinierten Code Ihrer Website ein und veröffentlichen Sie. Eine Chat-Blase, trainiert mit Ihren Seiten und Ihrer Dokumentation, beantwortet Besucherfragen, und mit einer kleinen JavaScript-API öffnen Sie sie über Ihre eigenen Buttons.

Agent kostenlos erstellen

Funktioniert im kostenlosen Plan
Ein Snippet im Footer-Code
JavaScript-API

Im Einsatz bei Teams von

Ihre Dokumentation als Gespräch. Auf jeder Seite Ihrer Website.

Besucher wollen Antworten, keine Suche in Ihrer Dokumentation. Ihr Agent kennt Ihre Seiten, Preise und Ihr Hilfe-Center und antwortet in Sekunden.

Beantwortet Fragen
Funktionen, Preise, Einrichtung und Richtlinien, direkt aus Ihren Seiten und Ihrer Dokumentation.
Zeigt Buttons
Führt Besucher mit einem Button im Chat zur Buchungsseite, zur Preisseite oder zur Kasse.
Erfasst Leads
Erfragt Namen, E-Mail-Adressen und alles Weitere, was Sie wissen möchten, Frage für Frage, und speichert alles unter „Leads“.
Bucht Demos
Prüft, wann Sie Zeit haben, und trägt den Termin in Ihren Google Kalender ein.
Passt zu Ihrem Setup
Öffnen, verbergen und zeigen Sie den Chat aus Ihrem eigenen Code, und sagen Sie ihm, wer angemeldet ist.
Spricht die Sprache Ihrer Kunden
Antwortet jedem Kunden in der Sprache, in der er schreibt, immer mit demselben Wissen.

Einfügen, dann veröffentlichen. Ein Snippet für alle Seiten.

1
Kopieren Sie das Snippet
Öffnen Sie in Easy-Peasy.AI Ihren Agenten, gehen Sie zu „Kanäle“ und dann zu „Chat-Blase“, klicken Sie auf „Verwalten“ und kopieren Sie das Installations-Snippet.
2
Fügen Sie es unter „Footer-Code“ ein
Öffnen Sie in Webflow die „Website-Einstellungen“ und dann den Tab „Benutzerdefinierter Code“, fügen Sie das Snippet unter „Footer-Code“ ein und klicken Sie auf „Änderungen speichern“.
3
Veröffentlichen Sie die Website
Benutzerdefinierter Code geht erst beim Veröffentlichen live. Klicken Sie auf „Veröffentlichen“ und öffnen Sie Ihre Live-Website.

Anleitung zur Webflow-Einrichtung lesen

Webflow

Benutzerdefinierter Code

Footer-Code

<script
  src="https://bots.easy-peasy.ai/chat.min.js"
  data-chat-url="…/bot/your-agent"
  defer></script>

Änderungen speichern

Chat ist auf jeder Seite liveGeht beim Veröffentlichen live

Steuern Sie den Chat aus Ihrem Code. Ein paar Zeilen, kein Plugin.

Öffnen Sie den Chat über Ihre eigenen Buttons, blenden Sie ihn auf Checkout-Seiten aus und sagen Sie dem Agenten, wer angemeldet ist. Aufrufe, die vor dem Laden des Chats erfolgen, warten und laufen, sobald er bereit ist.

open(), close() und toggle() über jeden Button
hide() und show(), wenn Besucher die Seite wechseln
setContact() kennzeichnet Unterhaltungen mit dem Besucher
Unterhaltungen zeigen die Seite, auf der der Chat begann

// Chat über eigenen Button öffnen
button.onclick = () =>
  window.easyPeasyChat.open();

// Dem Agenten sagen, wer angemeldet ist
window.easyPeasyChat.setContact({
  email: '[email protected]',
  name: 'Jane Doe',
});

Jane Doe[email protected]Chat gestartet auf /pricing

Gut zu wissen. Webflow, einfach erklärt.

Im kostenlosen Plan enthalten: Der Website-Chat funktioniert in jedem Plan, auch im kostenlosen. Aktionen wie Buttons und Buchungen erfordern einen kostenpflichtigen Plan.
Webflow-Tarife: Benutzerdefinierter Code funktioniert in kostenpflichtigen Site-Tarifen von Webflow und geht beim Veröffentlichen live.
Nur eine Seite: Um den Chat nur auf einer Seite zu zeigen, fügen Sie das Snippet stattdessen in die Einstellung „Vor dem </body>-Tag“ dieser Seite ein.
Bremst Ihre Website nicht aus: Die Chat-Blase erscheint sofort, und der Chat selbst lädt erst, wenn die Seite fertig geladen ist.
Änderungen gehen von selbst live: Ändern Sie unter „Aussehen“ das Design oder die Begrüßung der Chat-Blase, und Ihre Website aktualisiert sich in etwa einer Minute, ganz ohne neuen Code.
Kennzeichnung, keine Anmeldung: Mit setContact() übergebene Angaben kennzeichnen Unterhaltungen. Sie werden nicht überprüft, nutzen Sie sie also nicht, um festzulegen, was der Agent preisgeben darf.

Was Kunden sagen. Direkt von G2, Capterra und Trustpilot.

Easy-Peasy.AI is an incredible chatbot platform! It’s user-friendly, intelligent, and provides accurate and helpful responses. I’m amazed by its capabilities and how it adapts to my needs.

Nermin S.★★★★★Capterra

“The intuitive interface without needing any technical expertise. Use runs fast and the results are highly accurate. Plus, the affordable pricing plans make powerful AI accessible even for individuals and small businesses.”

Ronit S.★★★★★G2

“…I use it to create images, bots and access every LLM in one single place. I highly recommend it.”

Dennis Cambronero★★★★★Trustpilot

Ihre Fragen, beantwortet.

Noch etwas unklar? Fragen Sie den Agenten auf dieser Seite. Wir haben ihn mit denselben Tools gebaut, die auch Sie nutzen.

Wie füge ich meiner Webflow-Website einen KI-Chatbot hinzu?
Kopieren Sie das Installations-Snippet Ihres Agenten, öffnen Sie in Webflow die „Website-Einstellungen“, fügen Sie es im Tab „Benutzerdefinierter Code“ unter „Footer-Code“ ein, speichern Sie und veröffentlichen Sie. Die Chat-Blase erscheint auf jeder Seite.
Kann ich den Chat über meinen eigenen Button öffnen?
Ja. Rufen Sie window.easyPeasyChat.open() über einen beliebigen Button auf. Sie können den Chat auch aus- und einblenden und dem Agenten mit setContact() mitteilen, wer angemeldet ist.
Ist der Website-Chatbot kostenlos?
Ja. Der Website-Chat funktioniert in jedem Plan, auch im kostenlosen. Buttons, Formulare und Buchungen sind Aktionen und erfordern einen kostenpflichtigen Plan.
Macht er meine Website langsamer?
Nein. Die Chat-Blase erscheint, sobald die Seite lädt, und der Chat selbst lädt im Hintergrund, wenn die Seite fertig geladen ist.
Kann ich das Aussehen des Chats ändern?
Ja. Wählen Sie unter „Aussehen“ Position, Icon, Farbe und Begrüßung. Ihre Website aktualisiert sich in etwa einer Minute, ganz ohne neuen Code.
Woraus kann mein Agent lernen?
Aus Websites und Sitemaps, PDF-, Word-, CSV-, TXT- und EPUB-Dateien, YouTube-Videos, Freitext und Q&A-Paaren. Wenn sich etwas ändert, trainieren Sie ihn mit einem Klick neu.
Können Besucher per Sprache mit ihm reden?
Ja, ab Unlimited 200: Besucher tippen im Chat auf den Anruf-Button und sprechen los. In anderen Plänen können Sie Sprachanrufe im Playground testen.
Welche Sprachen spricht er?
Ihr Agent antwortet in der Sprache, in der ihm der jeweilige Kunde schreibt. Das funktioniert in mehr als 80 Sprachen, immer mit demselben Wissen.