Panduan Integrasi

Tambahkan widget LaunchChat ke website Anda dengan framework pilihan Anda.

Instalasi

Tambahkan kode ini sebelum tag penutup </body>:

<!-- LaunchChat Widget -->
<script>
  window.LaunchChatConfig = {
    widgetId: "YOUR_WIDGET_ID"
  };
</script>
<script src="https://your-domain.com/widget.js" async></script>

Content Security Policy (CSP)

Jika situs Anda menggunakan CSP headers, tambahkan domain berikut:

Content-Security-Policy:
  script-src 'self' https://your-launchchat-domain.com;
  connect-src 'self' https://your-launchchat-domain.com;
  frame-src 'self' https://your-launchchat-domain.com;

Pertimbangan Keamanan

Widget ID Bersifat Publik

Widget ID dirancang untuk bersifat publik dan disematkan dalam kode sisi klien Anda. Widget ID hanya mengizinkan akses baca ke basis pengetahuan dan fungsionalitas chat. Tidak ada operasi sensitif yang dapat dilakukan hanya dengan Widget ID.

Pembatasan Domain

Anda dapat membatasi domain mana yang dapat menyematkan widget Anda di dasbor di bawah Widget → Behavior → Allowed Domains. Jika diatur, widget hanya akan berfungsi di domain tersebut.

Verifikasi Instalasi

Setelah menambahkan kode, verifikasi bahwa widget dimuat dengan benar:

  1. Buka website Anda di browser
  2. Cari tombol chat di pojok kanan bawah
  3. Klik untuk membuka jendela chat
  4. Kirim pesan uji coba untuk memverifikasi fungsinya

Jika widget tidak muncul, periksa konsol browser untuk error dan pastikan Widget ID Anda benar.