Slik legger du til Asyntai AI-chatbot i Volusion

Trinn-for-trinn-guide for Volusion-nettbutikker

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: Sikkerhetskopier temaet ditt

Før du gjør endringer i Volusion-butikken din, er det viktig å opprette en sikkerhetskopi:

Logg inn på Volusion Admin-panelet ditt
Naviger til Design → Filredigerer
Klikk på Arkiver tema for å opprette en sikkerhetskopi
Last ned en kopi av arkivet for oppbevaring

Viktig: Ta alltid sikkerhetskopi av temaet ditt før du gjør kodeendringer. Dette gjør at du enkelt kan gå tilbake hvis noe går galt.

Trinn 3: Legg til kode i malen (anbefalt)

For å legge til chatboten på alle sider av Volusion-butikken din:

I Volusion Admin-panelet ditt, gå til Design → Mal
Alternativt, gå til Design → Filredigerer → Snarveier
Finn hovedmalfilen (vanligvis template_*.html)
Bla ned for å finne den avsluttende </body>-taggen
Lim inn Asyntai-innbyggingskoden din rett før </body>-taggen
Klikk på Lagre for å bruke endringene
Forhåndsvis butikken din for å verifisere at chatboten vises

Tips: Å legge til koden før den avsluttende </body>-taggen sikrer optimal sideinnlastingsytelse. Denne metoden legger til chatboten på alle sider i butikken din automatisk.

Alternativ metode 1: Header/bunntekst HTML-injeksjon

Volusion lar deg legge til egendefinert kode gjennom globale innstillinger:

Logg inn på Volusion Admin-panelet ditt
Naviger til Innstillinger → Designinnstillinger
Se etter seksjonen Egendefinert HTML eller Bunntekstkode
Lim inn Asyntai-innbyggingskoden din i dette feltet
Klikk Lagre
Koden vil nå bli lagt til på alle sider automatisk

Merk: Den nøyaktige plasseringen av egendefinerte HTML-innstillinger kan variere avhengig av Volusion-planen og -versjonen din. Se etter innstillinger relatert til "Custom Code", "Header/Footer" eller "Global HTML".

Alternativ metode 2: Sidespesifikk installasjon

Hvis du bare vil legge til chatboten på spesifikke sider:

Gå til Design → Filredigerer → Snarveier
Opprett eller rediger en sidespesifikk mal ved å bruke PageName-funksjonen
Legg til betinget kode for å inkludere skriptet kun på spesifikke sider:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

Tips: Denne metoden er nyttig hvis du bare vil ha chatboten på bestemte sider som produktsider, kasse eller støttesider. Erstatt «home» og «products» med de faktiske sidenavnene fra Volusion-butikken din.

Alternativ metode 3: Egendefinert CSS/HTML-artikkel

Du kan også legge til koden gjennom en artikkelblokk:

I Volusion Admin, gå til Artikler → Artikler
Opprett en ny artikkel eller rediger en eksisterende
Bytt til HTML-visning i artikkelredigereren
Lim inn Asyntai-innbyggingskoden din
Lagre artikkelen
Legg til denne artikkelen i sidemalen eller sidefeltet ditt
Chatboten vil vises på sider der denne artikkelen er vist

Merk: Denne metoden er mindre vanlig, men kan være nyttig hvis du har begrenset tilgang til malfiler eller ønsker å enkelt slå chatboten av/på ved å skjule/vise artikkelen.

Trinn 4: Bekreft installasjonen

Etter at du har lagret endringene, åpne Volusion-butikken din i en ny nettleserfane eller inkognitovindu. Du bør se chat-widget-knappen i nedre høyre hjørne. Klikk på den for å sikre at den åpnes og fungerer riktig.

Ser du ikke widgeten? Sørg for at du har lagret alle malendringer. Tøm nettleserbufferen eller se i inkognitomodus. Volusion kan mellomlagre maler, så det kan ta noen minutter før endringene vises. Sjekk nettleserkonsollen (F12) for eventuelle JavaScript-feil.

Trenger du hjelp?

Hvis du ikke er komfortabel med å redigere malfiler, kan Volusons kundestøtteteam hjelpe med tilpassede HTML- og CSS-forespørsler. Du kan også kontakte Asyntai-støtte for veiledning om installasjon av chatboten i Volusion-butikken din.

Profesjonell støtte: Volusion tilbyr tilpassede kodetjenester hvis du trenger profesjonell hjelp med temaendringer eller komplekse tilpasninger.

Dokumentasjon