Back to Installing Your Chatbot

Hoe voeg je een ChatGPT AI support agent toe aan Mijnwebwinkel?

Je wilt je op maat getrainde AI support agent insluiten op je Mijnwebwinkel webshop-pagina. Hier is hoe je een AI support agent kunt toevoegen aan Mijnwebwinkel met SiteSpeakAI.

Mijnwebwinkel Ecommerce: Jouw Eenvoudige Webshop Oplossing

Mijnwebwinkel Ecommerce is een platform dat het heel makkelijk maakt om je eigen webshop te starten en te runnen, zonder dat je een expert hoeft te zijn. Het biedt een gebruiksvriendelijke interface, waarmee je snel producten kunt toevoegen, bestellingen kunt beheren en betalingen kunt accepteren. Je kunt je webshop aanpassen aan je eigen merk en je producten eenvoudig presenteren. Het is een goede optie voor kleine tot middelgrote bedrijven die snel en relatief goedkoop een online winkel willen opzetten.

Website: https://mijnwebwinkel.nl/

Voeg je AI support agent toe aan je Mijnwebwinkel webshop

In SiteSpeakAI

Log in bij uw SiteSpeakAI account en selecteer uw agent uit het dropdown menu bovenaan. Klik op de Install Agent sectie in de zijbalk, selecteer het Javascript tabblad en klik vervolgens op de Copy Code knop om uw agent codefragment te kopiëren. uploads/help-center/images/5203Mj7Os72pyNR6VTZSSjp2hdLthGMMAZ234LEC.png

In Mijnwebwinkel

Voor het toevoegen van Custom HTML (bijvoorbeeld je AI support agent JS snippet zoals hierboven gekopieerd) is het noodzakelijk dat je Google Tag Manager (GTM) hebt gekoppeld - dit is beschikbaar vanuit een Mijnwebwinkel PRO abonnement. Heb je dit nog niet gedaan, lees dan via onderstaande link hoe je een Google Tag Manager account aanmaakt en hoe je deze kunt koppelen in de beheeromgeving van je webshop. Doe dit voordat je verder gaat met SiteSpeakAI.

Informatie over Google Tag Manager en het aanmaken van een account.

A. Hoe integreer ik Google Tag Manager?

Met Google Tag Manager plaats je HTML-tags op je webshop, bijvoorbeeld om een live chat te integreren. Google heeft al een aantal veelgebruikte tags voor je klaarstaan, zodat je ze in een mum van tijd in je winkel kunt plaatsen.

Om je SiteSpeakAI AI support agent op je winkelpagina's weer te geven, moet je een aangepaste tag maken. Hoe je GTM aan je winkel kunt koppelen, wordt hieronder uitgelegd. We zullen je dan laten zien hoe je de tag kunt maken die je nodig hebt (het vereist wat technische kennis van jouw kant, maar als je volgt wat we je laten zien, zou het niet te moeilijk moeten zijn!).

Let op! Tags die je toepast, kunnen de manier waarop je webwinkel werkt beïnvloeden. Het is daarom belangrijk dat u regelmatig de werking van uw winkel en bestelproces controleert.

Bovendien willen we u erop wijzen dat het SiteSpeakAI ondersteuningsteam geen ondersteuning biedt bij het maken van tags.

Nu is het tijd om aan de slag te gaan met Google Tag Manager.

B. Een Google Tag Manager-account maken

  1. Ga naar Google Tag Manager en meld je aan met je Google-account. Begin met het maken van een account en een container. Deze container koppel je later aan je shop en bevat je tag. Vul de volgende informatie in:

    • Vul onder Account Setup je Account Name in. Dit is verplicht, je kunt de naam van je bedrijf of winkel gebruiken.
    • Selecteer je Country indien nodig.
    • Je kunt het delen van je gegevens met Google en anderen selecteren (zie info hierover in popup).
    • Voer bij Container Setup de domeinnaam van de winkel in bij Container name.
    • Selecteer als Target platform de optie Web.
  2. Klik op Create. 1 - MWW - GTM Add a new Acc.png

  3. De Google Tag Manager Terms of Service Agreement wordt nu weergegeven. Als je akkoord gaat met de daarin genoemde voorwaarden, vink dan het selectievakje onderaan de pagina Service Agreement aan en klik op Yes bovenaan de pagina.

  4. Er verschijnt nu een stukje code op het scherm. Je hoeft deze niet in je webwinkel te plaatsen, laat dat maar aan ons over! Dat gaat volledig automatisch zodra je deze instructie hebt voltooid.

