Cara Menambah Chatbot AI Asyntai ke Adobe Commerce (Magento)

Panduan langkah demi langkah untuk laman web Magento

Dapatkan Kod Benam

Langkah 1: Dapatkan Kod Benam Anda

Pertama, pergi ke Papan Pemuka Asyntai anda dan tatal ke bawah ke bahagian "Kod Benam". Salin kod benam unik anda yang akan kelihatan seperti ini:

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

Nota: Kod di atas hanyalah contoh. Anda mesti menyalin kod benam unik anda sendiri dari Papan Pemuka anda kerana ia mengandungi ID widget peribadi anda.

Langkah 2: Menggunakan Page Builder (Disyorkan)

Cara paling mudah untuk menambah chatbot adalah menggunakan blok HTML Code Page Builder:

  1. Log masuk ke Panel Admin Magento anda
  2. Pergi ke Content → Pages
  3. Edit Halaman Utama anda (atau mana-mana halaman di mana anda mahu chatbot)
  4. Dalam Page Builder, seret elemen "HTML Code" ke halaman
  5. Tampal kod benam Asyntai anda
  6. Klik "Save"
  7. Kosongkan cache: System → Cache Management → Flush Magento Cache

Penting: Menggunakan Page Builder hanya menambah kod ke halaman individu sahaja. Untuk pemasangan seluruh laman, gunakan kaedah Layout XML di bawah.

Alternatif: Menggunakan Layout XML (Semua Halaman)

Untuk menambah chatbot ke semua halaman, cipta fail layout dalam tema anda:

  1. Navigasi ke folder tema anda: app/design/frontend/[Vendor]/[theme]/
  2. Cipta struktur folder jika ia belum wujud: Magento_Theme/layout/
  3. Cipta atau edit fail default_head_blocks.xml
  4. Tambah kod berikut:
    <?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>
  5. Gantikan YOUR_WIDGET_ID dengan ID widget sebenar anda
  6. Jalankan: bin/magento cache:flush
  7. Jalankan: bin/magento setup:static-content:deploy -f (jika dalam mod pengeluaran)

Alternatif: Menggunakan Blok CMS

Anda juga boleh mencipta blok CMS dan memasukkannya dalam footer anda:

  1. Pergi ke Content → Blocks
  2. Klik "Add New Block"
  3. Tetapkan tajuk seperti "Asyntai Chatbot\
  4. Tetapkan Pengecam kepada asyntai_chatbot
  5. Dalam editor kandungan, tukar ke mod HTML dan tampal kod benam anda
  6. Klik "Save Block"
  7. Tambah blok ke templat footer anda menggunakan: {{block id="asyntai_chatbot"}}
  8. Kosongkan cache

Langkah 3: Sahkan Pemasangan

Selepas menyimpan perubahan anda dan mengosongkan cache, lawati kedai anda dalam tab pelayar baharu atau tetingkap inkognito. Anda sepatutnya melihat butang widget sembang di sudut kanan bawah. Klik padanya untuk memastikan ia dibuka dan berfungsi dengan betul.

Tidak nampak widget? Pastikan untuk mengosongkan semua cache: System → Cache Management → Flush Magento Cache. Cuba juga kosongkan cache pelayar anda atau lihat dalam tetingkap inkognito. Jika dalam mod pengeluaran, jalankan bin/magento setup:static-content:deploy -f.