Helpcentrum
Chatbot-integraties

Integratie met Wix

Laatst bijgewerkt:

Verbind je ChatLab-chatbot met je Wix-winkel om klanten direct in de chat realtime toegang te geven tot het volgen van hun bestelling.

Belangrijk: Best practices voor e-commerce

Lees na het voltooien van de onderstaande integratie de uitgebreide handleiding over het optimaliseren van je chatbot voor e-commerce: How to set up ChatLab for your E-commerce store

Wat de integratie biedt

Bestelgegevens - Klanten kunnen de bestelstatus controleren door hun bestelnummer en e-mailadres op te geven. Beide waarden worden gevalideerd aan de hand van de gegevens in je Wix-winkel. De chatbot toont:

  • Bestelnummer, datum en huidige status
  • Totaalbedrag van de bestelling en valuta
  • Betalingsstatus
  • Bestelde artikelen met namen, aantallen, prijzen, SKU en productafbeelding
  • Verzendadres en factuuradres (naam, bedrijf, straat, stad, postcode, land, telefoon)
  • Verzendmethode en geschatte levertijd

Stap 1: Haal je Wix Site ID op

  1. Meld je aan bij je Wix-beheerdersdashboard
  2. Zoek in de adresbalk van je browser naar de parameter siteId in de URL
  3. Kopieer de waarde van de Site ID

Wix dashboard-URL met de parameter siteId gemarkeerd

Stap 2: Maak een Wix API Key aan

  1. Klik in het Wix-dashboard op je profielpictogram (rechtsboven) en selecteer Account Settings (Accountinstellingen)

Wix-profielmenu met de optie Account Settings|width=50

  1. Open het onderdeel API Keys in de linkerzijbalk

Wix Account Settings-zijbalk met API Keys gemarkeerd|width=20

  1. Klik op Generate API Key (API-sleutel genereren)

Pagina API Keys met de knop Generate API Key

  1. Geef je sleutel een naam (bijvoorbeeld "chatlab") en wijs de volgende rechten toe uit de groep All site permissions (Alle siterechten):
    • Wix Stores
    • Wix eCommerce

Formulier voor het aanmaken van een API-sleutel met het naamveld en de vereiste rechten

  1. Klik op Generate Key (Sleutel genereren), voltooi eventuele beveiligingscontroles en kopieer je API-sleutel uit de eenmalige weergave - bewaar deze veilig, want hij kan niet opnieuw worden getoond

Dialoogvenster met de gegenereerde API-sleutel en de kopieerknop

Stap 3: Haal je Account ID op

Zoek na het sluiten van het dialoogvenster van de API-sleutel de Account ID aan de rechterkant van de pagina API Keys. Klik op Copy ID (ID kopiëren) om deze te kopiëren.

Pagina API Keys met de Account ID aan de rechterkant met de knop Copy ID

Stap 4: Verbind Wix in ChatLab

  1. Log in bij ChatLab en selecteer je bot
  2. Ga naar het tabblad Connect (Verbinden)

Tabblad Connect met de tegel voor Wix-integratie

  1. Klik op Connect (Verbinden) op de Wix-tegel
  2. Voer je API Key in (uit Stap 2)
  3. Voer je Account Id in (uit Stap 3)
  4. Voer je Site Id in (uit Stap 1)

Wix-integratieformulier met velden voor API Key, Account Id en Site Id

  1. Klik op Connect (Verbinden)

ChatLab test de verbinding automatisch door te controleren of je API-sleutel over de vereiste rechten beschikt. Als dit is gelukt, zie je een bevestigingsbericht.

Stap 5: Wix-acties configureren

Na het verbinden moet je de actie voor bestelgegevens inschakelen. Navigeer naar Settings > Actions (Instellingen > Acties) en filter op het platform Wix.

Wix-acties in Settings met de actie voor bestelgegevens

Klik op de activatieknop bij de actie Wix - order details 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 de actie gebruikt.

Je integratie testen

Open na het activeren van de actie je chatbot-widget en probeer:

  • "Wat is de status van mijn bestelling #1001?" (test bestelgegevens)

Controleer of het antwoord overeenkomt met de gegevens uit je Wix-winkel, inclusief bestelstatus, artikelen en adressen.

De chatbot installeren op je Wix-website

Om de chat-widget aan je Wix-site toe te voegen:

  1. Ga in ChatLab naar het tabblad Deploy (Publiceren) voor je bot
  2. Selecteer het platformtabblad Wix
  3. Kopieer het codefragment
  4. Ga in Wix naar Settings > Advanced > Custom Code (Instellingen > Geavanceerd > Aangepaste code)
  5. Klik op + Add Custom Code (+ Aangepaste code toevoegen)
  6. Plak de code en geef deze een naam (bijvoorbeeld "ChatLab")
  7. Selecteer op welke pagina's de chatbot moet worden weergegeven
  8. Kies Head voor de plaatsing van de code
  9. Klik op Apply (Toepassen) om op te slaan

Tabblad Deploy met Wix-platform geselecteerd, met weergave van code en instructies

Zie How to add your chatbot to Wix website voor gedetailleerde instructies voor het installeren van de widget.