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

Steg-för-steg-guide för OpenCart-webbplatser

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: Redigera footermallen (rekommenderas)

Det enklaste sättet att lägga till chattboten är att redigera ditt temas sidfotsmall:

Åtkomst till dina OpenCart-filer via FTP eller filhanteraren
Navigera till ditt temas footer-mall:
- OpenCart 3.x/4.x: catalog/view/theme/YOUR_THEME/template/common/footer.twig
- OpenCart 2.x: catalog/view/theme/YOUR_THEME/template/common/footer.tpl
Öppna sidfotsfilen för redigering
Hitta den avslutande taggen </body>
Klistra in din Asyntai-inbäddningskod precis före taggen </body>
Spara filen
Rensa OpenCarts cache: Instrumentpanel → Blå kugghjulsikon (överst till höger) → Uppdatera eller radera innehållet i system/storage/cache/

Tips: Om du använder standardtemat är sökvägen catalog/view/theme/default/template/common/footer.twig. Skapa alltid en säkerhetskopia innan du redigerar mallfiler.

Alternativ: Använda temats anpassade kodalternativ

Many modern OpenCart themes include a built-in option for custom code:

Logga in på din OpenCart Admin Panel
Gå till Tillägg → Teman (eller Tillägg → Tillägg → Teman)
Klicka på Redigera på ditt aktiva tema
Leta efter avsnittet "Custom Code", "Footer Scripts" eller "Custom JavaScript"
Klistra in din Asyntai-inbäddningskod
Klicka på "Spara"
Rensa cachen

Obs! Inte alla teman har det här alternativet. Om ditt tema inte innehåller anpassade kodfält, använd mallredigeringsmetoden eller installera ett tillägg.

Alternativ: Använda ett anpassat kodtillägg

Du kan installera ett gratis tillägg från OpenCart Marketplace för att lägga till anpassade script:

Gå till OpenCart Marketplace
Sök efter "Custom Script", "Header Footer Scripts" eller "Custom Code"
Ladda ner och installera ett lämpligt tillägg
I din adminpanel, gå till Tillägg → Tillägg → Moduler
Hitta och installera modulen för anpassad kod
Konfigurera modulen och klistra in din Asyntai-inbäddningskod i sidfotssektionen
Spara och rensa cachen

Viktigt: Att använda tillägg rekommenderas framför att redigera kärnfiler, eftersom de överlever OpenCart-uppdateringar. Populära tillägg inkluderar "Custom Script in Header & Footer" som finns på marknadsplatsen.

Alternativ: Använda addScript-metoden (för utvecklare)

För utvecklare erbjuder OpenCart 3.x/4.x ett programmatiskt sätt att lägga till skript:

Öppna catalog/controller/common/footer.php
Lägg till följande rad före $data['scripts'] = $this->document->getScripts('footer');:
$this->document->addScript('https://asyntai.com/static/js/chat-widget.js', 'footer');
För dataattributet måste du modifiera footer.twig för att inkludera det manuellt, eller lägga till inline JavaScript efter skriptloopen

Obs! För att widgeten ska fungera korrekt med dataattributet är mallmetoden enklare eftersom addScript-metoden inte stöder anpassade attribut direkt.

Steg 3: Verifiera installationen

Efter att du har sparat dina ändringar och rensat cachen, besök din 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 kontrollera att den öppnas och fungerar korrekt.

Ser du inte widgeten? Se till att rensa OpenCarts cache. Gå till adminpanelen, klicka på det blå kugghjulsikonen i det övre högra hörnet och klicka på uppdateringsknapparna. Prova också att rensa webbläsarens cache eller visa i ett inkognitofönster. Om du ändrade fel mallfil, kontrollera att ditt tema använder filen du redigerade.