Helpcentrum
Chatbot toevoegen aan website

Een chatbot toevoegen aan PrestaShop

Laatst bijgewerkt:

Er zijn twee manieren om een ChatLab-chatbot toe te voegen aan je PrestaShop-winkel: het installeren van de ChatLab-module (aanbevolen) of het handmatig plakken van de scriptcode in je thema.

De insluitcode ophalen

Selecteer je chatbot in het hoofddashboard en klik vervolgens op het tabblad Deploy (Implementeren).

Deploy-tabblad gemarkeerd

Klik in het paneel Select Platform (Platform selecteren) aan de rechterkant op PrestaShop.

PrestaShop geselecteerd in het platformpaneel

Methode 1: De PrestaShop-module gebruiken (aanbevolen)

Het tabblad Plugin Installation (Plugin-installatie) is standaard geselecteerd. Volg de genummerde stappen op het scherm.

Tabblad Plugin Installation met downloadknoppen en Bot ID

  1. Download de module voor jouw PrestaShop-versie:

    • PrestaShop 8.0+ - chatlabaicustomerservice.zip
    • PrestaShop 1.7.x - chatlabaicustomerservice_1_7.zip
  2. Ga in de PrestaShop-backoffice naar IMPROVE > Modules > Module Manager

  3. Klik op Upload a module (Een module uploaden) en selecteer het gedownloade .zip-bestand

  4. Klik na de installatie op Configure (Configureren) bij de ChatLab AI Customer Service-module

  5. Kopieer je Bot ID uit ChatLab met behulp van de knop Copy (Kopiëren)

  6. Plak de Bot ID in het configuratieveld van de module en sla op

  7. Vernieuw je winkel - de chatbot zou nu op je website moeten verschijnen

Methode 2: Handmatige scriptinstallatie

Als je de module liever niet gebruikt, kun je het chatbotscript rechtstreeks in de thematemplate van je winkel plakken.

Klik op het tabblad Manual Installation (Handmatige installatie).

Tabblad Manual Installation met codefragment

  1. Kies tussen Widget (pop-upchaticoon) of Iframe (altijd zichtbaar chatvenster)

  2. Klik op Copy to clipboard (Kopiëren naar klembord) om de code te kopiëren

  3. Open in je PrestaShop-backoffice het templatebestand van je thema en zoek het gedeelte <head> op

  4. Plak de code als het laatste element binnen <head>

  5. Sla het bestand op en vernieuw je winkel om te controleren of de chatbot verschijnt

Weet je niet zeker welk type insluiting je moet kiezen? Lees Wat is het verschil tussen een widget en een iframe? voor een vergelijking.

E-commerce-integratie

Het toevoegen van de chatbot-widget aan je winkel is slechts de eerste stap. Koppel de PrestaShop-integratie om productzoekopdrachten en het volgen van bestellingen in je chat in te schakelen: Integratie met PrestaShop

Bekijk voor algemene best practices over het inzetten van een chatbot in een e-commerce-winkel: ChatLab instellen voor je e-commerce-winkel