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

Steg-för-steg-guide för Ecwid-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 din Ecwid-butik. Välj den metod som fungerar bäst för din konfiguration:

Metod 1: Använda Instant Site Editor (rekommenderas)

Om du använder Ecwids Instant Site kan du lägga till anpassade kodsektioner direkt via webbplatsredigeraren. Den här metoden är tillgänglig på Venture-, Business- och Unlimited-planer.

Lägger till anpassat kodavsnitt

Logga in på din Ecwid-adminpanel
Gå till Webbplats → Redigera webbplats (eller Översikt → Hantera direktwebbplats)
Välj sidan där du vill lägga till chattboten (eller behåll Startsida för hela webbplatsen) i rullgardinsmenyn \"Sida: Startsida\" i det övre vänstra hörnet
Klicka på "Add Section"
Scrolla ner till "Advanced Solutions"
I blocket "Embed & Custom Code", klicka på "Add Custom Code Section"
Klistra in din Asyntai-inbäddningskod
Klicka på "Spara"

Tips: Att lägga till koden på hemsidan gör att den visas på alla sidor. För bästa prestanda, lägg till JavaScript i body-avsnittet snarare än i sidhuvudet.

Metod 2: Använda anpassat JavaScript-kodavsnitt

Du kan lägga till anpassad JavaScript-kod genom de avancerade webbplatsinställningarna i din Ecwid-panel. Denna metod kräver en betald Ecwid-plan.

Logga in på din Ecwid-adminpanel
Go to Website (or Overview → Manage Instant Site)
Scrolla ner till "Advanced website settings"
Under \"Anpassad JavaScript-kod\", klicka på \"Lägg till kod\"
Klistra in din Asyntai-inbäddningskod i fältet som visas
Klicka på "Spara"
Uppdatera din Instant Site-sida i webbläsaren för att se ändringarna

Obs! Avsnittet för anpassad JavaScript-kod har en gräns på 4 000 tecken. Asyntais inbäddningskod är väl under denna gräns. Kod som läggs till här visas längst ned i <body>-avsnittet.

Metod 3: Extern webbplats med Ecwid-butik

Om du har bäddat in din Ecwid-butik på en extern webbplats (WordPress, Wix, anpassad HTML osv.) bör du lägga till Asyntai-koden på den webbplatsen istället.

För WordPress med Ecwid-plugin

Följ installationsguiden för WordPress
Lägg till Asyntai-inbäddningskoden på din WordPress-webbplats med WPCode-pluginet eller temafiler
Chattboten visas på alla sidor, inklusive de med din Ecwid-butik

För andra plattformar

Om din Ecwid-butik är inbäddad på en annan plattform:

Hitta rätt installationsguide för din plattform
Lägg till Asyntai-inbäddningskoden på den plattformen
Chattboten fungerar tillsammans med din inbäddade Ecwid-butik

Varför lägga till kod på den externa webbplatsen? När Ecwid är inbäddat på en annan webbplats styr den överordnade webbplatsen sidan. Genom att lägga till chatboten på den överordnade webbplatsen säkerställs att den laddas korrekt och visas på alla sidor.

Steg 3: Verifiera installationen

Efter att du har lagt till koden, besök din Ecwid-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äsarcachen och ladda om sidan. Se till att du har ett betalt Ecwid-abonnemang, eftersom anpassade JavaScript-funktioner kräver Venture-, Business- eller Unlimited-plan.

Dokumentation