Integratie met Wix

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

Voorbeeldgesprek

Het voorbeeld laat de klantervaring zien. De beschikbare acties en getoonde informatie hangen af van deze integratie en jouw configuratie.

Voordat je begint

Maak eerst een chatbot aan of selecteer er een. Je hebt toestemming nodig om de bijbehorende integraties te beheren en toegang tot de verbindingsinstellingen van het externe account. Als de tegel Connect een melding toont om te upgraden of contact op te nemen, controleer dan of je abonnement deze integratie bevat. Houd API-inloggegevens geheim; plak ze nooit in de insluitcode van een website.

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: ChatLab instellen voor je e-commerce winkel

Wat de integratie biedt

Bestelgegevens - Klanten kunnen de status van hun bestelling 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 geeft het volgende terug:

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

Stap 1: Haal je Wix Site ID op

1. Log in op je Wix-beheerdersdashboard
2. Zoek in de adresbalk van je browser de parameter siteId in de URL
3. Kopieer de waarde van de Site ID

Stap 2: Maak een Wix API Key aan

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

2. Open het onderdeel API Keys (API-sleutels) in de linkerbalk

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

4. Geef je sleutel een naam (bijv. "chatlab") en verleen de volgende machtigingen uit de groep All site permissions:
   • Wix Stores
   • Wix eCommerce

5. Klik op Generate Key, voltooi eventuele beveiligingscontroles en kopieer je API-sleutel uit de eenmalige weergave - bewaar deze op een veilige plek, want deze kan niet opnieuw worden getoond

Stap 3: Haal je Account ID op

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

Stap 4: Verbind Wix in ChatLab

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

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

7. Klik op Connect

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

Stap 5: Configureer Wix-acties

De actie voor bestelgegevens wordt ingeschakeld zodra de verbinding succesvol is geconfigureerd. Controleer deze na het verbinden. Navigeer naar Settings > Actions (Instellingen > Acties) en filter op het Wix-platform.

Open Wix - order details om deze te bekijken; schakel de actie in als deze is uitgeschakeld. Je kunt ook het actielabel aanpassen (het bericht dat aan gebruikers wordt getoond terwijl de actie wordt uitgevoerd) evenals de instructies 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 de bestelstatus, artikelen en adressen.

Chatbot installeren op je Wix-website

Gebruik de Custom Code-functie van Wix om de chatwidget toe te voegen aan je gepubliceerde Wix-site met een gekoppeld domein:

1. Ga in ChatLab naar het tabblad Deploy (Publiceren) voor je bot
2. Selecteer het platformtabblad Wix
3. Selecteer Widget en kopieer het codefragment
4. Ga in Wix naar Settings > Custom Code (onder Development & integrations; oudere dashboards tonen mogelijk Advanced)
5. Klik op + Add Custom Code (+ Aangepaste code toevoegen)
6. Plak de code en geef deze een naam (bijv. "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

Raadpleeg Je chatbot toevoegen aan een Wix-website voor gedetailleerde instructies over de widgetinstallatie.

Gerelateerde artikelen

• Handleiding voor e-commerce-inrichting
• Chatbot toevoegen aan je website