Widget Web Chat

Sematkan widget chat yang dapat dikustomisasi di situs web Anda agar pengunjung dapat mengirim pesan langsung ke tim Anda.

Membuat channel Web Chat

1. Buka Pengaturan → Channel
2. Klik Buat Channel dan pilih Web
3. Masukkan nama untuk channel Anda (misalnya, "Chat Situs Web")
4. Secara opsional aktifkan Require form before chat — pengunjung harus mengisi data mereka sebelum memulai percakapan
5. Simpan channel

Kustomisasi widget

Buka Pengaturan → Channel → [Channel Anda] → Details → Config untuk menyesuaikan:

Menyematkan di situs web Anda

Setelah dikonfigurasi, buka tab Config dan salin kode embed. Qwetty menyediakan cuplikan kode untuk berbagai framework:

HTML

Code
<script src="https://app.qwetty.com/webchat/widget.js"
  data-channel-id="YOUR_CHANNEL_ID">
</script>

JavaScript

Code
const script = document.createElement('script');
script.src = 'https://app.qwetty.com/webchat/widget.js';
script.dataset.channelId = 'YOUR_CHANNEL_ID';
document.body.appendChild(script);

React

Code
useEffect(() => {
  const script = document.createElement('script');
  script.src = 'https://app.qwetty.com/webchat/widget.js';
  script.dataset.channelId = 'YOUR_CHANNEL_ID';
  document.body.appendChild(script);
  return () => document.body.removeChild(script);
}, []);

Ganti YOUR_CHANNEL_ID dengan ID channel yang ditampilkan di tab Config.

Cara kerja

• Pengunjung memulai sesi chat tamu — tidak perlu login
• Pesan muncul di inbox Qwetty Anda bersamaan dengan percakapan WhatsApp dan Instagram
• Widget menggunakan WebSocket untuk perpesanan real-time
• Jika opsi "require form" diaktifkan, pengunjung memberikan nama dan informasi kontak mereka sebelum memulai chat

Langkah selanjutnya

• Konfigurasi Channel — Pengaturan widget lanjutan
• Ringkasan Inbox — Mengelola percakapan web chat
• SDK Widget Web Chat — Panduan integrasi untuk developer