Hur du lägger till Asyntai AI-chattbot i BigCommerce

Steg-för-steg-guide för BigCommerce-butiker

Plattform:

Steg 1: Hämta din inbäddningskod

Gå först till din Asyntai-instrumentpanel och scrolla ner till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod som ser ut så här:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Obs! Koden ovan är bara ett exempel. Du måste kopiera din egen unika inbäddningskod från din instrumentpanel eftersom den innehåller ditt personliga widget-ID.

Steg 2: Välj installationsmetod

Det finns flera sätt att lägga till chattwidgeten i BigCommerce. Välj den metod som fungerar bäst för dig:

Metod 1: Använda Script Manager (rekommenderas)

Script Manager är det enklaste och rekommenderade sättet att lägga till anpassade skript i din BigCommerce-butik. Det kräver inga kodkunskaper och kvarstår vid temaändringar.

Logga in på din BigCommerce Control Panel
Gå till Butikssida → Skripthanterare
Klicka på knappen "Skapa ett skript"
Konfigurera ditt skript med dessa inställningar:
- Namn: Asyntai AI Chatbot
- Beskrivning: AI-drivet chattwidget (valfritt)
- Placering: Sidfot
- Placering: Alla sidor
- Skriptkategori: Funktionell
- Skripttyp: Skript
I rutan "Skriptinnehåll", klistra in din Asyntai-inbäddningskod
Klicka på "Spara"

Varför använda Script Manager? Skript som lagts till via Script Manager hanteras separat från ditt tema. De påverkas inte när du uppdaterar eller byter butikstema.

Metod 2: Använda Page Builder

Du kan använda BigCommerce Page Builder för att lägga till chattwidgeten med ett HTML-element. Denna metod är användbar om du vill ha mer kontroll över var widgeten visas.

Logga in på din BigCommerce Control Panel
Gå till Butikssida → Mina teman
Klicka på knappen "Anpassa" på ditt aktiva tema
I sidbyggarens vänstra sidofält, hitta elementet "HTML"
Dra och släpp HTML-elementet till sidfotens område i din sidmall
Klicka på HTML-elementet och välj "Redigera HTML"
Klistra in din Asyntai-inbäddningskod
Klicka på "Spara HTML"
Click "Publish" to apply changes to your live store

Obs! Om du vill ha chattboten på alla sidor behöver du lägga till den i en global region som sidfoten. Script Manager-metoden är enklare för webbplatsomfattande installation.

Metod 3: Redigera temafiler (Stencil-teman)

För utvecklare som använder Stencil-teman kan du lägga till koden direkt i dina temafiler. Detta kräver åtkomst till ditt temas källfiler.

Använda BigCommerce Control Panel

Gå till Butikssida → Mina teman
Klicka på "Avancerat" på ditt aktiva tema
Välj "Redigera temafiler"
Navigera till templates → components → common
Öppna footer.html
Scrolla till botten av filen
Paste your Asyntai embed code just before the closing tag
Klicka på "Spara och tillämpa fil"

Använda Stencil CLI (lokal utveckling)

Om du utvecklar lokalt med Stencil CLI:

Öppna temats lokala filer
Navigera till templates/components/common/footer.html
Lägg till din Asyntai-inbäddningskod före de avslutande taggarna
Skicka dina ändringar med stencil push

Viktigt: Ändringar i temafiler kan skrivas över när du uppdaterar ditt tema. För en permanent lösning som kvarstår efter temauppdateringar, använd metoden Script Manager.

Steg 3: Verifiera installationen

Efter att du har lagt till koden, besök din BigCommerce-butik i en ny webbläsarflik eller ett inkognitofönster. Du bör se widgetknappen för chatten i det nedre högra hörnet av din butik. Klicka på den för att kontrollera att den öppnas och fungerar korrekt.

Ser du inte widgeten? Rensa webbläsarens cacheminne och försök igen. Om du har gjort ändringar via temaredigeraren, se till att du klickade på "Publicera" för att tillämpa ändringarna på din aktiva butik.

Dokumentation