C. Uw container koppelen

  1. Kies op je Mijnwebwinkel Dashboard in de linker menubalk voor Marketing en klik op Google services. 2 - MWW - Select Google Services.png

  2. Open op de pagina met Google services het tabblad Google Tag Manager en klik op de knop Connect with Google om verbinding te maken met je Google-account. 3 - MWW - Connect with Google.png

  3. Google geeft een dialoogvenster Sign in with Google weer. Selecteer het account dat je wilt gebruiken om te koppelen aan Google Tag Manager. 4 - MWW - Sign in with Google.png

  4. Schakel vervolgens de optie Make use of the Google Tag Manager in en selecteer je container. Is je container al geselecteerd? Dan hoef je alleen nog maar op Save te klikken. 5 - MWW - Make use of GTM.png

D. Je tag toevoegen

Dat viel wel mee, toch?

Tijd om je container te vullen! Naast de kant-en-klare tags die Google al heeft, kun je ook je eigen HTML-tags maken. Deze optie wordt bijvoorbeeld gebruikt om een live chat toe te voegen op elke pagina van je winkel, of om Google Maps te tonen op je contactpagina. Voor SiteSpeakAI wordt het gebruikt om je chatbot weer te geven op je Mijnwebwinkel winkelpagina's.

  1. Zorg ervoor dat je bent ingelogd in het Google Tag Manager-account en selecteer de container die je aan je winkel hebt gekoppeld. Selecteer Tags in het menu aan de linkerkant en klik op New om een nieuwe tag aan te maken. 6 - MWW - Select your applicable container and the 'tag' item.png

  2. Geef uw tag een naam en klik vervolgens op het blok Tag Configuration. 7 - MWW - Name your tag and select configure.png

  3. Kies in de lijst Choose tag type de Custom HTML optie. 8 - MWW - Under 'Choose Tag Type' select 'Custom HTML'.png

  4. Plak de JS-code die je aan het begin van deze tutorial hebt gekopieerd in het HTML-veld en klik op Save. 9 - MWW - Insert your JS snippet.png

  5. Er verschijnt een pop-upvenster waarin staat dat je nog geen trigger hebt geselecteerd. Klik op Add Trigger. 10 - MWW - Click on 'Add trigger'.png

  6. Selecteer vervolgens de optie All Pages. 11 - MWW - Select 'All Pages'.png

  7. All Pages (Page View) werd dan weergegeven onder Firing Triggers. 12 - MWW - Trigger shown - Click on Save.png

  8. Klik nogmaals op Save rechtsboven in je scherm om je tag op te slaan. Zodra je tag is opgeslagen, klik je op Submit rechtsboven in je scherm. 13 - MWW - Click on Submit.png

  9. Klik vervolgens op Publish. 14 - MWW - Click on Publish.png

  10. Geef je tag een naam en beschrijving (als je dat wilt) en klik op Continue. 15 - MWW - Name your tag and click on Continue.png

  11. Het volgende scherm verschijnt: 16 - MWW - Your tag is being Published.png

  12. Je AI support agent knop wordt nu weergegeven op je Mijnwebwinkel webshoppagina 17 - MWW - Your chatbot button is now displayed on your webstore pages.png

  13. Als je op de knop klikt, zal het dialoog van de AI support agent worden getoond 18 - MWW - Clcicking on it will display the Chatbot dialogue.png

Je AI support agent is nu aan je Mijnwebwinkel webshop toegevoegd, en je bezoekers/klanten kunnen nu daarmee interageren!

Need more help with SiteSpeakAI?

Not finding what you need? Reach out to our support team for help.

Contact Support

Ready to automate your customer service with AI?

Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.