Verbind je ChatLab-chatbot met je CS-Cart-winkel om klanten rechtstreeks in de chat realtime toegang te geven tot productinformatie en het volgen van bestellingen.
Belangrijk: Best practices voor e-commerce
Lees na het afronden van de onderstaande integratie de uitgebreide handleiding over het optimaliseren van je chatbot voor e-commerce: ChatLab instellen voor je e-commercewinkel
Wat de integratie biedt
Product Search - Klanten kunnen je CS-Cart-catalogus doorzoeken door een zoekterm in te voeren. De chatbot toont passende producten met:
- Productnaam en beschrijving
- Prijs
- SKU (productcode)
- Directe link naar het product in je winkel
- Productafbeelding
- Beschikbare varianten (maten, kleuren, enz.)
Je kunt configureren welke productvelden worden doorzocht (naam, korte beschrijving, volledige beschrijving, trefwoorden) en hoeveel resultaten er worden getoond.
Order Details - Klanten kunnen de bestelstatus controleren door hun bestelnummer en e-mailadres op te geven. De chatbot toont:
- Bestelstatus
- Bestelde artikelen met namen, prijzen, aantallen, productafbeeldingen en gekozen varianten
- Totaalbedrag van de bestelling en verzendkosten
- Vervoerder, trackingnummer en verzendstatus
- Naam van de ontvanger en volledig bezorgadres
- Telefoonnummer van de klant
Stap 1: API-toegang inschakelen in CS-Cart
- Log in op je CS-Cart-beheerderspaneel
- Ga naar Customers > Administrators (Klanten > Beheerders)
- Klik op het beheerdersaccount dat wordt gebruikt voor de API-koppeling
- Ga naar het tabblad API access (API-toegang)
- Vink "Yes, allow this user to use the API" ("Ja, geef deze gebruiker toestemming om de API te gebruiken") aan
- Klik op Save (Opslaan)
- Kopieer de API key (API-sleutel) die na het opslaan wordt weergegeven - bewaar deze op een veilige plek
- Noteer het e-mailadres dat aan dit beheerdersaccount is gekoppeld
Stap 2: CS-Cart verbinden in ChatLab
- Log in op ChatLab en selecteer je bot
- Ga naar het tabblad Connect (Verbinden)
- Klik op Connect (Verbinden) op de CS-Cart-tegel
- Voer je API Key (API-sleutel uit stap 1) in
- Voer je Account Email (het e-mailadres van de beheerder met API-toegang) in
- Voer je Shop Url (bijv.
https://yourstore.com) in
Je kunt ook zoekopties configureren:
- Searchable fields (Doorzoekbare velden) - schakel in welke productvelden de chatbot doorzoekt (productnaam, korte beschrijving, volledige beschrijving, trefwoorden)
- Number of search results (Aantal zoekresultaten) - hoeveel producten per zoekopdracht worden getoond (standaard: 5)
- Klik op Connect (Verbinden)
Na een succesvolle verbinding zie je een bevestigingsbericht met de optie om AI-acties te configureren.
Stap 3: CS-Cart-acties configureren
Schakel na het verbinden individuele AI-acties in en pas ze aan. Ga naar Settings > Actions (Instellingen > Acties) en filter op het platform CsCart.
Er zijn twee acties beschikbaar:
- CsCart - product search - stelt de chatbot in staat om je productcatalogus te doorzoeken
- CsCart - order details - stelt de chatbot in staat om bestelinformatie op te zoeken
Klik op de activatieknop bij elke actie om deze in te schakelen. Je kunt ook het actielabel aanpassen (het bericht dat aan gebruikers wordt getoond terwijl de actie wordt uitgevoerd) en de instructies aanpassen die bepalen hoe de AI elke actie gebruikt.
Je integratie testen
Open na het activeren van de acties je chatbot-widget en probeer:
- "Laat me trainingshandschoenen zien" (test de productzoekfunctie)
- "Wat is de status van mijn bestelling 12345?" (test de bestelgegevens)
Controleer of de antwoorden overeenkomen met de gegevens uit je CS-Cart-winkel.
Tips voor zoekconfiguratie
- Schakel Product name (Productnaam) en Short description (Korte beschrijving) in voor de beste balans tussen snelheid en nauwkeurigheid
- Voeg Keywords (Trefwoorden) toe als je producten uitgebreide metadata met trefwoorden bevatten
- Schakel Full description (Volledige beschrijving) alleen in als kortere velden geen goede resultaten opleveren - dit kan zoekopdrachten vertragen
- Begin met 5 resultaten per zoekopdracht en pas dit aan op basis van de omvang van je catalogus
Chatbot installeren op je CS-Cart-winkel
Om de chatwidget aan je CS-Cart-webshop toe te voegen:
- Ga in ChatLab naar het tabblad Deploy (Publiceren) voor je bot
- Selecteer het platformtabblad CS-Cart
- Kopieer het codefragment
- Ga in je CS-Cart-beheeromgeving naar Design > Layouts (Ontwerp > Lay-outs)
- Plak het codefragment in een aangepast HTML-blok
- Sla de wijzigingen in de lay-out op