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

Steg-för-steg-guide för Volusion e-handelsbutiker

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 Dashboard eftersom den innehåller ditt personliga widget-ID.

Steg 2: Säkerhetskopiera ditt tema

Innan du gör några ändringar i din Volusion-butik är det viktigt att skapa en säkerhetskopia:

Logga in på din Volusion Admin Panel
Navigera till Design → Filredigerare
Klicka på Archive Theme för att skapa en säkerhetskopia
Ladda ner en kopia av arkivet för säker förvaring

Viktigt: Säkerhetskopiera alltid ditt tema innan du gör kodändringar. Det gör det enkelt att återställa om något går fel.

Steg 3: Lägg till kod i mallen (rekommenderas)

För att lägga till chattboten på alla sidor i din Volusion-butik:

I din Volusion-adminpanel, gå till Design → Mall
Alternativt, gå till Design → File Editor → Shortcuts
Hitta huvudmallsfilen (vanligtvis template_*.html)
Scrolla ner för att hitta den avslutande </body>-taggen
Klistra in din Asyntai-inbäddningskod precis före taggen </body>
Klicka på Spara för att tillämpa ändringar
Förhandsgranska din butik för att verifiera att chattboten visas

Tips: Att lägga till koden före den avslutande </body>-taggen säkerställer optimal sidladdningsprestanda. Den här metoden lägger automatiskt till chattboten på varje sida i din butik.

Alternativ metod 1: HTML-injektion i sidhuvud/sidfot

Volusion låter dig lägga till anpassad kod via globala inställningar:

Logga in på din Volusion Admin Panel
Navigera till Inställningar → Designinställningar
Leta efter avsnittet Anpassad HTML eller Sidfotskod
Klistra in din Asyntai-inbäddningskod i det här fältet
Klicka på Spara
Koden läggs nu till på alla sidor automatiskt

Obs! Den exakta platsen för anpassade HTML-inställningar kan variera beroende på din Volusion-plan och version. Leta efter inställningar relaterade till \"Custom Code,\" \"Header/Footer,\" eller \"Global HTML\".

Alternativ metod 2: Sidspecifik installation

Om du bara vill lägga till chattboten på specifika sidor:

Gå till Design → Filredigerare → Genvägar
Skapa eller redigera en sidspecifik mall med funktionen PageName
Lägg till villkorlig kod för att endast inkludera skriptet på specifika sidor:

<!-- 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: Den här metoden är användbar om du bara vill ha chattboten på vissa sidor som produktsidor, kassan eller supportsidor. Ersätt 'home' och 'products' med de faktiska sidnamnen från din Volusion-butik.

Alternativ metod 3: Anpassad CSS/HTML-artikel

Du kan också lägga till koden via ett artikelblock:

I Volusion Admin, gå till Artiklar → Artiklar
Skapa en ny artikel eller redigera en befintlig
Växla till HTML-vy i artikelredigeraren
Klistra in din Asyntai-inbäddningskod
Spara artikeln
Lägg till den här artikeln i din sidmall eller sidofält
Chattboten visas på sidor där den här artikeln visas

Obs! Den här metoden är mindre vanlig men kan vara användbar om du har begränsad åtkomst till mallfiler eller vill enkelt aktivera/inaktivera chattboten genom att dölja/visa artikeln.

Steg 4: Verifiera installationen

Efter att du har sparat dina ändringar, öppna din Volusion-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. Klicka på den för att säkerställa att den öppnas och fungerar korrekt.

Ser du inte widgeten? Se till att du sparat alla malländringar. Rensa webbläsarens cache eller visa sidan i inkognitoläge. Volusion kan cacha mallar, så ändringar kan ta några minuter att visas. Kontrollera webbläsarkonsolen (F12) för eventuella JavaScript-fel.

Behöver du hjälp?

Om du inte känner dig bekväm med att redigera mallfiler kan Volusions kundsupportteam hjälpa till med anpassade HTML- och CSS-förfrågningar. Du kan också kontakta Asyntai support för vägledning om hur du installerar chattboten i din Volusion-butik.

Professionell support: Volusion erbjuder anpassade kodningstjänster om du behöver professionell hjälp med temaändringar eller komplexa anpassningar.

Dokumentation