Hjälpcenter
Chatbot-integrationer

Integrera med Wix

Senast uppdaterad:

Anslut din ChatLab-chattbot till din Wix-butik för att ge kunderna tillgång till orderspårning i realtid direkt i chatten.

Viktigt: Bästa praxis för e-handel

När du har slutfört integrationen nedan bör du läsa den omfattande guiden om hur du optimerar din chattbot för e-handel: Hur du konfigurerar ChatLab för din e-handelsbutik

Vad integrationen erbjuder

Orderinformation - Kunder kan kontrollera orderstatus genom att ange sitt ordernummer och sin e-postadress. Båda värdena valideras mot uppgifterna i din Wix-butik. Chattbotten returnerar:

  • Ordernummer, datum och aktuell status
  • Ordersumma och valuta
  • Betalningsstatus
  • Beställda artiklar med namn, antal, priser, artikelnummer (SKU) och produktbild
  • Leveransadress och faktureringsadress (namn, företag, gatuadress, postort, postnummer, land, telefonnummer)
  • Leveranssätt och beräknad leveranstid

Steg 1: Hämta ditt Wix Site ID

  1. Logga in på din adminpanel i Wix
  2. Leta reda på parametern siteId i webbläsarens adressfält
  3. Kopiera värdet för Site ID

Wix-panelens URL som visar parametern siteId markerad

Steg 2: Skapa en Wix-API-nyckel

  1. Klicka på din profilikon (längst upp till höger) i Wix-panelen och välj Account Settings (Kontoinställningar)

Profilmenyn i Wix som visar alternativet Account Settings|width=50

  1. Öppna avsnittet API Keys (API-nycklar) i det vänstra sidofältet

Sidofältet för Wix Account Settings med API Keys markerat|width=20

  1. Klicka på Generate API Key (Skapa API-nyckel)

Sidan API Keys med knappen Generate API Key

  1. Namnge din nyckel (t.ex. "chatlab") och tilldela dessa behörigheter från gruppen All site permissions (Alla webbplatsbehörigheter):
    • Wix Stores
    • Wix eCommerce

Formulär för att skapa API-nyckel som visar namnfält och nödvändiga behörigheter

  1. Klicka på Generate Key (Skapa nyckel), slutför eventuella säkerhetskontroller och kopiera din API-nyckel från engångsvisningen - spara den på ett säkert ställe, eftersom den inte kan visas igen

Dialogruta som visar den skapade API-nyckeln med en kopieringsknapp

Steg 3: Hämta ditt Account ID

När du har stängt dialogrutan för API-nyckeln hittar du Account ID på höger sida av sidan API Keys. Klicka på Copy ID (Kopiera ID) för att kopiera det.

Sidan API Keys som visar Account ID på höger sida med knappen Copy ID

Steg 4: Anslut Wix i ChatLab

  1. Logga in på ChatLab och välj din bot
  2. Gå till fliken Connect (Anslut)

Fliken Connect som visar integrationsrutan för Wix

  1. Klicka på Connect (Anslut) på Wix-rutan
  2. Ange din API Key (från steg 2)
  3. Ange ditt Account Id (från steg 3)
  4. Ange ditt Site Id (från steg 1)

Wix-integrationsformulär med fälten API Key, Account Id och Site Id

  1. Klicka på Connect (Anslut)

ChatLab testar automatiskt anslutningen genom att kontrollera att din API-nyckel har de behörigheter som krävs. Om det lyckas ser du ett bekräftelsemeddelande.

Steg 5: Konfigurera Wix-åtgärder

Efter anslutningen måste du aktivera åtgärden för orderinformation. Navigera till Settings > Actions (Inställningar > Åtgärder) och filtrera på Wix-plattformen.

Wix-åtgärder i Settings som visar åtgärden för orderinformation

Klicka på aktiveringsknappen för åtgärden Wix - order details för att aktivera den. Du kan även anpassa åtgärdens etikett (meddelandet som visas för användarna medan åtgärden körs) och instruktionerna som styr hur AI:n använder åtgärden.

Testa din integration

När du har aktiverat åtgärden öppnar du din chattbot-widget och provar:

  • "Vad är statusen för min order #1001?" (testar orderinformation)

Kontrollera att svaret matchar informationen från din Wix-butik, inklusive orderstatus, artiklar och adresser.

Installera chattbotten på din Wix-webbplats

Så här lägger du till chattwidgeten på din Wix-webbplats:

  1. Gå till fliken Deploy (Publicera) för din bot i ChatLab
  2. Välj fliken för plattformen Wix
  3. Kopiera kodavsnittet
  4. Gå till Settings > Advanced > Custom Code (Inställningar > Avancerat > Anpassad kod) i Wix
  5. Klicka på + Add Custom Code (+ Lägg till anpassad kod)
  6. Klistra in koden och ge den ett namn (t.ex. "ChatLab")
  7. Välj vilka sidor som ska visa chattbotten
  8. Välj Head för kodens placering
  9. Klicka på Apply (Verkställ) för att spara

Fliken Deploy med Wix-plattformen vald som visar kod och instruktioner

Detaljerade installationsinstruktioner för widgeten finns i Hur du lägger till din chattbot på en Wix-webbplats.