KI-Agenten für Framer mit ASDK

Framer-Websites sind oft Landingpages von Startups und Produkt-Marketing-Websites, die sich alle ein bis zwei Wochen ändern. ASDK passt zu diesem Tempo. Sie fügen einmal ein Skript in die Website-Einstellungen ein, und danach lesen die Agenten jede Seite, die Sie veröffentlichen. Eine neue Landingpage wird so bei der nächsten Aktualisierung Teil der Wissensdatenbank, ohne dass jemand das Widget anfasst.

Was ASDK einer Framer-Website hinzufügt

ASDK baut aus Ihren veröffentlichten Seiten, einschließlich CMS-Seiten wie Blog oder Changelog, und aus hochgeladenen Dokumenten eine Wissensdatenbank. Jeder Agent, den Sie einschalten, antwortet daraus.

• Chat (Early Access, ab dem Free-Tarif) beantwortet Besucherfragen aus Ihren Inhalten, verlinkt die Seiten, aus denen jede Antwort stammt, und bietet an, Kontaktdaten aufzunehmen, wenn er nicht weiterhelfen kann.
• Sales (Early Access, ab dem Pro-Tarif) stellt die Qualifizierungsfragen, die Sie in einfachen Worten formulieren, und bietet passenden Besuchern einen Termin an. Auf einer Startup-Website heißt das oft: kleine Teams zum Selbststarten schicken und mit größeren Gespräche buchen.
• Agent-Ready (Early Access, ab dem Free-Tarif) veröffentlicht das Wissen Ihrer Wissensdatenbank in Formaten, die KI-Assistenten gut lesen, etwa als gehostete llms.txt-Datei.
• Search kommt demnächst. Es wird anstelle eines Suchfelds antworten, mit Quellen.

Das Widget ist ein einzelnes Skript, das in einer Ecke der Seite einen Chat-Button hinzufügt. Ihre Framer-Komponenten, Animationen und Breakpoints berührt es nicht.

Ein Beispiel von einer Framer-Website

Stellen Sie sich ein junges Softwareunternehmen mit einer Framer-Website vor: eine Landingpage, eine Preisseite, ein Changelog und ein kurzes FAQ. Ein Besucher auf der Preisseite fragt: „Enthält der Team-Tarif Single Sign-on, und gibt es eine kostenlose Testphase?“

Chat findet die Preistabelle und das FAQ, beantwortet beide Teile und verlinkt die Seiten, die er genutzt hat. Hat das Unternehmen Sales eingeschaltet und erwähnt der Besucher ein Team von 80 Personen, stellt der Agent die eigenen Qualifizierungsfragen des Unternehmens und bietet ein Demo-Gespräch an; ein Team von fünf Personen wird stattdessen zur Testphase geleitet.

Erwähnt die Website Single Sign-on überhaupt nicht, sagt der Agent das, statt zu raten. Diese Lücke ist eine nützliche Information: Wahrscheinlich hört Ihr Vertrieb die Frage auch in Gesprächen.

So funktioniert es in Framer

Framer fügt websiteweite Skripte über die Custom-Code-Einstellungen des Projekts ein. Die Framer-Hilfe verortet sie unter Project settings → Custom code und empfiehlt für Skripte das Ende des body-Tags (geprüft im Oktober 2026). Dorthin gehört das ASDK-Snippet.

Wechselt Ihre Website Seiten ohne vollständiges Neuladen, bemerkt das Widget diese Seitenwechsel von selbst. Ein Besucher kann also mitten im Gespräch von Ihrer Startseite zur Preisseite wechseln und weiterchatten.

Eigener Code hängt von Ihrem Framer-Tarif ab. Sind die Custom-Code-Felder gesperrt, enthält Ihr Tarif ihn nicht; die Preisseite von Framer zeigt, was jeder Tarif enthält (geprüft im Oktober 2026). Die Tarife von ASDK sind davon unabhängig, und der Free-Tarif enthält Chat und Agent-Ready.

ASDK in Framer einrichten

<script async src="https://cdn.asdk.com/v1/asdk.js" data-site-id="SITE_ID"></script>

Was verfügbar ist und was demnächst kommt

ASDK als Ganzes ist im Early Access: Die Agenten funktionieren und Sie können sie nutzen, aber sie können sich ändern, während wir sie verbessern.

Framer-Details, die Sie kennen sollten

• Ein Snippet für die ganze Website. Eigener Code auf Seitenebene bräuchte das Snippet auf jeder Seite, und neue Seiten würden ohne starten. Das websiteweite Feld vermeidet das.
• Den Chat über Ihren eigenen Button öffnen. Ein Button „Sprechen Sie mit uns“ in Ihrem Design kann das Widget mit asdk("open") öffnen. Die HTML-Anleitung zeigt die Zeile, die Aufrufe zwischenspeichert, bevor das Widget geladen ist.
• Optionen für eine Seite. Attribute wie data-open="true" öffnen den Chat beim Laden einer Seite, etwa auf einer Preisseite. Die HTML-Anleitung listet alle Optionen.
• Staging-Domains. Der Installations-Check öffnet nur die eigenen Domains Ihrer Website. Prüfen Sie die Domain, die Ihre Besucher nutzen, oder fügen Sie die Staging-Adresse zuerst den erlaubten Domains Ihrer Website in ASDK hinzu.

Bessere Antworten von einer Framer-Website

Framer-Landingpages sind oft bewusst textarm. Für einen Hero-Bereich ist das in Ordnung, aber ein Agent braucht Fakten, die er zitieren kann:

• Preise und Limits ausschreiben. Stehen die Limits eines Tarifs nur in einem Tooltip oder hinter einem Umschalter, ergänzen Sie sie als Text auf der Preisseite.
• Ein Changelog oder eine Seite „Neuigkeiten“ veröffentlichen. Sie beantwortet „Unterstützen Sie schon X?“ besser als jede Marketing-Headline.
• Ein kurzes FAQ pflegen. Fragen zu Testphase, Sicherheit, Integrationen und Abrechnung mit direkten Antworten sind die Passagen, die ein Agent am häufigsten zitiert.
• Alte Landingpages abschalten. Kampagnenseiten mit abgelaufenen Angeboten sind weiterhin öffentlich und können weiterhin zitiert werden.

Der kostenlose Website-Check für KI-Agenten zeigt, was KI-Assistenten heute auf Ihrer Website lesen können, und unsere Checkliste für eine agentenfähige Website erklärt, was Sie zuerst beheben sollten.