Cara Menambah Chatbot AI Asyntai ke Volusion

Panduan langkah demi langkah untuk kedai e-dagang Volusion

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: Sandarkan Tema Anda

Sebelum membuat sebarang perubahan pada kedai Volusion anda, adalah penting untuk membuat sandaran:

Log masuk ke Panel Admin Volusion anda
Navigasi ke Design → File Editor
Klik pada Archive Theme untuk membuat sandaran
Muat turun salinan arkib untuk simpanan selamat

Penting: Sentiasa sandarkan tema anda sebelum membuat perubahan kod. Ini membolehkan anda mengembalikan dengan mudah jika berlaku masalah.

Langkah 3: Tambah Kod ke Templat (Disyorkan)

Untuk menambah chatbot ke semua halaman kedai Volusion anda:

Dalam Panel Admin Volusion anda, pergi ke Design → Template
Secara alternatif, pergi ke Design → File Editor → Shortcuts
Cari fail templat utama (biasanya template_*.html)
Tatal ke bawah untuk mencari tag penutup </body>
Tampal kod benam Asyntai anda sejurus sebelum tag </body>
Klik Save untuk menerapkan perubahan
Pratonton kedai anda untuk mengesahkan chatbot muncul

Petua: Menambah kod sebelum tag penutup </body> memastikan prestasi pemuatan halaman yang optimum. Kaedah ini menambah chatbot ke setiap halaman kedai anda secara automatik.

Kaedah Alternatif 1: Suntikan HTML Header/Footer

Volusion membolehkan anda menambah kod tersuai melalui tetapan global:

Log masuk ke Panel Admin Volusion anda
Navigasi ke Settings → Design Settings
Cari bahagian Custom HTML atau Footer Code
Tampal kod benam Asyntai anda dalam medan ini
Klik Save
Kod kini akan ditambah ke semua halaman secara automatik

Nota: Lokasi tepat tetapan HTML tersuai mungkin berbeza bergantung pada pelan dan versi Volusion anda. Cari tetapan yang berkaitan dengan "Custom Code," "Header/Footer," atau "Global HTML.

Kaedah Alternatif 2: Pemasangan Khusus Halaman

Jika anda mahu menambah chatbot ke halaman tertentu sahaja:

Pergi ke Design → File Editor → Shortcuts
Cipta atau edit templat khusus halaman menggunakan fungsi PageName
Tambah kod bersyarat untuk menyertakan skrip hanya pada halaman tertentu:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

Petua: Kaedah ini berguna jika anda hanya mahu chatbot pada halaman tertentu seperti halaman produk, pembayaran, atau halaman sokongan. Gantikan 'home' dan 'products' dengan nama halaman sebenar dari kedai Volusion anda.

Kaedah Alternatif 3: Artikel CSS/HTML Tersuai

Anda juga boleh menambah kod melalui blok artikel:

Dalam Admin Volusion, pergi ke Articles → Articles
Cipta artikel baharu atau sunting artikel sedia ada
Tukar ke paparan HTML dalam penyunting artikel
Tampal kod benam Asyntai anda
Simpan artikel
Tambahkan artikel ini ke templat halaman atau bar sisi anda
Chatbot akan muncul di halaman di mana artikel ini dipaparkan

Nota: Kaedah ini kurang biasa tetapi boleh berguna jika anda mempunyai akses terhad kepada fail templat atau ingin menghidupkan/mematikan chatbot dengan mudah dengan menyembunyikan/memaparkan artikel.

Langkah 4: Sahkan Pemasangan

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

Tidak nampak widget? Pastikan anda telah menyimpan semua perubahan templat. Kosongkan cache pelayar anda atau lihat dalam mod inkognito. Volusion mungkin menyimpan cache templat, jadi perubahan mungkin mengambil masa beberapa minit untuk muncul. Semak konsol pelayar (F12) untuk sebarang ralat JavaScript.

Perlukan Bantuan?

Jika anda tidak selesa menyunting fail templat, pasukan Sokongan Pelanggan Volusion boleh membantu dengan permintaan HTML dan CSS tersuai. Anda juga boleh menghubungi sokongan Asyntai untuk panduan memasang chatbot di kedai Volusion anda.

Sokongan Profesional: Volusion menawarkan perkhidmatan pengekodan tersuai jika anda memerlukan bantuan profesional dengan pengubahsuaian tema atau penyesuaian yang kompleks.

Dokumentasi