Cara Menambahkan Chatbot AI Asyntai ke Squarespace
Panduan langkah demi langkah untuk situs web Squarespace
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.
Step 2: Add Code Using Code Injection (Business & Commerce Plans)
Jika Anda memiliki paket Squarespace Business atau Commerce, Anda dapat menambahkan chatbot ke semua halaman sekaligus menggunakan Code Injection:
- Masuk ke akun Squarespace Anda dan buka situs Anda
- Klik Settings di sidebar kiri
- Klik Advanced
- Klik Code Injection
- Gulir ke bawah ke bagian Footer
- Tempel kode embed Asyntai Anda di kotak teks Footer
- Klik "Save" di kiri atas
Tips: Menambahkan kode ke bagian Footer menempatkannya tepat sebelum tag penutup </body>, yang merupakan penempatan yang direkomendasikan untuk widget chat dan tidak akan memperlambat pemuatan halaman Anda.
Alternatif: Menggunakan Blok Kode (Semua Paket)
Jika Anda menggunakan paket Personal atau lebih suka menambahkan chatbot ke halaman tertentu saja, Anda dapat menggunakan Blok Kode:
- Buka situs Anda di Editor Squarespace
- Navigasi ke halaman di mana Anda ingin menambahkan chatbot
- Klik "Edit" pada halaman
- Arahkan kursor ke bagian dan klik "+ Add Block"
- Gulir ke bawah dan pilih "Code"
- Klik ikon pensil untuk mengedit blok kode
- Tempel kode embed Asyntai Anda
- Klik di luar blok untuk menutup editor
- Klik "Save" di pojok kiri atas
Penting: Saat menggunakan Blok Kode, Anda perlu menambahkan kode ke setiap halaman tempat Anda ingin chatbot muncul. Untuk instalasi seluruh situs, gunakan metode Code Injection di atas (memerlukan paket Business atau Commerce).
Langkah 3: Verifikasi Instalasi
Setelah menyimpan perubahan Anda, buka situs web Anda di tab browser baru atau jendela penyamaran. Anda seharusnya melihat tombol widget chat di pojok kanan bawah. Klik untuk memastikan widget terbuka dan berfungsi dengan benar.
Tidak melihat widget? Pastikan Anda telah menyimpan dan mempublikasikan perubahan Anda. Coba bersihkan cache browser atau lihat situs Anda di jendela penyamaran. Squarespace mungkin memerlukan beberapa menit untuk menerapkan perubahan kode.
Weebly