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

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

Plattform:

The Easy Way: Install the Asyntai Extension

We publish a free extension on the OpenCart Marketplace. It puts the chatbot on your storefront and connects your account, and there is no code to copy and no template to edit. It works on OpenCart 3.x and 4.x.

Download Asyntai - AI Chatbot from the OpenCart Marketplace
In your admin panel, go to Extensions → Installer and upload the ZIP file
Go to Extensions → Extensions, choose Modules in the list, find Asyntai AI Chatbot and press the green install button
Press edit, then press Connect to Asyntai. A window opens where you sign in or create an account.

That is all. The chatbot is live on your storefront when the window closes.

Your products, prices and stock

When you connect, the extension also lets Asyntai read your catalogue. Your assistant then answers with the price you charge today and tells shoppers what is in stock, instead of repeating whatever your pages said when they were last read.

Asyntai reads your products through a read-only address on your own store. Every request is signed, and the reply carries the prices a shopper would actually pay, with your tax rules already applied. You can switch this off at any time on the extension's settings screen.

Updating from version 1.0.0? OpenCart clears a module's settings when you uninstall it, so press Connect to Asyntai once after the update. From this version on, updates keep your connection.

Or Add the Code Yourself

Prefer not to install an extension? The rest of this page shows how to add the chatbot by hand. You will not get the catalogue reading this way.

Steg 1: Hämta din inbäddningskod

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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.

Step 2: Edit Footer Template

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

Många moderna OpenCart-teman innehåller ett inbyggt alternativ för anpassad kod:

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:

Go to the 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.

Dokumentation