Slik legger du til Asyntai AI-chatbot i OpenCart

Trinn-for-trinn-guide for OpenCart-nettsteder

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.

Trinn 1: Hent innbyggingskoden din

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>

Merk: Koden ovenfor er bare et eksempel. Du må kopiere din egen unike innbyggingskode fra Dashbordet ditt, da den inneholder din personlige widget-ID.

Step 2: Edit Footer Template

Den mest direkte måten å legge til chatboten på er å redigere temaets bunntekstmal:

Få tilgang til OpenCart-filene dine via FTP eller filbehandler
Naviger til temaets bunntekstmal:
- 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
Åpne bunntekstfilen for redigering
Finn den avsluttende </body>-taggen
Lim inn Asyntai-innbyggingskoden din rett før </body>-taggen
Lagre filen
Tøm OpenCart-hurtigbufferen: Dashboard → Blått tannhjulikon (øverst til høyre) → Refresh eller slett innholdet i system/storage/cache/

Tips: Hvis du bruker standardtemaet, vil stien være catalog/view/theme/default/template/common/footer.twig. Lag alltid en sikkerhetskopi før du redigerer malfiler.

Alternativ: Bruk av temaets egendefinerte kodealternativ

Mange moderne OpenCart-temaer inkluderer et innebygd alternativ for egendefinert kode:

Logg inn på OpenCart Admin Panel
Gå til Extensions → Themes (eller Extensions → Extensions → Themes)
Klikk Edit på det aktive temaet ditt
Se etter seksjonen «Custom Code», «Footer Scripts» eller «Custom JavaScript»
Lim inn Asyntai-innbyggingskoden din
Klikk på «Lagre»
Tøm hurtigbufferen

Merk: Ikke alle temaer har dette alternativet. Hvis temaet ditt ikke inkluderer felt for egendefinert kode, bruk malredigeringsmetoden eller installer en utvidelse.

Alternativ: Bruk av en egendefinert kodeutvidelse

Du kan installere en gratis utvidelse fra OpenCart Marketplace for å legge til egendefinerte skript:

Go to the OpenCart Marketplace
Søk etter «Custom Script», «Header Footer Scripts» eller «Custom Code»
Last ned og installer en passende utvidelse
I adminpanelet ditt, gå til Extensions → Extensions → Modules
Finn og installer den egendefinerte kodemodulen
Konfigurer modulen og lim inn Asyntai-innbyggingskoden din i bunntekstseksjonen
Lagre og tøm hurtigbufferen

Viktig: Det anbefales å bruke utvidelser fremfor å redigere kjernefiler, da de overlever OpenCart-oppdateringer. Populære utvidelser inkluderer «Custom Script in Header & Footer» som er tilgjengelig på markedsplassen.

Alternativ: Bruk av addScript-metoden (for utviklere)

For utviklere tilbyr OpenCart 3.x/4.x en programmatisk måte å legge til skript på:

Åpne catalog/controller/common/footer.php
Legg til følgende linje før $data['scripts'] = $this->document->getScripts('footer');:
$this->document->addScript('https://asyntai.com/static/js/chat-widget.js', 'footer');
For data-attributten må du endre footer.twig for å inkludere den manuelt, eller legge til inline JavaScript etter skriptløkken

Merk: For at widgeten skal fungere riktig med data-attributten, er malmetoden enklere ettersom addScript-metoden ikke støtter egendefinerte attributter direkte.

Trinn 3: Bekreft installasjonen

Etter at du har lagret endringene og tømt hurtigbufferen, besøk nettbutikken din i en ny nettleserfane eller et inkognitovindu. Du bør se chat-widget-knappen i nedre høyre hjørne. Klikk på den for å forsikre deg om at den åpnes og fungerer riktig.

Ser du ikke widgeten? Sørg for å tømme OpenCarts hurtigbuffer. Gå til adminpanelet ditt, klikk på det blå tannhjulikonet øverst til høyre, og klikk på oppdateringsknappene. Prøv også å tømme nettleserens hurtigbuffer eller åpne siden i et inkognitovindu. Hvis du endret feil malfil, sjekk at temaet ditt bruker filen du redigerte.

Dokumentasjon