SSanity × Asyntai50 Nachrichten gratis

KI-Chatbot für SanityEinmal im Frontend eingebunden, auf jeder Seite aktiv.

Produkte, Lieferung, Beratung, Neuigkeiten: Ihr KI-Assistent antwortet in Sekunden aus den öffentlichen Seiten Ihrer Website. Da Sanity ein Headless-CMS ist, kommt der Code in Ihr Frontend, nicht in Sanity Studio.

Kostenlos starten Zur Installation

Ohne Kreditkarte Next.js, Gatsby, Nuxt und HTML Ohne GROQ-Abfragen

weinkontor-hellbach.de/weine/schieferhang

Weinkontor Hellbach

Riesling „Schieferhang“

14,50 €

TrockenMosel0,75 l

In den Warenkorb

Weinkontor HellbachOnline

Hallo! Kann ich Ihnen bei der Weinauswahl helfen?

1Stelle im Frontend für alle Seiten

24/7Beratung, auch nachts

0Änderungen in Sanity Studio

50kostenlose Nachrichten zum Start

Was er beantwortet

Die Fragen, die Besucher Ihrer Website stellen

Ihr Team pflegt Produkte und Artikel in Sanity. Besucher haben trotzdem Fragen. Der Chatbot beantwortet sie sofort, mit den Inhalten Ihrer Website.

Welcher Wein passt dazu?Was empfehlen Sie zum Essen?Ist das aus Bio-Anbau?Wie lange dauert der Versand?Wie funktioniert die Rückgabe?Gibt es Geschenkpakete?

Gibt es Mengenrabatte?Liefern Sie ins Ausland?Wie kann ich bezahlen?Wo ist meine Bestellung?Beliefern Sie auch Firmen?Wie erreiche ich Sie?

Funktionen

Gemacht für Websites mit Sanity

Für Teams, deren Website oder Shop die Inhalte aus Sanity bezieht, und für ihre Entwickler.

Er kennt Ihre Inhalte

Er liest die öffentlichen Seiten, die Ihr Frontend aus Sanity erzeugt. Laden Sie zusätzlich PDFs hoch (Preisliste, Lieferbedingungen) und fügen Sie Fragen und Antworten hinzu.

Riesling „Schieferhang“14,50 €

Spätburgunder „Alte Reben“19,90 €

Preisliste.pdfVon der KI gelesen

Einmal im Frontend

Code in das Layout einsetzen, Frontend veröffentlichen, fertig. Der Chat erscheint auf jeder Seite.

1Datei

Spricht die Sprache Ihrer Kunden

Besucher aus Österreich, der Schweiz oder dem Ausland: Er antwortet in der Sprache der Frage.

DEENNLFRITPL

Er sammelt Anfragen

Firmenfeier, Großbestellung, Rückfrage: Er fragt nach der E-Mail-Adresse und speichert die Anfrage für Sie.

Markus K.12 Kartons für eine Firmenfeier

Neu

Desktop und Smartphone

Das Chatfenster passt sich jedem Bildschirm an. Farben und Begrüßung ändern Sie im Dashboard.

Sie sehen, was Besucher wissen wollen

Die Gespräche zeigen, welche Fragen immer wieder kommen. So wissen Sie, welche Inhalte Sie in Sanity ergänzen sollten.

Empfehlungen38%

Versand26%

Geschenke17%

Nur Ihre Inhalte

Die KI antwortet aus Ihren Seiten und Dokumenten. Sie erfindet keine Preise, Rabatte oder Zusagen und beantwortet keine fachfremden Fragen.

Schreibst du mir ein Gedicht?Ich beantworte nur Fragen zum Weinkontor Hellbach. Darf ich Ihnen unsere Weine zeigen?

In Aktion

Ein Assistent, der Ihr Angebot kennt

Er antwortet aus Ihren Inhalten, empfiehlt passende Produkte und erscheint in den Farben Ihrer Marke.

Antworten aus Ihren Seiten
Produkte, Artikel, Lieferung: Er nutzt Ihre eigenen Angaben und erfindet nichts.
Er empfiehlt Produkte
Er zeigt passende Produkte als Karten, mit Bild, Preis und Link.
Er leitet Anfragen weiter
Für eine Großbestellung oder eine Firmenfeier fragt er nach der E-Mail-Adresse.

Probieren Sie eine Farbe

Installation

Einfache Installation im Sanity-Frontend

Sanity liefert Ihre Inhalte über APIs an Ihr Frontend. Deshalb kommt der Code in Ihre Frontend-Anwendung, nicht in Sanity Studio. Am häufigsten ist Next.js, darum zeigen wir diesen Weg.

Code kopieren

Öffnen Sie Ihr Asyntai-Dashboard und kopieren Sie Ihren persönlichen Einbettungscode. Ihre Widget-ID steht darin bei data-asyntai-id.

Layout öffnen

Öffnen Sie in Ihrem Next.js-Projekt app/layout.js oder app/layout.tsx. Dafür brauchen Sie einen Entwickler oder jemanden, der das Frontend bearbeiten und neu veröffentlichen kann.

Script einsetzen

Setzen Sie die Script-Komponente aus next/script mit Ihrer Widget-ID und strategy="afterInteractive" in den <body>, wie im Beispiel. Beim Pages Router nutzen Sie pages/_app.js.

Veröffentlichen und prüfen

Veröffentlichen Sie das Frontend bei Ihrem Hosting-Anbieter, zum Beispiel Vercel oder Netlify. Die Chat-Schaltfläche erscheint unten rechts.

Andere Frontends: Bei Gatsby kommt der Code in gatsby-ssr.js, bei Nuxt in nuxt.config.js oder nuxt.config.ts, bei einfachem HTML vor das schließende </body>-Tag in index.html. Auch React mit Vite oder Create React App ist möglich. Unsere Anleitung zeigt jeden Weg.

