Shopify Integration
Tilføj ChatReact AI-chatbots, kontaktformularer og FAQ-harmonikaer til din Shopify-butik med den officielle ChatReact Shopify App.
Installation
- Installer ChatReact-appen fra Shopify App Store
- Åbn appen i dit Shopify-adminpanel
- Forbind den til din ChatReact-konto
Funktioner
Shopify-appen tilbyder tre widget-typer:
| Widget | Beskrivelse | Placering |
|---|---|---|
| Chat Widget | AI-chatbot med live chat-understøttelse | Global (alle sider) via App Embed |
| Form Widget | Kontaktformularer med spam-beskyttelse | Inline via App Block i Theme Editor |
| FAQ Widget | Akkordionstil FAQ-visning | Inline via App Block i Theme Editor |
Opsætning af Chat Widget
Chat-widgetten bruger Shopifys App Embed-funktion til at vises på alle sider:
- Gå til Online Store → Themes → Customize
- Klik på App embeds (puslespilsikon i sidebaren)
- Aktivér ChatReact Chat Widget
- Indtast dit Chatbot ID fra ChatReact-dashboardet
Chat-widgetten vil nu vises på alle sider i din butik.
Widget-tildelinger
I ChatReact app-indstillingerne kan du styre, hvor chat-widgetten vises:
- Everywhere: Widget vises på alle sider (standard)
- Everywhere with exclusions: Widget vises på alle sider undtagen angivne URL'er
- Specific pages: Widget vises kun på valgte sider
Tilføjelse af Form- og FAQ-widgets
Form- og FAQ-widgets tilføjes som App Blocks i Theme Editor:
- Gå til Online Store → Themes → Customize
- Naviger til den side, hvor du vil have widgetten
- Klik på Add block og søg efter "ChatReact"
- Vælg ChatReact Form eller ChatReact FAQ
- Indtast Form ID eller Chatbot ID i blokindstillingerne
Form Widget Styling
Tilpas formularens udseende i Theme Editor:
| Indstilling | Muligheder |
|---|---|
| Alignment | Left, Center, Right |
| Max Width | 200–1200px |
| Font Size | 12–28px |
| Margin Bottom | 0–120px |
FAQ Widget Styling
| Indstilling | Muligheder |
|---|---|
| Font Size | 12–28px |
| Margin Bottom | 0–120px |
Administration af widgets
ChatReact-appen i dit Shopify-admin indeholder tre faner:
- Chat Widget Assignments — Administrer hvilke sider der viser chat-widgetten
- Forms — Vælg hvilken formular der skal indlejres
- FAQ — Vælg hvilken chatbots FAQs der skal vises
Sprogunderstøttelse
Appen understøtter alle 24 EU-sprog. Widget-sproget bestemmes af din ChatReact chatbots sprogindstillinger.
Afinstallation
Når du afinstallerer ChatReact-appen, ryddes alle widget-konfigurationer og gemte data automatisk fra din Shopify-butik.