Cara Menambah Chatbot AI Asyntai ke BigCommerce

Panduan langkah demi langkah untuk kedai BigCommerce

Platform:

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: Pilih Kaedah Pemasangan

Terdapat beberapa cara untuk menambah widget sembang ke BigCommerce. Pilih kaedah yang paling sesuai untuk anda:

Kaedah 1: Menggunakan Pengurus Skrip (Disyorkan)

Pengurus Skrip adalah cara paling mudah dan disyorkan untuk menambah skrip tersuai ke kedai BigCommerce anda. Ia tidak memerlukan pengetahuan pengekodan dan kekal merentasi perubahan tema.

Log masuk ke Panel Kawalan BigCommerce anda
Pergi ke Storefront → Script Manager
Klik butang "Create a Script"
Konfigurasikan skrip anda dengan tetapan ini:
- Nama: Asyntai AI Chatbot
- Penerangan: Widget sembang dikuasakan AI (pilihan)
- Peletakan: Footer
- Lokasi: Semua Halaman
- Kategori Skrip: Fungsional
- Jenis Skrip: Script
Dalam kotak "Script Contents", tampal kod benam Asyntai anda
Klik "Save"

Mengapa gunakan Pengurus Skrip? Skrip yang ditambah melalui Pengurus Skrip diurus secara berasingan daripada tema anda. Ia tidak akan terjejas apabila anda mengemas kini atau menukar tema kedai anda.

Kaedah 2: Menggunakan Page Builder

Anda boleh menggunakan Page Builder BigCommerce untuk menambah widget sembang menggunakan elemen HTML. Kaedah ini berguna jika anda mahukan lebih kawalan ke atas di mana widget muncul.

Log masuk ke Panel Kawalan BigCommerce anda
Pergi ke Storefront → My Themes
Klik butang "Customize" pada tema aktif anda
Dalam bar sisi kiri Page Builder, cari elemen "HTML"
Seret dan lepas elemen HTML ke kawasan footer templat halaman anda
Klik pada elemen HTML dan pilih "Edit HTML"
Tampal kod benam Asyntai anda
Klik "Save HTML"
Click "Publish" to apply changes to your live store

Nota: Jika anda mahu chatbot di semua halaman, anda perlu menambahnya ke kawasan global seperti footer. Kaedah Pengurus Skrip lebih mudah untuk pemasangan seluruh tapak.

Kaedah 3: Edit Fail Tema (Tema Stencil)

Untuk pembangun yang menggunakan tema Stencil, anda boleh menambah kod terus ke fail tema anda. Ini memerlukan akses kepada fail sumber tema anda.

Menggunakan Panel Kawalan BigCommerce

Pergi ke Storefront → My Themes
Klik "Advanced" pada tema aktif anda
Pilih "Edit Theme Files"
Navigasi ke templates → components → common
Buka footer.html
Tatal ke bahagian bawah fail
Tampal kod benam Asyntai anda sejurus sebelum tag penutup
Klik "Save & Apply File"

Menggunakan Stencil CLI (Pembangunan Tempatan)

Jika anda membangun secara tempatan dengan Stencil CLI:

Buka fail tempatan tema anda
Navigasi ke templates/components/common/footer.html
Tambah kod benam Asyntai anda sebelum tag penutup
Tolak perubahan anda menggunakan stencil push

Penting: Perubahan fail tema mungkin ditimpa apabila anda mengemas kini tema anda. Untuk penyelesaian kekal yang berterusan merentasi kemas kini tema, gunakan kaedah Pengurus Skrip.

Langkah 3: Sahkan Pemasangan

Selepas menambah kod, lawati kedai BigCommerce anda dalam tab pelayar baharu atau tetingkap inkognito. Anda sepatutnya melihat butang widget sembang di sudut kanan bawah kedai anda. Klik padanya untuk memastikan ia terbuka dan berfungsi dengan betul.

Tidak nampak widget? Kosongkan cache pelayar anda dan cuba lagi. Jika anda telah membuat perubahan melalui Editor Tema, pastikan anda mengklik "Publish" untuk menerapkan perubahan ke kedai langsung anda.

Dokumentasi