HomeDocumentation

Shopify Integratie

Voeg ChatReact AI-chatbots, contactformulieren en FAQ-accordeons toe aan uw Shopify-winkel met de officiële ChatReact Shopify App.

Installatie

  1. Installeer de ChatReact-app vanuit de Shopify App Store
  2. Open de app in uw Shopify-beheerpaneel
  3. Verbind de app met uw ChatReact-account

Functies

De Shopify-app biedt drie widgettypen:

WidgetBeschrijvingPlaatsing
Chat WidgetAI-chatbot met live chat ondersteuningGlobaal (alle pagina's) via App Embed
Form WidgetContactformulieren met spambeveiligingInline via App Block in Theme Editor
FAQ WidgetFAQ-weergave in accordeonstijlInline via App Block in Theme Editor

De Chat Widget Instellen

De chat widget gebruikt Shopify's App Embed-functie om op alle pagina's te verschijnen:

  1. Ga naar Online Winkel → Thema's → Aanpassen
  2. Klik op App-insluitingen (puzzelstukje icoon in de zijbalk)
  3. Schakel de ChatReact Chat Widget in
  4. Voer uw Chatbot ID in vanuit het ChatReact-dashboard

De chat widget verschijnt nu op alle pagina's van uw winkel.

Widget-toewijzingen

In de ChatReact app-instellingen kunt u bepalen waar de chat widget verschijnt:

  • Overal: Widget verschijnt op alle pagina's (standaard)
  • Overal met uitsluitingen: Widget verschijnt op alle pagina's behalve opgegeven URL's
  • Specifieke pagina's: Widget verschijnt alleen op geselecteerde pagina's

Formulier- en FAQ-widgets Toevoegen

Formulier- en FAQ-widgets worden toegevoegd als App Blocks in de Theme Editor:

  1. Ga naar Online Winkel → Thema's → Aanpassen
  2. Navigeer naar de pagina waar u de widget wilt plaatsen
  3. Klik op Blok toevoegen en zoek naar "ChatReact"
  4. Kies ChatReact Form of ChatReact FAQ
  5. Voer het Formulier ID of Chatbot ID in bij de blokinstellingen

Opmaak Formulier Widget

Pas het uiterlijk van het formulier aan in de Theme Editor:

InstellingOpties
UitlijningLinks, Midden, Rechts
Maximale breedte200–1200px
Lettergrootte12–28px
Marge onder0–120px

Opmaak FAQ Widget

InstellingOpties
Lettergrootte12–28px
Marge onder0–120px

Widgets Beheren

De ChatReact-app in uw Shopify-beheerpaneel biedt drie tabbladen:

  1. Chat Widget Toewijzingen — Beheer op welke pagina's de chat widget wordt weergegeven
  2. Formulieren — Selecteer welk formulier u wilt insluiten
  3. FAQ — Selecteer van welke chatbot de FAQ's worden weergegeven

Taalondersteuning

De app ondersteunt alle 24 EU-talen. De widgettaal wordt bepaald door de taalinstellingen van uw ChatReact-chatbot.

Verwijderen

Wanneer u de ChatReact-app verwijdert, worden alle widgetconfiguraties en opgeslagen gegevens automatisch verwijderd uit uw Shopify-winkel.


Volgende stappen