Koppla din ChatLab-chattbot till din CS-Cart-butik för att ge kunderna direkt tillgång till produktinformation och orderspårning direkt i chatten i realtid.
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
Produktsökning - Kunder kan söka i din CS-Cart-katalog genom att skriva in en fras. Chattbotten returnerar matchande produkter med:
- Produktnamn och beskrivning
- Pris
- SKU (artikelnummer)
- Direktlänk till produkten i din butik
- Produktbild
- Tillgängliga varianter (storlekar, färger osv.)
Du kan ställa in vilka produktfält som ska genomsökas (namn, kort beskrivning, fullständig beskrivning, sökord) och hur många resultat som ska returneras.
Orderdetaljer - Kunder kan kontrollera orderstatus genom att ange sitt order-ID och sin e-postadress. Chattbotten returnerar:
- Orderstatus
- Beställda artiklar med namn, priser, kvantiteter, produktbilder och valda varianter
- Ordersumma och fraktkostnad
- Fraktbolag, spårningsnummer och leveransstatus
- Mottagarens namn och fullständig leveransadress
- Kundens telefonnummer
Steg 1: Aktivera API-åtkomst i CS-Cart
- Logga in på din CS-Cart-administrationspanel
- Gå till Customers > Administrators (Kunder > Administratörer)
- Klicka på det administratörskonto som ska användas för API-anslutningen
- Byt till fliken API access (API-åtkomst)
- Markera "Yes, allow this user to use the API"
- Klicka på Save (Spara)
- Kopiera API key (API-nyckeln) som visas efter att du har sparat - förvara den på ett säkert ställe
- Notera den e-postadress som är kopplad till detta administratörskonto
Steg 2: Anslut CS-Cart i ChatLab
- Logga in på ChatLab och välj din bot
- Gå till fliken Connect (Anslut)
- Klicka på Connect (Anslut) på CS-Cart-rutan
- Ange din API Key (från steg 1)
- Ange din Account Email (administratörens e-postadress med API-åtkomst)
- Ange din Shop Url (t.ex.
https://yourstore.com)
Du kan också konfigurera sökalternativ:
- Searchable fields (Sökbara fält) - välj vilka produktfält chattbotten ska söka igenom (produktnamn, kort beskrivning, fullständig beskrivning, sökord)
- Number of search results (Antal sökresultat) - hur många produkter som ska returneras per sökning (standard: 5)
- Klicka på Connect
Efter en lyckad anslutning ser du ett bekräftelsemeddelande med alternativet att konfigurera AI-åtgärder.
Steg 3: Konfigurera CS-Cart-åtgärder
När anslutningen är klar aktiverar och anpassar du enskilda AI-åtgärder. Gå till Settings > Actions (Inställningar > Åtgärder) och filtrera på plattformen CsCart.
Två åtgärder är tillgängliga:
- CsCart - product search - gör det möjligt för chattbotten att söka i din produktkatalog
- CsCart - order details - gör det möjligt för chattbotten att slå upp orderinformation
Klicka på aktiveringsknappen vid varje åtgärd för att aktivera den. Du kan också anpassa åtgärdsetiketten (meddelandet som visas för användarna medan åtgärden körs) och instruktionerna som styr hur AI:n använder varje åtgärd.
Testa din integration
När du har aktiverat åtgärderna öppnar du din chattbot-widget och provar:
- "Visa mig träningshandskar" (testar produktsökning)
- "Vad är statusen för min beställning 12345?" (testar orderdetaljer)
Kontrollera att svaren stämmer överens med informationen från din CS-Cart-butik.
Tips för sökkonfiguration
- Aktivera Product name och Short description för bästa balans mellan hastighet och precision
- Lägg till Keywords om dina produkter har utförliga metadata för sökord
- Aktivera endast Full description om kortare fält inte ger bra resultat - det kan göra sökningarna långsammare
- Börja med 5 resultat per sökning och justera utifrån storleken på din katalog
Installera chattbotten i din CS-Cart-butik
Så här lägger du till chatt-widgeten i din CS-Cart-butik:
- I ChatLab går du till fliken Deploy (Driftsätt) för din bot
- Välj plattformsfliken CS-Cart
- Kopiera kodavsnittet
- I din CS-Cart-administration går du till Design > Layouts (Design > Layouter)
- Klistra in kodavsnittet i ett anpassat HTML-block
- Spara layoutändringarna