Kako dodati Asyntai AI chatbot na Adobe Commerce (Magento)

Vodič 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: Korištenje Page Buildera (Preporučeno)

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: Korištenje Layout XML-a (Sve stranice)

Za dodavanje chatbota na sve stranice, izradite datoteku rasporeda u svojoj temi:

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 sljedeći 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: Korištenje CMS bloka

Takoder možete izraditi CMS blok i ukljuciti ga u podnožje:

Idite na Content → Blocks
Kliknite "Add New Block"
Postavite naslov poput "Asyntai Chatbot"
Postavite identifikator na asyntai_chatbot
U uređivaču sadržaja prijeđite na HTML način rada i zalijepite svoj ugradni kod
Kliknite "Save Block"
Dodajte blok u predložak podnožja koristeći: {{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.