WebChatAgent Logo

Een AI Chatbot toevoegen aan Shopify

Shopify

Voeg binnen enkele minuten een AI-chatbot toe aan je Shopify-winkel. Er hoeft geen app te worden geïnstalleerd, je plakt een klein fragment in je thema en de chatbubbel verschijnt in je hele winkel. Gebruik eerst de methode met de Thema-editor; bewerk alleen de themacode als je thema geen aangepaste blokken ondersteunt.

Methode 1: Thema-editor (Aanbevolen)

  1. Open de Thema-editor — Ga in je Shopify-beheercentrum naar Online Store > Themes en klik op Aanpassen bij je actieve thema.
  2. Voeg een Custom Liquid-sectie toe — Scrol in de linkerzijbalk naar beneden en klik op Sectie toevoegen. Zoek naar Custom Liquid (of Aangepaste HTML, afhankelijk van je thema).
  3. Plak de code — Voer de volgende code in:
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. Vervang YOUR_ID door je daadwerkelijke Chatbot-ID uit het WebChatAgent-dashboard.
  2. Opslaan — Klik rechtsboven op Opslaan. De chatwidget verschijnt nu in je winkel.

Methode 2: Themacode bewerken

Gebruik deze methode als je thema geen Custom Liquid-secties ondersteunt of als je de widget op elke pagina wilt weergeven.

  1. Ga naar Online Store > Themes, klik op de drie puntjes (⋯) naast je actieve thema en selecteer Code bewerken.
  2. Open theme.liquid in de map Layout.
  3. Plak de volgende code vóór de afsluitende </body>-tag:
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. Vervang YOUR_ID door je Chatbot-ID en klik op Opslaan.

Je Chatbot-ID vinden

Log in op je WebChatAgent-dashboard, open je assistent en ga naar Kanalen → Chatwidget. Vouw Installatiedetails tonen uit en klik op Code kopiëren. Het fragment bevat al je Chatbot-ID, dus je kunt het geheel plakken in plaats van de ID handmatig in te voeren.

Probleemoplossing

  • Wordt de widget niet weergegeven? — Wis het cachegeheugen van je Shopify-thema en probeer je winkel te bekijken in een incognitovenster.
  • Is de widget alleen zichtbaar op bepaalde pagina's? — Als je methode 1 hebt gebruikt, zorg er dan voor dat de Custom Liquid-sectie is geplaatst in een sjabloon dat op alle pagina's wordt geladen (bijvoorbeeld in de voettekst).
  • Conflicten met andere apps? — Probeer andere chat- of pop-up-apps tijdelijk uit te schakelen om conflicten uit te sluiten.