HomeDocumentation

Shopify-integration

Lägg till ChatReact AI-chatbotar, kontaktformulär och FAQ-dragspel i din Shopify-butik med den officiella ChatReact Shopify-appen.

Installation

  1. Installera ChatReact-appen från Shopify App Store
  2. Öppna appen i din Shopify-adminpanel
  3. Anslut den till ditt ChatReact-konto

Funktioner

Shopify-appen tillhandahåller tre widgettyper:

WidgetBeskrivningPlacering
Chat WidgetAI-chatbot med livechatt-supportGlobal (alla sidor) via App Embed
Form WidgetKontaktformulär med skräppostskyddInline via App Block i Theme Editor
FAQ WidgetFAQ-visning i accordion-stilInline via App Block i Theme Editor

Konfigurera Chat Widget

Chat-widgeten använder Shopifys App Embed-funktion för att visas på alla sidor:

  1. Gå till Online Store → Themes → Customize
  2. Klicka på App embeds (pusselbitikonen i sidomenyn)
  3. Aktivera ChatReact Chat Widget
  4. 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:

  1. Gå till Online Store → Themes → Customize
  2. Navigera till sidan där du vill ha widgeten
  3. Klicka på Add block och sök efter "ChatReact"
  4. Välj ChatReact Form eller ChatReact FAQ
  5. Ange Formulär-ID eller Chatbot-ID i blockinställningarna

Form Widget-styling

Anpassa formulärets utseende i Theme Editor:

InställningAlternativ
AlignmentVänster, Mitten, Höger
Max Width200–1200px
Font Size12–28px
Margin Bottom0–120px

FAQ Widget-styling

InställningAlternativ
Font Size12–28px
Margin Bottom0–120px

Hantera widgets

ChatReact-appen i din Shopify-admin tillhandahåller tre flikar:

  1. Chat Widget Assignments — Hantera vilka sidor som visar chat-widgeten
  2. Forms — Välj vilket formulär som ska bäddas in
  3. 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.


Nästa steg