Einfache Integration

Ihr KI-Chatbot live mit einem Script-Tag

Fügen Sie ChatReact zu jeder Website hinzu, indem Sie eine einzige Codezeile einfügen. Keine Plugins zum Kämpfen, kein Rebuild nötig – Ihr Chatbot ist in Sekunden online und an Ihre Marke angepasst.

index.html
Copy
1<script
2src=".../widget.js"
3data-chatbot-id="…"
4async
5></script>
ChatReact
Live
Hi! How can I help you today?
Do you ship internationally?
Setup time
Seconds
No code rebuild
Widget appearance
ColorsBrand
PositionBottom-right
SizeResponsive

Zum Einbinden gemacht, nicht zum Kämpfen

Kopieren Sie Ihren Embed-Code aus dem Dashboard, fügen Sie ihn vor dem schließenden Body-Tag ein – fertig. Alles Weitere – Farben, Position, Größe, Verhalten – konfigurieren Sie im Dashboard, und es aktualisiert sich automatisch auf Ihrer Website, ganz ohne Codeänderungen.

  • Ein asynchrones Script-Tag, das das Rendern Ihrer Seite nie blockiert
  • Farben, Position und Größe im Dashboard ändern – ohne erneutes Einbinden
  • Rund 30 KB komprimiert, verzögert geladen für minimale Auswirkungen

In vier einfachen Schritten live

Vom Dashboard auf Ihre Website in weniger Zeit, als Sie für einen Kaffee brauchen.

1

Code kopieren

Öffnen Sie den Tab „Embed“ in Ihren Chatbot-Einstellungen und kopieren Sie den fertigen Code inklusive Ihrer Chatbot-ID.

2

Ein Tag einfügen

Fügen Sie das Script-Tag vor dem schließenden Body-Tag auf einer Seite ein – oder seitenweit über Ihr Template.

3

Widget gestalten

Wählen Sie Position, Farben, Eckenradius und Größe im Dashboard, damit sich das Widget nativ in Ihre Website einfügt.

4

Überall live gehen

Veröffentlichen Sie, und Ihr Chatbot ist sofort auf jeder Seite verfügbar – auf Mobilgeräten ebenso wie am Desktop.

Wo es glänzt

Ein Embed, jede Art von Website

Dasselbe Script-Tag macht aus jeder Seite einen Ort, an dem Besucher sofort markengerechte Antworten erhalten.

Onlineshops

Binden Sie das Widget in Ihren Shop ein, damit Kunden Antworten zu Versand, Größen und Rückgaben erhalten, ohne die Seite zu verlassen.

Versenden Sie international?

Ja – wir versenden weltweit, mit Lieferung in 5–8 Werktagen. Die Versandkosten werden im Checkout anhand Ihrer Adresse berechnet.

versand/richtlinie98%

Hilfe-Center

Betten Sie den Chatbot neben Ihre Dokumentation ein, damit Besucher in natürlicher Sprache fragen können, statt Artikel zu durchsuchen.

Wie setze ich mein Passwort zurück?

Öffnen Sie Einstellungen → Sicherheit und klicken Sie auf „Passwort zurücksetzen“. Sie erhalten einen sicheren Link per E-Mail.

doku/konto98%

SaaS-Dashboards

Nutzen Sie die Inline-Position, um den Chat direkt in Ihre App einzubetten – genau dort, wo Nutzer Hilfe brauchen.

Was ist im Pro-Tarif enthalten?

Pro umfasst unbegrenzte Chatbots, erweiterte Analysen und Priority-Support. Sie können jederzeit unter Abrechnung upgraden.

preise/tarife98%

Dienstleister

Lassen Sie Besucher rund um die Uhr buchen, nach Verfügbarkeit fragen oder ein Angebot einholen – über ein Widget in Ihren Markenfarben.

Haben Sie am Wochenende geöffnet?

Ja – wir haben samstags von 9 bis 16 Uhr geöffnet. Sie können jederzeit direkt über unsere Website einen Termin buchen.

zeiten/buchung98%

Blogs & Medien

Fügen Sie das Widget in Ihre Content-Website ein, damit Leser Fragen zu Artikeln stellen und verwandte Beiträge entdecken können.

Haben Sie einen Leitfaden zu diesem Thema?

Ja – wir haben eine Schritt-für-Schritt-Anleitung und ein Video. Hier ist der Link für den Einstieg.

blog/anleitungen98%

Mobile-First-Websites

Auf Smartphones wird das Widget bildschirmfüllend mit sanften Slide-up-Animationen – es fühlt sich wie ein nativer Teil Ihrer App an.

Lässt sich der Chat auf meinem Handy gut bedienen?

Absolut – das Widget ist vollständig mobil-optimiert, mit großen Touch-Flächen und tastaturbewusstem Layout.

mobil/widget98%

Funktioniert auf allem, womit Sie bauen:

WordPressShopifyWebflowNext.js & ReactVue.jsSquarespaceWixReines HTML

Vom Kopieren bis live in vier Schritten

Code holen, einmal einfügen, im Dashboard branden – und schon läuft es auf jedem Gerät.

1
Copy
Grab the embed snippet
2
Paste
One script tag, any site
3
Style
Brand it in the dashboard
4
Live
Mobile & desktop, instantly

Alles, um sicher einzubinden

Ein leichtgewichtiges, flexibles Widget, das zu Ihrem Stack und Ihrem Designsystem passt.

Ein einziges Script-Tag

Fügen Sie ChatReact mit einem asynchronen Script-Tag hinzu, das nach dem Rendern Ihrer Seite lädt und Sie nie ausbremst.

Markengerechtes Styling

Legen Sie Primär-, Hintergrund- und Textfarben sowie Eckenradius und Größe fest – alles im Dashboard, automatisch aktualisiert.

Mobil-responsiv

Bildschirmfüllend auf Smartphones mit Slide-up-Animationen, iOS-Tastaturhandling und Safe-Area-Support für Geräte mit Notch.

Mehrere Chatbots

Betreiben Sie unterschiedliche Chatbots auf verschiedenen Websites oder Bereichen – jeder Embed verweist einfach auf seine eigene Chatbot-ID.

JavaScript-API

Öffnen, schließen, umschalten, einen neuen Chat starten oder das Widget programmgesteuert entfernen – ideal für Single-Page-Apps.

Robust & widerstandsfähig

Styles sind auf das Widget begrenzt, um CSS-Konflikte zu vermeiden, mit API-URL-Fallback für Caching- und Optimierungs-Plugins.

Bereit, ChatReact zu Ihrer Website hinzuzufügen?

Erstellen Sie Ihren Chatbot, kopieren Sie den Code und gehen Sie noch heute live – ohne Entwickler.