Shopify-integration
Lägg till ChatReact AI-chatbotar, kontaktformulär och FAQ-dragspel i din Shopify-butik med den officiella ChatReact Shopify-appen.
Installation
- Installera ChatReact-appen från Shopify App Store
- Öppna appen i din Shopify-adminpanel
- Anslut den till ditt ChatReact-konto
Funktioner
Shopify-appen tillhandahåller tre widgettyper:
| Widget | Beskrivning | Placering |
|---|---|---|
| Chat Widget | AI-chatbot med livechatt-support | Global (alla sidor) via App Embed |
| Form Widget | Kontaktformulär med skräppostskydd | Inline via App Block i Theme Editor |
| FAQ Widget | FAQ-visning i accordion-stil | Inline via App Block i Theme Editor |
Konfigurera Chat Widget
Chat-widgeten använder Shopifys App Embed-funktion för att visas på alla sidor:
- Gå till Online Store → Themes → Customize
- Klicka på App embeds (pusselbitikonen i sidomenyn)
- Aktivera ChatReact Chat Widget
- Ange ditt Chatbot ID från ChatReact-instrumentpanelen
Chat-widgeten visas nu på alla sidor i din butik.
Widget-tilldelningar
I ChatReact-appens inställningar kan du kontrollera var chat-widgeten visas:
- Everywhere: Widgeten visas på alla sidor (standard)
- Everywhere with exclusions: Widgeten visas på alla sidor utom angivna URL:er
- Specific pages: Widgeten visas endast på valda sidor
Lägga till Form- och FAQ-widgets
Form- och FAQ-widgets läggs till som App Blocks i Theme Editor:
- Gå till Online Store → Themes → Customize
- Navigera till sidan där du vill ha widgeten
- Klicka på Add block och sök efter "ChatReact"
- Välj ChatReact Form eller ChatReact FAQ
- Ange Formulär-ID eller Chatbot-ID i blockinställningarna
Form Widget-styling
Anpassa formulärets utseende i Theme Editor:
| Inställning | Alternativ |
|---|---|
| Alignment | Vänster, Mitten, Höger |
| Max Width | 200–1200px |
| Font Size | 12–28px |
| Margin Bottom | 0–120px |
FAQ Widget-styling
| Inställning | Alternativ |
|---|---|
| Font Size | 12–28px |
| Margin Bottom | 0–120px |
Hantera widgets
ChatReact-appen i din Shopify-admin tillhandahåller tre flikar:
- Chat Widget Assignments — Hantera vilka sidor som visar chat-widgeten
- Forms — Välj vilket formulär som ska bäddas in
- FAQ — Välj vilken chatbots FAQs som ska visas
Språkstöd
Appen stödjer alla 24 EU-språk. Widgetspråket bestäms av din ChatReact-chatbots språkinställningar.
Avinstallation
När du avinstallerar ChatReact-appen rensas alla widget-konfigurationer och lagrad data automatiskt bort från din Shopify-butik.