Ihr Frontend app/layout.tsx

app/layout.tsx

Frontend

Next.js

Root-Layout

import Script from 'next/script' export default function RootLayout({ children }) { return ( <html lang="en"> <body> {children} <Script src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="IHRE_WIDGET_ID" strategy="afterInteractive" /> </body> </html> ) }

Frontend veröffentlichen

Warum Asyntai

Was Websites mit Sanity davon haben

Starten Sie kostenlos mit 50 Nachrichten und wachsen Sie mit Ihrem Projekt.

Preise ansehen Kostenlos starten

Mehr Anfragen und Verkäufe

Besucher, die sofort eine Antwort bekommen, kaufen oder melden sich eher. Auch nachts.

Weniger Support-Mails

Fragen zu Produkten, Preisen und Lieferung beantwortet der Chatbot aus Ihren Inhalten. Ihr Team hat mehr Zeit.

Sauber für Entwickler

Eine Script-Komponente im Layout, keine GROQ-Abfragen und keine Änderung in Sanity Studio.

FAQ

Häufige Fragen

Alles, was Sie wissen müssen, um Ihrer Website mit Sanity einen KI-Chatbot hinzuzufügen.

Wie installiere ich den Chatbot auf meiner Website mit Sanity?

Der Code kommt in Ihr Frontend, nicht in Sanity Studio. Bei Next.js setzen Sie die Script-Komponente aus next/script in app/layout.js oder app/layout.tsx und veröffentlichen das Frontend neu.

Welche Frontends werden unterstützt?

Unsere Anleitung zeigt Next.js mit App Router und Pages Router, Gatsby, Nuxt, einfaches HTML sowie React mit Vite oder Create React App. Der Code ist ein normales JavaScript-Snippet.

Wer kann den Code einbauen?

Ein Entwickler oder jemand, der die Layout-Datei bearbeiten und das Frontend neu veröffentlichen kann. Danach verwalten Sie alles Weitere im Asyntai-Dashboard.

Woher kennt der Chatbot meine Sanity-Inhalte?

Sie geben im Dashboard die Adresse Ihrer Website ein. Asyntai liest dann die öffentlichen Seiten, die Ihr Frontend aus Sanity erzeugt. Zusätzlich können Sie PDFs und andere Dokumente hochladen.

Muss ich GROQ-Abfragen schreiben?

Nein. Für den Chatbot brauchen Sie weder GROQ-Abfragen noch einen Zugang zu Ihrem Dataset. Asyntai liest die Seiten, die Ihr Frontend bereits ausliefert.

Was passiert, wenn ich neue Inhalte veröffentliche?

Sobald die neuen Seiten online sind, starten Sie im Asyntai-Dashboard eine neue Erfassung Ihrer Website. Danach kennt der Chatbot die neuen Inhalte.

Kann der Chatbot Sanity-Daten live abfragen?

Ja, mit Real-Time Data Feed Max in den Plänen Pro und Enterprise. Dort tragen Sie die URL einer GROQ-Abfrage ein. Bei einem öffentlichen Dataset genügt die URL, bei einem privaten Dataset nutzen Sie einen kleinen Proxy mit Lese-Token.

Was kostet das?

Bei Asyntai starten Sie mit kostenlosen Nachrichten und wechseln bei Bedarf in einen größeren Plan.

Ratgeber

Wie ein KI-Chatbot Websites mit Sanity hilft

Gute Inhalte, offene Fragen

Mit Sanity pflegt Ihr Team Produkte, Artikel und Seiten an einem Ort. Doch Besucher lesen nicht alles: Sie wollen wissen, welches Produkt passt, wann es ankommt oder was es kostet.

Ein KI-Chatbot beantwortet diese Fragen sofort, mit den Seiten Ihrer Website als Quelle.

Der Code gehört ins Frontend

Sanity ist ein Headless-CMS und liefert Inhalte über APIs. Was Besucher sehen, zeigt Ihr Frontend. Deshalb kommt der Chatbot in Ihre Frontend-Anwendung, nicht in Sanity Studio.

Bei Next.js ist das die Script-Komponente im Root-Layout. Mit strategy="afterInteractive" lädt der Chatbot, sobald die Seite interaktiv ist.

Der Chatbot liest, was Besucher sehen

Asyntai liest die öffentlichen Seiten Ihrer Website. Für den Chatbot brauchen Sie keine GROQ-Abfragen. PDFs und andere Dokumente laden Sie zusätzlich im Dashboard hoch.

Haben Sie neue Inhalte veröffentlicht, starten Sie im Dashboard eine neue Erfassung. So bleiben die Antworten aktuell.

Kunden in ihrer Sprache

Der Chatbot erkennt die Sprache der Frage und antwortet automatisch in dieser Sprache, auch wenn Ihre Inhalte nur auf Deutsch sind.

So beraten Sie auch Kunden aus dem Ausland.

Gespräche zeigen, was Ihren Inhalten fehlt

Jedes Gespräch wird gespeichert und ist im Dashboard durchsuchbar. Nach einigen Wochen sehen Sie, welche Fragen am häufigsten kommen.

Mit diesen Hinweisen ergänzt Ihr Team gezielt die Inhalte in Sanity.

Bereit für einen KI-Assistenten auf Ihrer Website mit Sanity?

Starten Sie kostenlos mit 50 Nachrichten und sehen Sie, wie viele Fragen Ihre Besucher jeden Tag stellen.

Kostenlos starten Preise ansehen

Andere Plattformen

Payload CMS Next.js Nuxt Astro Gatsby Contao Alle CMS-Plattformen