Tambahkan Widget Chat ke Situs Web

Langkah-langkah Menyiapkan Widget Live Chat

1. Buka Admin > Pengaturan Chat > Widget Chat > Sesuaikan
2. Di tab Customize :
3. 1. Pilih warna merek Anda
   2. Siapkan pesan sambutan
   3. Jika diperlukan, sematkan formulir pra-chat untuk mengumpulkan informasi atau tujuan pengguna sebelum chat dimulai
3. Gunakan tombol widget demo (sudut kanan bawah) untuk melihat pratinjau penyesuaian Anda
4. Setelah selesai, buka tab Embed Code
5. Salin cuplikan kode sematan
6. Tempelkan di bagian bawah situs web atau halaman arahan Anda (tepat sebelum </body>)

✅ Selesai! Muat ulang halaman Anda untuk melihat widget chat aktif!

Kirim Data Kustom dengan Chat

Anda dapat melengkapi live chat dengan data terstruktur kustom (seperti ID pengguna, kode pelacakan, dan sebagainya).

1. Pertama, buat atribut kustom jika belum melakukannya. 📚 Panduan Referensi
2. Di tab Embed Code , temukan bagian:

Chat attributes for which data will be sent from the website:

3. Pilih atribut yang ingin Anda isi terlebih dahulu
4. Setelah dipilih, kode sematan akan diperbarui untuk menyertakan objek chatData
5. Ganti <value> dalam cuplikan dengan nilai dinamis atau statis sesuai kebutuhan
6. Tambahkan cuplikan yang telah diperbarui ini ke halaman arahan atau situs web Anda

🎯 Saat chat dimulai, Chakra akan secara otomatis mengambil dan menyimpan data kustom yang dikonfigurasi!

Lacak Interaksi Widget Chat

Anda dapat mendengarkan berbagai peristiwa siklus hidup widget dan melacaknya menggunakan alat seperti Google Analytics, Mixpanel, dan sebagainya.

Langkah-langkah Menyiapkan Peristiwa:

1. Buka tab Embed Code
2. Cari: Peristiwa widget yang ingin Anda pantau
3. Pilih peristiwa yang ingin Anda lacak. Peristiwa yang tersedia:

• • widget:load 🟢 – Saat tombol chat muncul
  • widget:open 📂 – Saat pengguna membuka jendela chat
  • widget:close ❌ – Saat jendela chat ditutup
  • chat:start 💬 – Saat chat dimulai
  • chat:end 🛑 – Saat chat ditutup
  • message:receive 📥 – Saat tim Anda mengirim pesan
  • message:send 📤 – Saat pelanggan mengirim pesan

4. Setelah memilih peristiwa yang ingin dilacak, skrip embed akan diperbarui secara otomatis untuk menyertakan hook pendengar peristiwa untuk setiap peristiwa yang dipilih.
5. Salin skrip embed yang telah diperbarui ini dan tempelkan ke kode situs web atau halaman arahan Anda. ⚠️ Catatan: Fungsi yang dihasilkan hanya berupa placeholder — fungsi tersebut tidak akan melacak apa pun secara default.
6. Anda perlu menambahkan logika/kode analitik Anda sendiri di dalam handler ini untuk mengirim data ke platform analitik Anda