HomeDocumentation

Shopify Integration

Tilføj ChatReact AI-chatbots, kontaktformularer og FAQ-harmonikaer til din Shopify-butik med den officielle ChatReact Shopify App.

Installation

  1. Installer ChatReact-appen fra Shopify App Store
  2. Åbn appen i dit Shopify-adminpanel
  3. Forbind den til din ChatReact-konto

Funktioner

Shopify-appen tilbyder tre widget-typer:

WidgetBeskrivelsePlacering
Chat WidgetAI-chatbot med live chat-understøttelseGlobal (alle sider) via App Embed
Form WidgetKontaktformularer med spam-beskyttelseInline via App Block i Theme Editor
FAQ WidgetAkkordionstil FAQ-visningInline via App Block i Theme Editor

Opsætning af Chat Widget

Chat-widgetten bruger Shopifys App Embed-funktion til at vises på alle sider:

  1. Gå til Online Store → Themes → Customize
  2. Klik på App embeds (puslespilsikon i sidebaren)
  3. Aktivér ChatReact Chat Widget
  4. 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:

  1. Gå til Online Store → Themes → Customize
  2. Naviger til den side, hvor du vil have widgetten
  3. Klik på Add block og søg efter "ChatReact"
  4. Vælg ChatReact Form eller ChatReact FAQ
  5. Indtast Form ID eller Chatbot ID i blokindstillingerne

Form Widget Styling

Tilpas formularens udseende i Theme Editor:

IndstillingMuligheder
AlignmentLeft, Center, Right
Max Width200–1200px
Font Size12–28px
Margin Bottom0–120px

FAQ Widget Styling

IndstillingMuligheder
Font Size12–28px
Margin Bottom0–120px

Administration af widgets

ChatReact-appen i dit Shopify-admin indeholder tre faner:

  1. Chat Widget Assignments — Administrer hvilke sider der viser chat-widgetten
  2. Forms — Vælg hvilken formular der skal indlejres
  3. 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.


Næste skridt