Cara Menambahkan Chatbot AI Asyntai ke Wix

Panduan langkah demi langkah untuk website Wix

Platform:

Langkah 1: Dapatkan Kode Embed Anda

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

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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: Tambahkan Kode Menggunakan Custom Code (Disarankan)

Custom Code menambahkan chatbot ke semua halaman sekaligus. Wix menyediakannya untuk situs yang sudah dipublikasikan dan memiliki domain terhubung, yang memerlukan paket Premium:

Masuk ke akun Wix Anda dan buka Dashboard situs Anda
Klik Settings di sidebar kiri
Di bagian Development & integrations, klik Custom Code
Klik "+ Add Custom Code" di kanan atas
Tempel kode embed Asyntai Anda di kotak teks
Masukkan nama untuk kode Anda (misalnya, "Asyntai Chatbot")
Di bawah "Add Code to Pages", pilih "All pages"
Di bawah "Place Code in", pilih "Body - end"
Klik "Apply" untuk menyimpan

Tips: Memilih "Body - end" menempatkan script tepat sebelum tag penutup </body>, yang merupakan penempatan yang direkomendasikan untuk widget chat.

Alternatif: Menggunakan Elemen Embed HTML (Paket Gratis)

Tanpa paket Premium, Anda dapat menambahkan kode ke halaman dengan elemen Embed HTML. Wix menampilkan elemen ini sebagai iframe, sehingga widget chat tetap berada di dalam kotak elemen dan tidak melayang di atas halaman. Buat kotak tersebut cukup besar untuk jendela chat yang terbuka.

Buka situs Anda di Wix Editor
Klik "Add Elements" (tombol "+") di toolbar kiri
Pilih "Embed Code", lalu "Popular Embeds", lalu "Embed HTML"
Klik "Enter Code" dan tempel kode embed Asyntai Anda
Klik "Apply"
Seret sudut-sudut elemen agar cukup besar untuk jendela chat yang terbuka
Klik "Publish" untuk menyimpan perubahan Anda

Penting: Dengan metode Embed HTML, Anda perlu menambahkan elemen ke setiap halaman tempat Anda ingin chatbot muncul. Untuk menambahkannya ke semua halaman sekaligus, gunakan metode Custom Code di atas.

Langkah 3: Verifikasi Instalasi

Setelah menambahkan kode, publikasikan situs Anda dan kunjungi 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 situs Anda sudah dipublikasikan (bukan hanya disimpan). Wix mungkin memerlukan beberapa menit untuk menerapkan perubahan custom code. Coba bersihkan cache browser atau lihat di jendela incognito.

Menambahkan Bilah Pencarian AI

Bilah Pencarian AI adalah widget terpisah dengan kodenya sendiri. Tambahkan bersama chat, atau sendirian. Ia memerlukan paket Standard atau lebih tinggi: pada paket lebih rendah bilah muncul tetapi tidak menampilkan hasil.

Tambahkan atribut data-replace pada tag script dan bilah ini akan menggantikan bilah pencarian bawaan tema Anda. Tambahkan di Settings, Custom Code, tempat yang sama dengan kode chat. Wix hanya menyediakan Custom Code pada paket Premium dengan domain terhubung, jadi Anda memerlukannya untuk memasang ini.

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