Kako dodati Asyntai AI chatbot na OpenCart

Vodič korak po korak za OpenCart web stranice

Platforma:

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.

Korak 1: Nabavite svoj kod za ugradnju

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>

Napomena: Gornji kod je samo primjer. Morate kopirati svoj vlastiti jedinstveni kod za ugradnju sa svoje Nadzorne ploče jer sadrži vaš osobni ID widgeta.

Step 2: Edit Footer Template

Najizravniji nacin za dodavanje chatbota je uredivanje predloska podnozja teme:

Pristupite datotekama OpenCarta putem FTP-a ili upravitelja datoteka
Idite do predloška podnožja teme:
- OpenCart 3.x/4.x: catalog/view/theme/VASA_TEMA/template/common/footer.twig
- OpenCart 2.x: catalog/view/theme/VASA_TEMA/template/common/footer.tpl
Otvorite datoteku podnožja za uređivanje
Pronađite zatvarajuću oznaku </body>
Zalijepite svoj Asyntai kod za ugradnju neposredno prije oznake </body>
Spremite datoteku
Ocistite OpenCart predmemoriju: Dashboard → Plava ikona zupcanika (gore desno) → Refresh ili obrisite sadrzaj system/storage/cache/

Savjet: Ako koristite zadanu temu, putanja bi bila catalog/view/theme/default/template/common/footer.twig. Uvijek napravite sigurnosnu kopiju prije uredivanja datoteka predloska.

Alternativa: Korištenje opcije prilagođenog koda teme

Mnoge moderne OpenCart teme uključuju ugrađenu opciju za prilagođeni kod:

Prijavite se u svoj OpenCart administratorski panel
Idite na Extensions → Themes (ili Extensions → Extensions → Themes)
Kliknite Edit na svojoj aktivnoj temi
Potrazite odjeljak "Custom Code", "Footer Scripts" ili "Custom JavaScript"
Zalijepite svoj Asyntai kod za ugradnju
Kliknite "Spremi"
Ocistite predmemoriju

Napomena: Nemaju sve teme ovu opciju. Ako vasa tema ne ukljucuje polja za prilagodeni kod, koristite metodu uredivanja predloska ili instalirajte prosirenje.

Alternativa: Korištenje proširenja za prilagođeni kod

Mozete instalirati besplatno prosirenje s OpenCart trznice za dodavanje prilagodenih skripti:

Go to the OpenCart Marketplace
Potrazite "Custom Script", "Header Footer Scripts" ili "Custom Code"
Preuzmite i instalirajte odgovarajuće proširenje
U svom administratorskom panelu idite na Extensions → Extensions → Modules
Pronađite i instalirajte modul za prilagođeni kod
Konfigurirajte modul i zalijepite svoj Asyntai ugradni kod u odjeljak podnozja
Spremite i očistite predmemoriju

Važno: Koristenje prosirenja preporucuje se umjesto uredivanja osnovnih datoteka jer prezivljavaju azuriranja OpenCarta. Popularna prosirenja ukljucuju "Custom Script in Header & Footer" dostupno na trznici.

Alternativa: Korištenje metode addScript (Za programere)

Za programere, OpenCart 3.x/4.x pruza programski nacin za dodavanje skripti:

Otvorite catalog/controller/common/footer.php
Dodajte sljedeci redak prije $data['scripts'] = $this->document->getScripts('footer');:
$this->document->addScript('https://asyntai.com/static/js/chat-widget.js', 'footer');
Za atribut podataka morat cete rucno izmijeniti footer.twig da ga ukljuci ili dodati umetnuti JavaScript nakon petlje skripti

Napomena: Da bi widget ispravno radio s atributom podataka, metoda predloska je jednostavnija jer metoda addScript ne podrzava prilagodene atribute izravno.

Korak 3: Provjerite instalaciju

Nakon spremanja promjena i ciscenja predmemorije, posjetite svoju trgovinu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb widgeta za razgovor u donjem desnom kutu. Kliknite ga kako biste provjerili otvara li se i radi li ispravno.

Ne vidite widget? Obavezno ocistite OpenCartovu predmemoriju. Idite na administratorski panel, kliknite plavu ikonu zupcanika u gornjem desnom kutu i kliknite gumbe za osvjezavanje. Takoder pokusajte ocistiti predmemoriju preglednika ili pregledavati u anonimnom prozoru. Ako ste izmijenili pogresnu datoteku predloska, provjerite koristi li vasa tema datoteku koju ste uredili.

Dokumentacija