Zo voeg je stap voor stap een AI-chatbot toe aan je Shopify-winkel

Je hebt drie dingen nodig:

• Een Nexoply-account. Meld je gratis aan: het Gratis-abonnement bevat 50 gesprekken per maand, zonder creditcard.
• De informatie van je winkel in Nexoply: verzendkosten en levertijden, retour- en ruilbeleid, maattabellen, producten en prijzen, openingstijden of afhaalgegevens. Het snelst gaat het als je het adres van je winkel invult en Nexoply je openbare pagina's laat importeren, inclusief prijzen met hun valuta. Jij controleert de voorstellen; er wordt niets toegevoegd zonder jouw akkoord.
• Toegang tot je Shopify-beheer met toestemming om themes te bewerken.

Open in je Nexoply-dashboard de pagina Chatbot (klik op Chatbot maken als je dat nog niet hebt gedaan) en kopieer de installatiecode. Die ziet er zo uit:

<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>

In plaats van YOUR-KEY staat de eigen sleutel van je chatbot, die de pagina Chatbot voor je invult. De sleutel is openbaar: het is geen wachtwoord en geeft geen toegang tot je account of je winkel. Wil je de assistent eerst uitproberen, klik dan op Open een testpagina met je chatbot.

1. 1

   Maak een back-up van je theme

   Ga in je Shopify-beheer naar Online Store → Themes. Klik op de knop … naast je huidige theme en kies Duplicate. De kopie verschijnt in je themebibliotheek en is je back-up.

2. 2

   Open de code-editor

   Klik opnieuw op de knop … naast je huidige (live) theme en kies Edit code.

3. 3

   Open theme.liquid

   Open in de bestandenlijst de map layout en klik op theme.liquid. Dit bestand omvat elke pagina van je webwinkel.

4. 4

   Plak vóór </body>

   Zoek de afsluitende tag </body> onderaan (gebruik Ctrl+F of Cmd+F om ernaar te zoeken) en plak je Nexoply-code op een eigen regel direct daarboven.

5. 5

   Opslaan

   Klik op Save. De wijziging staat direct live in je winkel.

Open je winkel in een nieuw privévenster. Is je winkel nog met een wachtwoord beveiligd, voer dan eerst het wachtwoord van de webwinkel in. In een van de onderste hoeken verschijnt een chatknop. Stel een vraag die een klant zou stellen, zoals “Hoe lang duurt de levering naar Canada?” of “Valt deze jas klein?”. Het gesprek verschijnt daarna onder Gesprekken in je Nexoply-dashboard. Wijzigingen die je in het dashboard doet, staan binnen ongeveer een minuut in je winkel, zonder dat je het theme opnieuw hoeft te bewerken.

De assistent antwoordt alleen met de informatie die je hem geeft, en zegt het als hij iets niet weet in plaats van te gokken. Voor een winkel gaat dat meestal over:

• Verzending: waarheen je verzendt, kosten, levertijden, vanaf welk bedrag de verzending gratis is.
• Retouren en ruilen: termijnen, staat van het artikel, wie de retourzending betaalt.
• Maten en pasvorm, materialen en onderhoud, uit je maattabellen en productbeschrijvingen.
• Producten en prijzen zoals vermeld, met een link naar de juiste pagina van je winkel.
• Contactgegevens, afhalen of openingstijden.

Hij zoekt geen bestellingen of trackingnummers op en is niet gekoppeld aan je Shopify-gegevens. Voeg voor “Waar is mijn bestelling?” een veelgestelde vraag toe die klanten naar je pagina met de bestelstatus of je contactmailadres verwijst.

• Verkeerd theme. Controleer of je het live (huidige) theme hebt bewerkt, niet het duplicaat of een ander theme in je bibliotheek.
• Verkeerde plek. De code moet in layout/theme.liquid staan, vlak voor </body>, één keer geplakt en volledig. Niet in een sectiebestand en niet in de head.
• Na een theme-update. Als je een theme bijwerkt naar een nieuwe versie, voegt Shopify die nieuwe versie toe als apart theme, en codewijzigingen worden niet altijd meegenomen. Controleer theme.liquid en plak de regel zo nodig opnieuw.
• Toegestane domeinen. Heb je op de pagina Chatbot Alleen toestaan op deze websites ingevuld, zet er dan zowel je eigen domein als je myshopify.com-adres in als klanten een van beide gebruiken (bijvoorbeeld mijnwinkel.nl, mijnwinkel.myshopify.com).
• Chatbot uitgeschakeld, of adblockers. Controleer of de schakelaar Chatbot ingeschakeld aan staat. Heel soms blokkeert een browserextensie chatwidgets; probeer een andere browser.

Om hem op je merk af te stemmen, ga je naar Chatbot → Aanpassen: kies het pictogram van de berichtknop (of je eigen afbeelding), het tekstlabel, de vorm, grootte, kleuren en positie, of gebruik in plaats daarvan een zijtab aan de rand van het scherm (zoals “Hulp”). Stel een andere look in voor telefoons, zodat de knop je balk met de winkelwagenknop niet bedekt, en gebruik paginaregels om het uiterlijk op bepaalde pagina's te wijzigen (bijvoorbeeld /products/*). Bekijk daarna regelmatig de gesprekken: onbeantwoorde vragen staan in een lijst en worden met één klik een veelgestelde vraag. Alle opties staan op de functiepagina van Nexoply; hoe Nexoply werkt beschrijft de installatie, en de prijspagina toont de abonnementen voor drukkere winkels.