Kako dodati Asyntai AI chatbot na OpenCart

Vodic korak po korak za OpenCart web stranice

Platforma:

Korak 1: Nabavite svoj kod za ugradnju

Prvo idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Kod za ugradnju". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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.

Korak 2: Uredite predlozak podnozja (Preporuceno)

Najizravniji nacin za dodavanje chatbota je uredivanje predloska podnozja teme:

Pristupite datotekama OpenCarta putem FTP-a ili upravitelja datoteka
Navigirajte do predloska podnozja 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 podnozja za uredivanje
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: Koristenje opcije prilagodenog koda teme

Mnoge moderne OpenCart teme ukljucuju ugradenu opciju za prilagodeni 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: Koristenje prosirenja za prilagodeni kod

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

Idite na OpenCart trznicu
Potrazite "Custom Script", "Header Footer Scripts" ili "Custom Code"
Preuzmite i instalirajte odgovarajuce prosirenje
U svom administratorskom panelu idite na Extensions → Extensions → Modules
Pronadite i instalirajte modul za prilagodeni kod
Konfigurirajte modul i zalijepite svoj Asyntai ugradni kod u odjeljak podnozja
Spremite i ocistite 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: Koristenje 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.