Embent auf Framer installieren

Füg den Schnipsel über das Custom-Code-Panel von Framer hinzu — kein Plugin, kein Code-Override nötig.

Bevor du startest

Bearbeitungszugriff auf die Project Settings der Website.
Ein bezahlter Basic- oder Pro-Plan nur, wenn du das Widget auf deiner eigenen Domain willst statt auf Framers kostenloser *.framer.app-Subdomain — das ist eine allgemeine Framer-Anforderung, nicht spezifisch für Embent.

Schritte

Kopier deinen Embed-Schnipsel

In deinem Embent-Dashboard öffne die Übersicht deines Bots und kopier den Embed-Schnipsel. Er sieht so aus:

<script src="https://api.embent.com/widget.js" data-bot="YOUR_BOT_ID" async></script>

Custom Code in Project Settings öffnen

Öffne Project Settings und wähl in der linken Seitenleiste den Tab Custom Code, dann klick auf Add Script (das +-Symbol, falls du schon eines hast).

Einfügen, auf jeden Besuch einstellen und veröffentlichen

Füg den Schnipsel in das Code-Feld ein, benenn ihn, wähl eine Platzierung (Head oder Body, Start oder Ende — Ende von Body ist der sichere Standard), stell ihn so ein, dass er bei jedem Seitenbesuch läuft, und veröffentlich deine Website.

Überprüfen, ob es funktioniert hat

Veröffentlichen, dann lad deine Website in einem neuen Browser-Tab neu: Die Chat-Blase erscheint in der Ecke. Stell ihr eine Frage zu deinen eigenen Seiten, und sie sollte mit einer Quellenangabe antworten.

Wenn es nicht funktioniert

Ausprobiert, und das Widget zeigt sich nicht? Das hier löst fast jeden Fall.

Ich habe den Embed-Code hinzugefügt, aber das Widget erscheint nicht — keine Chat-Blase, kein Launcher, gar nichts zeigt sich auf meiner WebsiteVier Prüfungen lösen fast jeden Fall von „Widget wird nicht angezeigt“. Erstens: Öffne deine Live-Website, sieh dir den Seitenquelltext an (Rechtsklick → Seitenquelltext anzeigen) und such nach „embent“ — steht das Skript nicht dort, wurde der Code nicht auf einer veröffentlichten Seite gespeichert. Zweitens: Stell sicher, dass die data-bot-ID in deinem Snippet mit der in deinem Dashboard unter Einstellungen angezeigten übereinstimmt. Drittens: Leer den Seiten-Cache deiner Website und jeden CDN-Cache — eine gecachte Seite liefert weiter die alte Version ohne Widget. Viertens: Prüf, ob der Bot im Dashboard nicht pausiert ist: Ein pausierter Bot zeigt Besuchern absichtlich nichts an.

Häufige Fragen

Funktioniert das im Free-Plan?Ja. Custom Code liegt in Project Settings auf jedem Framer-Plan. Du brauchst nur einen bezahlten Plan, wenn du zusätzlich deine eigene Domain statt der framer.app-Subdomain willst.

Wo sollte ich den Schnipsel platzieren — Head oder Body?Ende von Body ist der sicherere Standard: Der Rest der Seite rendert zuerst, und das Skript lädt direkt danach, ohne etwas darüber zu blockieren.

Verlangsamt das meine Website?Nein. Das Skript lädt asynchron, und das Widget ist unter 50 KB gzip ohne eigenes Framework, sodass es das Rendern deiner Seite nie blockiert.

Richte Embent jetzt auf deine Website aus.Ein KI-Agent, der lieber „Ich weiß es nicht“ sagt, als sich etwas auszudenken. Kostenloser Plan, keine Kreditkarte nötig — die meisten Websites antworten innerhalb von zwei Minuten.

Die Chat-Blase in der Ecke ist Embent selbst, live auf dieser Seite — frag sie alles über uns.

Kostenlos starten oder zuerst die Vorschau ausprobieren ↑