Kako dodati Asyntai AI chatbot na Adobe Commerce (Magento)

Vodic korak po korak za Magento 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: Koristenje Page Buildera (Preporuceno)

Najlaksi nacin za dodavanje chatbota je koristenje HTML Code bloka Page Buildera:

Prijavite se u svoj Magento administratorski panel
Idite na Content → Pages
Uredite svoju pocetnu stranicu (ili bilo koju stranicu na kojoj zelite chatbot)
U Page Builderu povucite element "HTML Code" na stranicu
Zalijepite svoj Asyntai kod za ugradnju
Kliknite "Spremi"
Ispraznite predmemoriju: System → Cache Management → Flush Magento Cache

Važno: Koristenje Page Buildera dodaje kod samo na pojedinacne stranice. Za instalaciju na cijelom webu koristite metodu Layout XML u nastavku.

Alternativa: Koristenje Layout XML-a (Sve stranice)

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

Navigirajte do mape teme: app/design/frontend/[Vendor]/[tema]/
Izradite strukturu mapa ako ne postoji: Magento_Theme/layout/
Izradite ili uredite datoteku default_head_blocks.xml
Dodajte sljedeci kod:
<?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>
Zamijenite YOUR_WIDGET_ID svojim stvarnim ID-jem widgeta
Pokrenite: bin/magento cache:flush
Pokrenite: bin/magento setup:static-content:deploy -f (ako ste u produkcijskom nacinu)

Alternativa: Koristenje CMS bloka

Takoder mozete izraditi CMS blok i ukljuciti ga u podnozje:

Idite na Content → Blocks
Kliknite "Add New Block"
Postavite naslov poput "Asyntai Chatbot"
Postavite identifikator na asyntai_chatbot
In the content editor, switch to HTML mode and paste your embed code
Kliknite "Save Block"
Dodajte blok u predlozak podnozja koristeci: {{block id="asyntai_chatbot"}}
Ispraznite predmemoriju

Korak 3: Provjerite instalaciju

Nakon spremanja promjena i praznjenja 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.