Atur dan pasang widget

Atur tampilan widget, batasi domainnya, lalu tempel satu baris script di situsmu.

Diperbarui

Di mana kode widget untuk dipasang di situsku?

Kode widget ada di Pilih situs → Widget → Editor, di bagian ③ "Pasang di situsmu" (paling bawah). Isinya satu baris script yang sudah memuat site ID situsmu.

Di bagian itu ada pilihan platform: Wix, Squarespace, Webflow, Framer, WordPress, Shopify, HTML biasa, React, Next.js, Laravel, dan lainnya. Pilih yang sesuai dengan situsmu, lalu ikuti langkah tempelnya dan klik Salin. Kalau platformmu tidak ada, pakai tombol "Salin prompt" dan tanyakan ke AI pilihanmu.

Bagaimana cara memasang widget di situsku?

Tempel satu baris script tepat sebelum </body>, di semua halaman situsmu. Tidak ada paket npm yang perlu dipasang dan tidak ada perubahan lain di kodemu.

html
<script src="https://chatbot.inwebsite.online/widget.js" data-site-id="SITE_ID_KAMU" async></script>

Pakai kode dari dashboard supaya SITE_ID_KAMU sudah terisi benar. Pemasangan cukup sekali: perubahan tampilan berikutnya sampai ke situsmu tanpa ganti kode.

Bagaimana cara tahu widget sudah terpasang?

Lihat status di bagian atas halaman Pilih situs → Widget → Editor. Sebelum terpasang tertulis "Belum terpasang di situsmu". Setelah terpasang tertulis "Terpasang di" diikuti domain situsmu dan waktu terakhir dipakai.

Status ini dibaca dari chat yang berhasil dijawab di situsmu, jadi baru berubah setelah ada pesan. Buka situsmu dan kirim satu pesan ke widget untuk mengeceknya. Kalau sebulan penuh tidak ada chat, status kembali ke "Belum terpasang".

Apa saja yang bisa diatur di tampilan widget?

Bagian ① "Tampilan" di Pilih situs → Widget → Editor mengatur ini:

  • Warna utama, Sudut (Tajam, Lembut, Bulat), dan Tema panel (Terang, Gelap, Otomatis; Otomatis mengikuti mode gelap atau terang perangkat pengunjung).
  • Font: isi nama font yang sudah dipakai situsmu, misalnya Inter. Widget tidak mengunduh font sendiri.
  • Posisi (Kanan bawah atau Kiri bawah), Nama bot, Subjudul, dan Pesan sapaan. Tiap baris pesan sapaan jadi satu bubble.
  • Di "Opsi lain": Buka otomatis (nonaktif, atau 5, 10, 20 detik setelah halaman dibuka, sekali per pengunjung) dan WhatsApp cadangan (opsional, ditawarkan ke pengunjung kalau chatbot gagal membalas).

Apakah perubahan tampilan widget tersimpan otomatis?

Ya, perubahan di bagian ① "Tampilan" tersimpan otomatis tanpa tombol simpan, dan sampai ke situsmu dalam sekitar 1 menit. Status Menyimpan atau Belum tersimpan tampil di kanan judul bagian itu.

Nomor WhatsApp atau nama font yang belum valid tidak ikut tersimpan sampai kamu memperbaikinya. Daftar domain di bagian ② berbeda: perubahannya baru berlaku setelah kamu klik "Simpan domain" dan mengonfirmasinya.

Bagaimana cara mencoba chat widget sebelum dipasang?

Pakai panel "Coba widget" di sebelah form Tampilan, di Pilih situs → Widget → Editor. Panel itu menampilkan widget asli, jadi kamu bisa langsung mengetik pertanyaan dan melihat jawaban bot.

Chat di panel ini tercatat sebagai sesi Uji dan tidak memotong kuota chat. Di paket Gratis, preview juga menampilkan label "Didukung oleh" seperti yang akan dilihat pengunjung.

Bagaimana cara membatasi widget hanya untuk domain situsku?

Isi daftar di bagian ② "Domain yang diizinkan" di Pilih situs → Widget → Editor, satu domain per baris tanpa https://, misalnya inwebsite.online. Lalu klik "Simpan domain" dan konfirmasi dengan "Ya, terapkan".

Subdomain ikut diizinkan: kalau kamu mengisi situs.com, maka www.situs.com dan blog.situs.com juga boleh. Kalau kamu hanya mengisi www.situs.com, situs.com tanpa www tidak ikut. Entri yang formatnya salah, misalnya https://situs.com/halaman, ditandai dan bisa dirapikan dengan tombol "Perbaiki format".

Daftar kosong berarti semua domain boleh memakai widgetmu, dan dashboard menandainya "Belum terlindungi". Daftar ini menutup celah salin-tempel kode ke situs lain lewat browser, tetapi bukan proteksi mutlak: permintaan langsung di luar browser, misalnya curl, bisa memalsukan asalnya.

Kenapa widget tidak muncul di situsku?

Penyebab yang paling sering: kode belum ditempel di semua halaman, domain situsmu belum masuk daftar "Domain yang diizinkan", atau platformmu membatasi kode tambahan.

  • Cek bagian ② di Pilih situs → Widget → Editor. Kalau domainmu belum ada atau salah ketik, chat dari situsmu ditolak. Penolakannya tercatat sebagai "Domain tidak diizinkan" di Widget → Monitoring.
  • Cek bagian ③. Pastikan kode ada tepat sebelum </body> dan situs sudah dipublish atau di-deploy ulang.
  • Beberapa platform butuh paket berbayar untuk kode tambahan, misalnya Wix (Custom Code butuh paket Premium dan domain sendiri) dan Webflow (butuh Site plan berbayar). Google Sites dan Notion belum bisa dipasangi widget.

Topik lain di Widget

Monitoring trafik widget

Lihat berapa chat yang berhasil, diblokir, dan error dalam 24 jam terakhir, lengkap dengan alasan pemblokirannya.

Baca

Coba di situsmu sendiri

Daftarkan satu situs, ikuti langkah-langkahnya, lalu uji jawabannya di preview widget sebelum dipasang ke pengunjung.

Situsmu
Biasanya balas dalam beberapa detik
  1. Situsmu: Halo! Saya asisten virtual situsmu. Ada yang bisa saya bantu?

Warna, tema, dan posisinya kamu atur dari dashboard.