Hvordan legge til Asyntai AI-chatbot i BigCommerce

Trinn-for-trinn-guide for BigCommerce-butikker

Plattform:

Trinn 1: Hent innbyggingskoden din

Gå først til Asyntai-dashbordet ditt og bla ned til «Innbyggingskode»-seksjonen. Kopier din unike innbyggingskode som vil se slik ut:

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

Merk: Koden ovenfor er bare et eksempel. Du må kopiere din egen unike innbyggingskode fra Dashbordet ditt, da den inneholder din personlige widget-ID.

Trinn 2: Velg installasjonsmetode

Det finnes flere måter å legge til chat-widgeten i BigCommerce. Velg metoden som passer best for deg:

Metode 1: Bruke Script Manager (anbefalt)

Script Manager er den enkleste og anbefalte måten å legge til egendefinerte skript i BigCommerce-butikken din. Det krever ingen kodekunnskap og forblir på tvers av temaendringer.

Logg inn på BigCommerce-kontrollpanelet ditt
Gå til Butikkfront → Script Manager
Klikk på «Opprett et skript»-knappen
Konfigurer skriptet ditt med disse innstillingene:
- Navn: Asyntai AI Chatbot
- Beskrivelse: AI-drevet chat-widget (valgfritt)
- Plassering: Bunntekst
- Plassering: Alle sider
- Skriptkategori: Funksjonell
- Skripttype: Skript
I «Skriptinnhold»-boksen, lim inn Asyntai-innbyggingskoden din
Klikk på «Lagre»

Hvorfor bruke Script Manager? Skript lagt til gjennom Script Manager administreres separat fra temaet ditt. De påvirkes ikke når du oppdaterer eller endrer butikktemaet ditt.

Metode 2: Bruke Page Builder

Du kan bruke BigCommerce sin Page Builder for å legge til chat-widgeten ved hjelp av et HTML-element. Denne metoden er nyttig hvis du ønsker mer kontroll over hvor widgeten vises.

Logg inn på BigCommerce-kontrollpanelet ditt
Gå til Butikkfront → Mine temaer
Klikk på «Tilpass»-knappen på det aktive temaet ditt
I venstre sidefelt i sidebyggeren, finn «HTML»-elementet
Dra og slipp HTML-elementet til bunntekstområdet i sidemalen din
Klikk på HTML-elementet og velg «Rediger HTML»
Lim inn Asyntai-innbyggingskoden din
Klikk på «Lagre HTML»
Click "Publish" to apply changes to your live store

Merk: Hvis du vil ha chatboten på alle sider, må du legge den til i et globalt område som bunnteksten. Script Manager-metoden er enklere for installasjon på hele nettstedet.

Metode 3: Rediger temafiler (Stencil-temaer)

For utviklere som bruker Stencil-temaer kan du legge til koden direkte i temafilene dine. Dette krever tilgang til temaets kildefiler.

Bruke BigCommerce-kontrollpanelet

Gå til Butikkfront → Mine temaer
Klikk på «Avansert» på det aktive temaet ditt
Velg «Rediger temafiler»
Naviger til templates → components → common
Åpne footer.html
Bla til bunnen av filen
Lim inn Asyntai-innbyggingskoden din rett før den avsluttende taggen
Klikk på «Lagre og bruk fil»

Bruke Stencil CLI (lokal utvikling)

Hvis du utvikler lokalt med Stencil CLI:

Åpne temaets lokale filer
Naviger til templates/components/common/footer.html
Legg til Asyntai-innbyggingskoden din før de avsluttende taggene
Push endringene dine med stencil push

Viktig: Endringer i temafiler kan bli overskrevet når du oppdaterer temaet. For en permanent løsning som består på tvers av temaoppdateringer, bruk Script Manager-metoden.

Trinn 3: Bekreft installasjonen

Etter at du har lagt til koden, besøk BigCommerce-butikken din i en ny nettleserfane eller inkognitovindu. Du bør se chat-widget-knappen i nedre høyre hjørne av butikken din. Klikk på den for å sikre at den åpnes og fungerer korrekt.

Ser du ikke widgeten? Tøm nettleserens hurtigbuffer og prøv igjen. Hvis du har gjort endringer via temaredigering, sørg for at du klikket på «Publiser» for å bruke endringene på nettbutikken din.

Dokumentasjon