Az Asyntai AI Chatbot hozzáadása az OpenCart-hoz

Lépésről lépésre útmutató az OpenCart weboldalakhoz

Platform:

1. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai Irányítópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:

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

Megjegyzés: A fenti kód csak egy példa. Le kell másolnia saját egyedi beágyazási kódját az Irányítópultról, mivel az tartalmazza személyes widget-azonosítóját.

2. lépés: Lábléc sablon szerkesztése (ajánlott)

A chatbot hozzáadásának legegyszerűbb módja a téma lábléc sablonjának szerkesztése:

Nyissa meg az OpenCart fájlokat FTP-n vagy fájlkezelőn keresztül
Navigáljon a témája lábléc sablonjához:
- 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
Nyissa meg a lábléc fájlt szerkesztésre
Keresse meg a záró </body> taget
Illessze be az Asyntai beágyazási kódot közvetlenül a </body> tag elé
Mentse el a fájlt
Ürítse az OpenCart gyorsítótárát: Irányítópult → Kék fogaskerék ikon (jobb felül) → Frissítés vagy törölje a system/storage/cache/ tartalmát

Tipp: Ha az alapértelmezett témát használja, az elérési út catalog/view/theme/default/template/common/footer.twig lesz. Mindig készítsen biztonsági másolatot a sablonfájlok szerkesztése előtt.

Alternatíva: A téma egyéni kód opciójának használata

Sok modern OpenCart téma beépített opciót tartalmaz egyéni kódhoz:

Jelentkezzen be az OpenCart adminpanelre
Lépjen a Bővítmények → Témák menüponthoz (vagy Bővítmények → Bővítmények → Témák)
Kattintson a Szerkesztés gombra az aktív témájánál
Keressen „Egyéni kód", „Lábléc szkriptek" vagy „Egyéni JavaScript" szakaszt
Illessze be az Asyntai beágyazási kódját
Kattintson a „Mentés" gombra
Ürítse a gyorsítótárat

Megjegyzés: Nem minden témában érhető el ez az opció. Ha a témája nem tartalmaz egyéni kódmezőket, használja a sablon szerkesztési módszert, vagy telepítsen egy bővítményt.

Alternatíva: Egyéni kód bővítmény használata

Ingyenes bővítményt telepíthet az OpenCart Piactérről egyéni szkriptek hozzáadásához:

Lépjen az OpenCart Piactérre
Keressen „Egyéni szkript", „Fejléc lábléc szkriptek" vagy „Egyéni kód" kifejezésre
Töltse le és telepítse a megfelelő bővítményt
Az adminpanelen lépjen a Bővítmények → Bővítmények → Modulok menüponthoz
Keresse meg és telepítse az egyéni kód modult
Konfigurálja a modult, és illessze be az Asyntai beágyazó kódját a lábléc szakaszba
Mentse el, és ürítse a gyorsítótárat

Fontos: A bővítmények használata javasolt az alapfájlok szerkesztésével szemben, mivel az OpenCart frissítések után is megmaradnak. Népszerű bővítmények közé tartozik a piactéren elérhető „Egyéni szkript fejlécben és láblécben".

Alternatíva: addScript módszer használata (fejlesztőknek)

Az OpenCart 3.x/4.x programozói módot biztosít szkriptek hozzáadásához fejlesztők számára:

Nyissa meg a catalog/controller/common/footer.php fájlt
Adja hozzá a következő sort a $data['scripts'] = $this->document->getScripts('footer'); sor elé:
$this->document->addScript('https://asyntai.com/static/js/chat-widget.js', 'footer');
Az adatattribútumhoz módosítania kell a footer.twig fájlt, hogy manuálisan tartalmazza azt, vagy adjon hozzá inline JavaScriptet a szkriptek ciklusa után

Megjegyzés: Ahhoz, hogy a widget megfelelően működjön az adatattribútummal, a sablon módszer egyszerűbb, mivel az addScript módszer közvetlenül nem támogat egyéni attribútumokat.

3. lépés: Telepítés ellenőrzése

A változtatások mentése és a gyorsítótár ürítése után látogassa meg az áruházát egy új böngészőlapon vagy inkognító ablakban. A jobb alsó sarokban meg kell jelennie a chat widget gombnak. Kattintson rá, hogy megbizonyosodjon arról, hogy megnyílik és megfelelően működik.

Nem látja a widgetet? Ürítse az OpenCart gyorsítótárát. Lépjen az adminpanelre, kattintson a jobb felső sarokban lévő kék fogaskerék ikonra, majd kattintson a frissítés gombokra. Próbálja meg törölni a böngészőgyorsítótárat is, vagy tekintse meg inkognító ablakban. Ha rossz sablonfájlt módosított, ellenőrizze, hogy a témája a szerkesztett fájlt használja-e.