Shopify-Integration
Fügen Sie ChatReact KI-Chatbots, Kontaktformulare und FAQ-Akkordeons mit der offiziellen ChatReact Shopify App zu Ihrem Shopify-Shop hinzu.
Installation
- Installieren Sie die ChatReact App aus dem Shopify App Store
- Öffnen Sie die App in Ihrem Shopify Admin-Panel
- Verbinden Sie sie mit Ihrem ChatReact-Konto
Funktionen
Die Shopify App bietet drei Widget-Typen:
| Widget | Beschreibung | Platzierung |
|---|---|---|
| Chat-Widget | KI-Chatbot mit Live-Chat-Unterstützung | Global (alle Seiten) über App Embed |
| Formular-Widget | Kontaktformulare mit Spam-Schutz | Inline über App Block im Theme Editor |
| FAQ-Widget | Akkordeon-Stil FAQ-Anzeige | Inline über App Block im Theme Editor |
Chat-Widget einrichten
Das Chat-Widget nutzt Shopifys App Embed-Funktion, um auf allen Seiten zu erscheinen:
- Gehen Sie zu Online Store → Themes → Customize
- Klicken Sie auf App embeds (Puzzle-Symbol in der Seitenleiste)
- Aktivieren Sie das ChatReact Chat Widget
- Geben Sie Ihre Chatbot-ID aus dem ChatReact-Dashboard ein
Das Chat-Widget erscheint nun auf allen Seiten Ihres Shops.
Widget-Zuweisungen
In den ChatReact App-Einstellungen können Sie steuern, wo das Chat-Widget erscheint:
- Überall: Widget erscheint auf allen Seiten (Standard)
- Überall mit Ausnahmen: Widget erscheint auf allen Seiten außer den angegebenen URLs
- Bestimmte Seiten: Widget erscheint nur auf ausgewählten Seiten
Formular- und FAQ-Widgets hinzufügen
Formular- und FAQ-Widgets werden als App Blocks im Theme Editor hinzugefügt:
- Gehen Sie zu Online Store → Themes → Customize
- Navigieren Sie zur Seite, auf der Sie das Widget platzieren möchten
- Klicken Sie auf Block hinzufügen und suchen Sie nach "ChatReact"
- Wählen Sie ChatReact Form oder ChatReact FAQ
- Geben Sie die Formular-ID oder Chatbot-ID in den Block-Einstellungen ein
Formular-Widget-Styling
Passen Sie das Formular-Erscheinungsbild im Theme Editor an:
| Einstellung | Optionen |
|---|---|
| Ausrichtung | Links, Mitte, Rechts |
| Maximale Breite | 200–1200px |
| Schriftgröße | 12–28px |
| Unterer Abstand | 0–120px |
FAQ-Widget-Styling
| Einstellung | Optionen |
|---|---|
| Schriftgröße | 12–28px |
| Unterer Abstand | 0–120px |
Widgets verwalten
Die ChatReact App in Ihrem Shopify Admin bietet drei Tabs:
- Chat-Widget-Zuweisungen — Verwalten Sie, welche Seiten das Chat-Widget anzeigen
- Formulare — Wählen Sie, welches Formular eingebettet werden soll
- FAQ — Wählen Sie, welche Chatbot-FAQs angezeigt werden sollen
Sprachunterstützung
Die App unterstützt alle 24 EU-Sprachen. Die Widget-Sprache wird durch die Spracheinstellungen Ihres ChatReact-Chatbots bestimmt.
Deinstallation
Wenn Sie die ChatReact App deinstallieren, werden alle Widget-Konfigurationen und gespeicherten Daten automatisch aus Ihrem Shopify-Shop bereinigt.