Running your own ConvTag install? → Bahasa Indonesia help · install / env / deployment live in the repo README.md
User guide · English User guide · Bahasa
C ConvTag docs

Embed the widget

Install snippet

Widget adalah satu baris kode yang Anda tempelkan di situs web. Setelah dipasang, asisten AI langsung muncul di pojok bawah layar pengunjung.

Kode pasang

Salin kode berikut dan tempelkan di akhir halaman web Anda — persis sebelum tag </body>:

Kode pasang
<script src="https://app.convtag.com/widget/widget.js" data-agent-id="AGENT_ID_ANDA" async></script>

Ganti AGENT_ID_ANDA dengan ID agen Anda. ID ini bisa Anda temukan di halaman Pengaturan agen, di bagian Kode pasang. Klik tombol Salin untuk menyalin kode lengkap dengan ID agen sudah terisi.

WordPress, Shopify, dan platform lain

Jika Anda menggunakan platform seperti WordPress, Shopify, atau Webflow, cukup tempelkan kode di atas melalui pengaturan tema atau plugin pihak ketiga. Kami juga menyediakan plugin resmi untuk WordPress — cukup pasang plugin, masukkan ID agen, dan widget langsung aktif.

Apa yang terjadi setelah dipasang

Setiap kali pengunjung membuka halaman Anda:

  1. Widget muncul di pojok bawah layar.
  2. Jika pengunjung mengklik, agen langsung menjawab berdasarkan pengetahuan Anda.
  3. Jika ada yang butuh bantuan manusia, Anda bisa langsung ikut chat dari inbox.

Mengganti tampilan widget

Tampilan widget sepenuhnya dikontrol dari halaman agen Anda:

  • Warna — pilih warna aksen yang cocok dengan brand Anda.
  • Posisi — pilih pojok kiri bawah, kanan bawah, atau tengah.
  • Label tombol — tuliskan apa saja, misalnya "Chat dengan kami" atau "Bantuan".

Semua perubahan ini langsung terlihat di situs Anda — tidak perlu memperbarui kode pasang.

Widget di situs yang sama

Widget bekerja di semua halaman yang sama — satu kode pasang, muncul di setiap halaman. Jika Anda ingin agen yang berbeda di halaman tertentu, cukup ganti data-agent-id di kode pasang di halaman itu.

Butuh bantuan pasang?
Pastikan domain situs Anda sudah terdaftar di Pengaturan → Asal yang diizinkan. Baca panduan allowed origins untuk penjelasan lengkap.