Cara Menambahkan Chatbot AI Asyntai ke Volusion

Panduan langkah demi langkah untuk toko e-commerce Volusion

Platform:

Langkah 1: Dapatkan Kode Embed Anda

Pertama, buka Dasbor Asyntai dan gulir ke bawah ke bagian "Kode Embed". Salin kode embed unik Anda yang akan terlihat seperti ini:

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

Catatan: Kode di atas hanya contoh. Anda harus menyalin kode embed unik Anda sendiri dari Dasbor karena berisi ID widget personal Anda.

Langkah 2: Cadangkan Tema Anda

Sebelum membuat perubahan apa pun pada toko Volusion Anda, penting untuk membuat cadangan:

Masuk ke Panel Admin Volusion Anda
Navigasi ke Design → File Editor
Klik pada Archive Theme untuk membuat cadangan
Unduh salinan arsip untuk disimpan dengan aman

Penting: Selalu cadangkan tema Anda sebelum membuat perubahan kode. Ini memungkinkan Anda untuk dengan mudah mengembalikan jika terjadi kesalahan.

Langkah 3: Tambahkan Kode ke Template (Direkomendasikan)

Untuk menambahkan chatbot ke semua halaman toko Volusion Anda:

Di Panel Admin Volusion Anda, buka Design → Template
Atau, buka Design → File Editor → Shortcuts
Temukan file template utama (biasanya template_*.html)
Gulir ke bawah untuk menemukan tag penutup </body>
Tempel kode embed Asyntai Anda tepat sebelum tag </body>
Klik Save untuk menerapkan perubahan
Pratinjau toko Anda untuk memverifikasi chatbot muncul

Tip: Menambahkan kode sebelum tag penutup </body> memastikan kinerja muat halaman yang optimal. Metode ini menambahkan chatbot ke setiap halaman toko Anda secara otomatis.

Metode Alternatif 1: Injeksi HTML Header/Footer

Volusion memungkinkan Anda menambahkan kode kustom melalui pengaturan global:

Masuk ke Panel Admin Volusion Anda
Navigasi ke Settings → Design Settings
Cari bagian Custom HTML atau Footer Code
Tempel kode embed Asyntai Anda di kolom ini
Klik Save
Kode sekarang akan ditambahkan ke semua halaman secara otomatis

Catatan: Lokasi pasti pengaturan HTML kustom mungkin bervariasi tergantung pada paket dan versi Volusion Anda. Cari pengaturan yang terkait dengan "Custom Code," "Header/Footer," atau "Global HTML."

Metode Alternatif 2: Instalasi Khusus Halaman

Jika Anda ingin menambahkan chatbot ke halaman tertentu saja:

Buka Design → File Editor → Shortcuts
Buat atau edit template khusus halaman menggunakan fungsi PageName
Tambahkan kode kondisional 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>

Tip: Metode ini berguna jika Anda hanya ingin chatbot di halaman tertentu seperti halaman produk, checkout, atau halaman dukungan. Ganti 'home' dan 'products' dengan nama halaman yang sebenarnya dari toko Volusion Anda.

Metode Alternatif 3: Artikel CSS/HTML Kustom

Anda juga dapat menambahkan kode melalui blok artikel:

Di Volusion Admin, buka Articles → Articles
Buat artikel baru atau edit artikel yang sudah ada
Beralih ke tampilan HTML di editor artikel
Tempel kode embed Asyntai Anda
Simpan artikel
Tambahkan artikel ini ke template halaman atau sidebar Anda
Chatbot akan muncul di halaman tempat artikel ini ditampilkan

Catatan: Metode ini jarang digunakan tetapi bisa berguna jika Anda memiliki akses terbatas ke file template atau ingin dengan mudah mengaktifkan/menonaktifkan chatbot dengan menyembunyikan/menampilkan artikel.

Langkah 4: Verifikasi Instalasi

Setelah menyimpan perubahan, buka toko Volusion Anda di tab browser baru atau jendela incognito. Anda akan melihat tombol widget chat di pojok kanan bawah. Klik untuk memastikan widget terbuka dan berfungsi dengan benar.

Tidak melihat widget? Pastikan Anda telah menyimpan semua perubahan template. Bersihkan cache browser atau lihat dalam mode incognito. Volusion mungkin menyimpan cache template, jadi perubahan mungkin membutuhkan beberapa menit untuk muncul. Periksa konsol browser (F12) untuk melihat error JavaScript.

Butuh Bantuan?

Jika Anda tidak nyaman mengedit file template, tim Dukungan Pelanggan Volusion dapat membantu permintaan HTML dan CSS kustom. Anda juga dapat menghubungi dukungan Asyntai untuk panduan menginstal chatbot di toko Volusion Anda.

Dukungan Profesional: Volusion menawarkan layanan coding kustom jika Anda membutuhkan bantuan profesional untuk modifikasi tema atau kustomisasi yang kompleks.

Dokumentasi