Kako dodati klepetalnik Asyntai AI v Adobe Commerce (Magento)

Vodič po korakih za spletna mesta Magento

Platforma:

Korak 1: Pridobite svojo vdelovalno kodo

Najprej pojdite na svojo Nadzorno ploščo Asyntai in se pomaknite navzdol do razdelka "Vdelovalna koda". Kopirajte svojo edinstveno vdelovalno kodo, ki bo videti takole:

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

Opomba: Zgornja koda je le primer. Svojo edinstveno vdelovalno kodo morate kopirati iz svoje Nadzorne plošče, saj vsebuje vaš osebni ID klepetalnika.

Korak 2: Uporaba Page Builderja (priporočeno)

Najlažji način za dodajanje klepetalnika je uporaba bloka kode HTML v Page Builderju:

Prijavite se v svoj skrbniški panel Magento
Pojdite na Vsebina → Strani
Uredite svojo domaco stran (ali katero koli stran, kjer želite klepetalnik)
V Page Builderju povlecite element "HTML koda" na stran
Prilepite svojo vdelovalno kodo Asyntai
Kliknite "Shrani"
Počistite predpomnilnik: Sistem → Upravljanje predpomnilnika → Počisti predpomnilnik Magento

Pomembno: Uporaba Page Builderja doda kodo samo na posamezne strani. Za namestitev na celotnem spletnem mestu uporabite spodnji način z XML postavitvijo.

Alternativa: Uporaba XML postavitve (vse strani)

To add the chatbot to all pages, create a layout file in your theme:

Pojdite v mapo svoje teme: app/design/frontend/[Vendor]/[theme]/
Ustvarite strukturo map, če še ne obstaja: Magento_Theme/layout/
Ustvarite ali uredite datoteko default_head_blocks.xml
Dodajte naslednjo kodo:
<?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <head> <script src="https://asyntai.com/static/js/chat-widget.js" src_type="url" async="true" data-asyntai-id="YOUR_WIDGET_ID"/> </head> </page>
Replace YOUR_WIDGET_ID with your actual widget ID
Zaženite: bin/magento cache:flush
Zaženite: bin/magento setup:static-content:deploy -f (če ste v produkcijskem načinu)

Alternativa: Uporaba CMS bloka

Ustvarite lahko tudi CMS blok in ga vključite v svojo nogo strani:

Pojdite na Vsebina → Bloki
Kliknite "Dodaj nov blok"
Nastavite naslov, kot je "Asyntai Chatbot
Nastavite identifikator na asyntai_chatbot
In the content editor, switch to HTML mode and paste your embed code
Kliknite "Shrani blok"
Dodajte blok v svojo predlogo noge strani z uporabo: {{block id="asyntai_chatbot"}}
Počistite predpomnilnik

Korak 3: Preverite namestitev

Po shranjevanju sprememb in cišcenju predpomnilnika obiščite svojo trgovino v novem zavihku brskalnika ali oknu brez beleženja. V spodnjem desnem kotu bi morali videti gumb pripomocka za klepet. Kliknite nanj, da se prepričajte, da se odpre in pravilno deluje.