Asyntai AI -chatbotin lisääminen Adobe Commerceen (Magento)

Vaiheittainen ohje Magento-verkkosivustoille

Alusta:

Vaihe 1: Hanki upotuskoodisi

Siirry ensin Asyntai-hallintapaneeliin ja vieritä alas "Upotuskoodi"-osioon. Kopioi yksilöllinen upotuskoodisi, joka näyttää tältä:

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

Huomautus: Yllä oleva koodi on vain esimerkki. Sinun on kopioitava oma yksilöllinen upotuskoodisi Hallintapaneelistasi, sillä se sisältää henkilökohtaisen widget-tunnuksesi.

Vaihe 2: Page Builderin käyttö (suositeltu)

Helpoin tapa lisätä chatbot on käyttää Page Builderin HTML Code -lohkoa:

Kirjaudu sisään Magento Admin Panel -hallintapaneeliin
Siirry kohtaan Content → Pages
Muokkaa etusivuasi (tai mitä tahansa sivua, johon haluat chatbotin)
Vedä Page Builderissa "HTML Code" -elementti sivulle
Liitä Asyntai-upotuskoodisi
Napsauta "Save"
Tyhjennä välimuisti: System → Cache Management → Flush Magento Cache

Tärkeää: Page Builderin käyttö lisää koodin vain yksittäisille sivuille. Koko sivuston kattavaa asennusta varten käytä alla olevaa Layout XML -menetelmää.

Vaihtoehto: Layout XML:n käyttö (kaikki sivut)

Lisätäksesi chatbotin kaikille sivuille, luo layout-tiedosto teemaasi:

Siirry teemakansioon: app/design/frontend/[Vendor]/[theme]/
Luo kansiorakenne, jos sitä ei ole: Magento_Theme/layout/
Luo tai muokkaa tiedostoa default_head_blocks.xml
Lisää seuraava koodi:
<?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>
Korvaa YOUR_WIDGET_ID todellisella widget-tunnuksellasi
Suorita: bin/magento cache:flush
Suorita: bin/magento setup:static-content:deploy -f (jos tuotantotilassa)

Vaihtoehto: CMS-lohkon käyttö

Voit myös luoda CMS-lohkon ja sisällyttää sen alatunnisteeseen:

Siirry kohtaan Content → Blocks
Napsauta "Add New Block"
Aseta otsikoksi esimerkiksi "Asyntai Chatbot\
Aseta tunniste muotoon asyntai_chatbot
Vaihda sisältöeditorissa HTML-tilaan ja liitä upotuskoodisi
Napsauta "Save Block"
Lisää lohko alatunnistemalliisi käyttämällä: {{block id="asyntai_chatbot"}}
Tyhjennä välimuisti

Vaihe 3: Vahvista asennus

Kun olet tallentanut muutoksesi ja tyhjäntänyt välimuistin, avaa kauppasi uudessa selaimen välilehdessä tai incognito-ikkunassa. Chat-widgetin painikkeen pitäisi näkyä oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.