Bringen Sie Clara in unter einer Minute auf Ihre Website.
Auf WordPress? Kein Code, kein Kopieren und Einfügen – unser kostenloses Plugin erledigt alles. Auf allem anderen? Ein Snippet, einmal in den Footer Ihrer Website eingefügt, fertig.
Auf WordPress? Installieren Sie unser kostenloses Plugin.
Überspringen Sie das Snippet komplett. Installieren Sie das Plugin, klicken Sie auf Connect to Clara Cloud, wählen Sie einen Tarif – Clara geht innerhalb von Sekunden nach dem Checkout auf jeder Seite live. Keine Theme-Änderungen, keine API-Schlüssel.
Das Plugin auf WordPress.org holen → Oder in Ihrem WP-Admin: Plugins → Installieren → nach ClaraConverts suchen.
Tarif wählen
Abonnieren Sie unter /pricing. Wir senden Ihnen sofort per E-Mail ein einsatzbereites Snippet mit Ihrem eingebauten Tenant-Schlüssel.
In Ihren gemeinsamen Footer einfügen
Fügen Sie es in den gemeinsamen Footer / das Basistemplate Ihrer Website ein – das, das jede Seite verwendet. Nicht nur in das Startseiten-HTML, sonst erscheint Clara nur dort.
Ihre Website speichern
Clara erscheint als schwebende Sprechblase auf jeder Seite. Besucher chatten – und hören sie – sofort. Leads landen in Ihrem Postfach.
Wo der „gemeinsame Footer“ liegt, je nach Plattform
Jeder moderne Website-Baukasten hat eine Einstellung für Custom Code / Footer, die für jede Seite gilt. Hier finden Sie sie.
Webflow
Projekt-Einstellungen → Custom Code → Footer Code. Gilt seitenweit. Einfügen, speichern, veröffentlichen.
Squarespace
Einstellungen → Erweitert → Code Injection. In das Footer-Feld einfügen (NICHT je Seite). Speichern.
Shopify
Installieren Sie unsere kostenlose Clara-App aus dem Shopify App Store – keine Code-Änderung nötig. Kostenlos installieren, kostenlos in der Vorschau testen, zahlen erst, wenn Sie in Ihrem Shop live gehen.
Wix
Einstellungen → Custom Code → Add Custom Code. „Add to pages“ = All pages, „Place code in“ = Body — end setzen. Übernehmen.
Ghost
Einstellungen → Code Injection → Site Footer (gilt automatisch seitenweit). Einfügen und speichern.
Reines HTML / individuelle Website
Setzen Sie das Snippet in Ihr gemeinsames Basistemplate / Footer-Include – nicht in das HTML einer einzelnen Seite. Wenn Sie es nur in index.html einfügen, erscheint Clara nur dort.
Mit einem KI-Coding-Agenten installieren
Auf einer individuellen oder Framework-Website – Next.js, Astro, Nuxt, SvelteKit oder reines HTML? Übergeben Sie die Aufgabe Ihrem KI-Coding-Agenten (Cursor, Claude Code oder ähnlich). Holen Sie sich zuerst Ihr Snippet (es enthält den Schlüssel Ihres Kontos) und geben Sie Ihrem Agenten dann einen Prompt wie diesen:
Add the ClaraConverts chat widget to my site. My embed snippet (from my ClaraConverts dashboard) is: [paste your ClaraConverts snippet here] Place it in the site-wide root layout so it loads on every page — for example app/layout.tsx in Next.js (App Router), pages/_document in the Pages Router, the root layout in Astro/Nuxt/SvelteKit, or the shared footer include of a static site. Then run the site and confirm the Clara chat bubble appears on every page.
Ihr Snippet ist einzigartig für Ihr Konto. Kopieren Sie es aus Ihrem ClaraConverts-Dashboard oder Ihrer Anmelde-E-Mail – es gibt kein generisches Snippet, sagen Sie Ihrem Entwickler also, er soll Ihres verwenden, niemals einen Platzhalter.
Next.js (App Router)
Fügen Sie das Snippet in den <body> von app/layout.tsx ein oder laden Sie es mit next/script und strategy="afterInteractive".
Next.js (Pages Router)
Fügen Sie es in pages/_document.tsx direkt vor </body> ein, damit jede Route es enthält.
Astro · Nuxt · SvelteKit
Fügen Sie es in das Root-Layout ein, das jede Seite umschließt (z. B. Layout.astro, app.vue, +layout.svelte).
Reines HTML / individuelle Website
Setzen Sie es in Ihr gemeinsames Basistemplate / Footer-Include – nicht in das HTML einer einzelnen Seite –, damit es überall geladen wird.
Installations-FAQ
Was ist der schnellste Weg, Sprach- und Text-KI zu einer WordPress- oder Webflow-Website hinzuzufügen?
Etwa eine Minute. Auf WordPress installieren Sie Claras kostenloses Plugin – kein Code, nichts einzufügen. Auf Webflow (oder Squarespace, Wix, Shopify, Ghost oder einer individuellen Website) fügen Sie eine Codezeile in Ihren gemeinsamen Footer ein. So oder so führt Clara sowohl Text-Chat als auch – im Pro-Tarif – gesprochene Sprachantworten aus, rund um die Uhr ab dem Moment, in dem sie live ist.
Antwortet Clara per Sprache und per Text?
Ja. Jeder Tarif enthält Text-Chat im Widget; der Pro-Tarif fügt Sprache hinzu, sodass Clara ihre Antworten in Echtzeit laut spricht. Beides läuft im selben Widget über dieselbe Installation in einer Zeile – für Sprache ist nichts zusätzlich einzurichten.
Brauche ich einen Entwickler, um Clara zu installieren?
Nein. WordPress-Websites nutzen das kostenlose Plugin – installieren, verbinden, Tarif wählen, fertig. Jede andere Plattform ist ein einzelnes Snippet, einmal in den seitenweiten Footer eingefügt, den jeder große Website-Baukasten unter einer Einstellung für Custom Code oder Code Injection bereitstellt.
Bereit, Clara auf Ihre Website zu bringen?
Wählen Sie den einfachsten Weg für Ihren Stack.