Der KI-Chatbot für Next.js

Odeo beantwortet in Ihrer Next.js-App Fragen zu Produkt, Konto und Dokumentation, rund um die Uhr. Eingebunden mit einem Script-Tag, ohne npm-Paket.

  • Im Root-Layout des App Routers oder im Pages Router
  • Seitensteuerung funktioniert auch bei Seitenwechseln ohne Neuladen
  • Ebenso einfach in React, Vue, Nuxt oder Angular
  • Hosting und Daten in der Schweiz1
  • Setup in unter 30 Minuten2
  • Ab CHF 39 pro Monat3

Odeo · KI-Assistent

ihre-website.ch

Beispiel

Wie exportiere ich meine Rechnungen als CSV?

Unter Einstellungen › Abrechnung finden Sie «Exportieren». Wählen Sie den Zeitraum und das Format CSV.

Läuft auf Next.js

Kein npm-Paket nötig

In drei Schritten auf Ihrer Next.js-Website

  1. 1Website-URL eingeben

    Odeo liest Ihre Website ein und baut daraus die Wissensbasis. PDFs und Dokumente ergänzen Sie im Client-Portal.

  2. 2Im Client-Portal anpassen

    Farben, Tonalität, Rolle und Verhalten, dazu die Seiten, auf denen der Chatbot erscheint.

  3. 3Script-Tag einfügen

    Fügen Sie die Zeile im Root-Layout app/layout.tsx in den <body> ein oder binden Sie sie mit der Komponente next/script ein. Im Pages Router gehört sie in pages/_document.tsx.6

Einfügen in

app layout.tsx

im <body> des Root-Layouts, alternativ mit next/script

Ihre Zeile Code, im Client-Portal mit Ihrem Schlüssel

<script
  src="https://chat.sidora.ch/widget/chatbot.js"
  data-api-key="Ihr Schlüssel" async></script>
Kein npm-Paket nötig Bei Bedarf unterstützen wir Sie beim Setup.

Was Odeo auf Ihrer Next.js-Website erledigt

  • Support direkt in der App

    Fragen zu Konto, Abrechnung und Funktionen beantwortet Odeo dort, wo sie entstehen.

    Mehr zur Funktion
  • Antworten aus der Dokumentation

    Handbuch, Changelog und Hilfe-Artikel macht Odeo per Chat durchsuchbar.

    Mehr zur Funktion
  • Interesse auf der Preisseite

    Odeo beantwortet Fragen zu Plänen und übergibt qualifizierte Anfragen an Ihr CRM.

    Mehr zur Funktion

Daten direkt aus Next.js

Öffentliche Seiten und Dokumentation liest Odeo automatisch ein. Für Daten aus Ihrer App, etwa Kontostatus oder Bestellungen, binden wir Odeo direkt an Ihre API oder Ihr Backend an, ohne Middleware. Direkte Anbindungen offerieren wir projektbezogen.

  • Direkt über vorhandene Schnittstellen wie REST-API und Webhooks
  • Ohne Middleware wie n8n oder Zapier und ohne Umwege
  • Fehlt eine Schnittstelle, entwickelt die Sidora AG sie
  • Direkte Anbindungen offerieren wir projektbezogen
Odeo
Ohne Middleware
  • Ihre API
  • Route Handlers
  • Backend
  • Webhooks
  • Ihre Applikation Schnittstelle von der Sidora AG

Häufige Fragen

Kurz beantwortet. Weitere Fragen klären wir gerne persönlich.

Brauche ich ein npm-Paket für Odeo?

Nein. Odeo wird mit einem Script-Tag eingebunden, im Root-Layout oder mit next/script. Es gibt kein npm-Paket, das Sie installieren oder aktualisieren müssen.

Funktioniert die Seitensteuerung bei Seitenwechseln ohne Neuladen?

Ja. Auch wenn Next.js Seiten auf dem Client wechselt, ohne die Seite neu zu laden, erscheint der Chatbot nur auf den Seiten, die Sie im Client-Portal festgelegt haben.

App Router oder Pages Router: wo gehört die Zeile hin?

Im App Router in das Root-Layout app/layout.tsx, im Pages Router in pages/_document.tsx. In beiden Fällen können Sie alternativ die Komponente next/script verwenden.

Wird meine Next.js-Website dadurch langsamer?

Nein. Das Script wird asynchron geladen und hält den Aufbau Ihrer Seiten nicht auf. Auf welchen Seiten der Chatbot erscheint, steuern Sie im Client-Portal.

Odeo in Ihrer Next.js-App.

Eingebunden ohne npm-Paket, angepasst im Client-Portal. Für die Anbindung an Ihre API beraten wir Sie gerne.

Entwickelt und betrieben von der Sidora AG, Winterthur

Hinweise

  1. Die Datenhaltung in der Schweiz gilt, solange ein lokales LLM eingesetzt wird. Lokale LLMs wie Apertus, Llama oder Mistral betreiben wir auf Anfrage im Enterprise-Plan in der Schweiz.
  2. Richtwert für die Einrichtung des Website-Chatbots ohne Anbindung an Fachapplikationen.
  3. Starter-Plan im Jahresabo. Bei monatlicher Abrechnung CHF 49 pro Monat.
  4. Voraussetzung ist, dass die Plattform eigenen Code zulässt; bei manchen Website-Baukästen geht das nur in bezahlten Tarifen. Die genannten Marken gehören ihren Inhabern. Ihre Nennung zeigt die technische Einbindung, keine Partnerschaft.