Cara Menambahkan Chatbot AI Asyntai ke Ecwid
Panduan langkah demi langkah untuk toko Ecwid
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: Pilih Metode Instalasi
Ada beberapa cara untuk menambahkan widget obrolan ke toko Ecwid Anda. Pilih metode yang paling sesuai untuk pengaturan Anda:
Metode 1: Menggunakan Editor Instant Site (Disarankan)
Jika Anda menggunakan Instant Site Ecwid, Anda dapat menambahkan bagian kode kustom langsung melalui editor situs. Metode ini tersedia pada paket Venture, Business, dan Unlimited.
Menambahkan Bagian Kode Kustom
- Masuk ke panel admin Ecwid Anda
- Buka Website → Edit Site (atau Overview → Manage Instant Site)
- Dari dropdown "Page: Homepage" di pojok kiri atas, pilih halaman tempat Anda ingin menambahkan chatbot (atau tetap di Homepage untuk seluruh situs)
- Klik "Add Section"
- Gulir ke bawah ke "Advanced Solutions"
- Di blok "Embed & Custom Code", klik "Add Custom Code Section"
- Tempel kode embed Asyntai Anda
- Klik "Save"
Tips: Menambahkan kode ke Homepage akan membuatnya muncul di semua halaman. Untuk performa terbaik, tambahkan JavaScript ke bagian body daripada header.
Metode 2: Menggunakan Bagian Kode JavaScript Kustom
Anda dapat menambahkan kode JavaScript kustom melalui pengaturan situs web lanjutan di dashboard Ecwid Anda. Metode ini memerlukan paket Ecwid berbayar.
- Masuk ke panel admin Ecwid Anda
- Buka Website (atau Overview → Manage Instant Site)
- Gulir ke bawah ke "Advanced website settings"
- Di bawah "Custom JavaScript code", klik "Add Code"
- Tempelkan kode embed Asyntai Anda di field yang muncul
- Klik "Save"
- Segarkan halaman Instant Site Anda di browser untuk melihat perubahan
Catatan: Bagian kode JavaScript Kustom memiliki batas 4000 karakter. Kode embed Asyntai jauh di bawah batas ini. Kode yang ditambahkan di sini akan muncul di bagian bawah bagian <body>.
Metode 3: Situs Web Eksternal dengan Toko Ecwid
Jika Anda telah menyematkan toko Ecwid Anda di situs web eksternal (WordPress, Wix, HTML kustom, dll.), Anda harus menambahkan kode Asyntai ke situs web tersebut.
Untuk WordPress dengan Plugin Ecwid
- Ikuti panduan instalasi WordPress
- Tambahkan kode embed Asyntai ke situs WordPress Anda menggunakan plugin WPCode atau file tema
- Chatbot akan muncul di semua halaman, termasuk halaman dengan toko Ecwid Anda
Untuk Platform Lain
Jika toko Ecwid Anda disematkan di platform lain:
- Temukan panduan instalasi yang sesuai untuk platform Anda
- Tambahkan kode embed Asyntai ke platform tersebut
- Chatbot akan bekerja bersama toko Ecwid Anda yang disematkan
Mengapa menambahkan kode ke situs eksternal? Ketika Ecwid disematkan di situs web lain, situs web induk yang mengontrol halaman. Menambahkan chatbot ke situs induk memastikan chatbot dimuat dengan benar dan muncul di semua halaman.
Langkah 3: Verifikasi Instalasi
Setelah menambahkan kode, kunjungi toko Ecwid Anda di tab browser baru atau jendela penyamaran. Anda akan melihat tombol widget obrolan di pojok kanan bawah toko Anda. Klik untuk memastikan widget terbuka dan berfungsi dengan benar.
Tidak melihat widget? Bersihkan cache browser Anda dan segarkan halaman. Pastikan Anda memiliki paket Ecwid berbayar, karena fitur JavaScript kustom memerlukan paket Venture, Business, atau Unlimited.
Weebly