Widget Web Chat

Menghubungkan Channel

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

Membuat channel Web Chat

Pembuatan channel berjalan melalui wizard singkat (Details → Type → Customize → Finish):

Buka Pengaturan → Channel dan klik Buat Channel
Details — Masukkan nama untuk channel Anda (misalnya, "Chat Situs Web")
Type — Pilih Web
Customize — Atur tampilan awal:
- Primary Color — Warna aksen widget
- Widget Title — Judul yang ditampilkan di jendela chat (misalnya, "Chat dengan kami")
- Widget Subtitle — Teks sekunder di bawah judul
- Require pre-chat form — Pengunjung mengisi data mereka sebelum memulai percakapan
Finish untuk membuat channel

Setelah channel dibuat, buka Pengaturan → Channel → [Channel Anda] → Details → Design untuk menyempurnakan tampilan:

Pengaturan	Deskripsi
Position	`bottom-right` atau `bottom-left` layar
Primary Color	Warna aksen widget
Widget Title	Judul yang ditampilkan di jendela chat
Widget Subtitle	Teks sekunder di bawah judul
Popup Message	Pesan sambutan opsional yang ditampilkan sebelum pengunjung membuka chat
Popup Delay	Waktu tunggu (dalam detik) sebelum menampilkan pesan popup

Menyematkan di situs web Anda

Buka tab Configuration dan salin cuplikan embed yang dihasilkan. Qwetty menghasilkan satu tag HTML <script> — tempelkan sebelum tag penutup </body> situs Anda:

Code
<script
  src="https://app.qwetty.com/webchat/embed.js"
  data-organization-id="YOUR_ORGANIZATION_ID"
  data-channel-id="YOUR_CHANNEL_ID"
  data-position="bottom-right"
  data-primary-color="#10b981"
  data-widget-title="Chat dengan kami"
  data-widget-subtitle="Kami biasanya membalas dalam hitungan menit">
</script>

Nilai-nilainya sudah terisi otomatis dengan konfigurasi channel Anda di tab Configuration — salin cuplikan dari sana daripada menyusunnya secara manual. Untuk daftar lengkap atribut data-* yang didukung, lihat SDK Widget Web Chat.

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

Last modified on June 10, 2026

Hubungkan Instagram Dasbor Channel

Membuat channel Web Chat

Pembuatan channel berjalan melalui wizard singkat (Details → Type → Customize → Finish):

Buka Pengaturan → Channel dan klik Buat Channel

Details — Masukkan nama untuk channel Anda (misalnya, "Chat Situs Web")

Type — Pilih Web

Customize — Atur tampilan awal:

Primary Color — Warna aksen widget
Widget Title — Judul yang ditampilkan di jendela chat (misalnya, "Chat dengan kami")
Widget Subtitle — Teks sekunder di bawah judul
Require pre-chat form — Pengunjung mengisi data mereka sebelum memulai percakapan

Finish untuk membuat channel

Kustomisasi widget

Setelah channel dibuat, buka Pengaturan → Channel → [Channel Anda] → Details → Design untuk menyempurnakan tampilan:

Pengaturan

Deskripsi

Position

bottom-right atau bottom-left layar

Primary Color

Warna aksen widget

Widget Title

Judul yang ditampilkan di jendela chat

Widget Subtitle

Teks sekunder di bawah judul

Popup Message

Pesan sambutan opsional yang ditampilkan sebelum pengunjung membuka chat

Popup Delay

Waktu tunggu (dalam detik) sebelum menampilkan pesan popup

Menyematkan di situs web Anda

Buka tab Configuration dan salin cuplikan embed yang dihasilkan. Qwetty menghasilkan satu tag HTML <script> — tempelkan sebelum tag penutup </body> situs Anda:

Code

<script
  src="https://app.qwetty.com/webchat/embed.js"
  data-organization-id="YOUR_ORGANIZATION_ID"
  data-channel-id="YOUR_CHANNEL_ID"
  data-position="bottom-right"
  data-primary-color="#10b981"
  data-widget-title="Chat dengan kami"
  data-widget-subtitle="Kami biasanya membalas dalam hitungan menit">
</script>

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