Bangun platform perpesanan pelanggan

Ikhtisar

Computer dapat meluncurkan platform perpesanan pelanggan yang lengkap dalam sekali jalan — widget chat yang dapat disematkan untuk situs Anda ditambah kotak masuk agen tempat tim Anda dapat langsung bekerja. Platform ini menghubungkan utas waktu nyata, respons siap pakai, alur bot dasar, dan status percakapan secara bersamaan, serta menyimpan semuanya secara lokal sehingga Anda dapat melakukan demo dan iterasi tanpa pengaturan backend apa pun.

Hasil Utama

Computer menghadirkan aplikasi perpesanan bergaya “Breeze” yang sepenuhnya fungsional dengan dua tampilan utama: Pratinjau Widget Chat dan Dasbor Kotak Masuk Agen, keduanya berjalan di halaman yang sama. Tampilan widget menunjukkan tombol mengambang beranimasi di sudut kanan bawah yang membuka jendela chat dengan formulir pra-chat (nama dan email), pesan sambutan, gelembung pengguna/agen dengan stempel waktu, indikator pengetikan, dan pemilih emoji. Ketika tidak ada agen yang tersedia, alur bot sederhana menyambut pengguna, mengumpulkan email mereka, dan mengonfirmasi tindak lanjut.

Tampilan kotak masuk agen menggunakan tata letak tiga panel: daftar percakapan kiri dengan lencana belum dibaca, filter status (Semua, Terbuka, Ditunda, Ditutup), dan pencarian; panel tengah dengan utas pesan lengkap dan stempel waktu; serta panel kanan dengan detail pengguna dan catatan. Respons siap pakai muncul saat agen mengetik /, menawarkan template balasan cepat untuk salam, penutupan, tindak lanjut, dan resolusi. Status percakapan dapat diperbarui per utas, dan pesan disinkronkan antara widget dan tampilan kotak masuk melalui sistem kejadian dalam memori, dengan semua percakapan disimpan dalam penyimpanan peramban untuk persistensi. Tombol mode gelap melengkapinya sehingga tim dukungan dapat melakukan demo atau menggunakannya dengan nyaman sepanjang hari.

Perbesar

Perbesar

Tips

• Perjelas model penyematan Anda – Tambahkan panduan seperti: “Optimalkan markup dan skrip widget sehingga dapat dimasukkan ke situs mana pun melalui satu tag skrip dan penimpaan CSS minimal.”
• Batasi respons siap pakai – Tentukan nada dan kategori, misalnya: “Sertakan template /greeting, /troubleshoot, dan /handoff, semuanya ditulis dengan nada yang ramah namun ringkas.”
• Kaitkan status dengan SLA – Beritahu Computer bagaimana status harus berperilaku, misalnya: “Secara otomatis memindahkan utas dari Ditunda ke Terbuka saat pelanggan membalas, dan sorot setiap percakapan Terbuka tanpa respons agen setelah 5 menit.”