Bagaimana Cara Melakukan Kustomisasi Webchat Header

Article author
Learning Center Mekari
  • Diperbarui

Pada Qontak, Anda dapat melakukan kustomisasi pada Webchat header yang akan muncul. Fitur ini, dapat mengatur warna serta informasi yang ingin dimunculkan pada Webchat header.

Penting
Hanya pengguna dengan role Admin yang dapat melakukan kustomisasi webchat header. Apabila Anda tidak memiliki akun dengan role Admin, Anda dapat menghubungi tim support kami di support-qontak@mekari.com.

Berikut langkah-langkahnya untuk melakukan kustomisasi header:

  1. Masuk ke akun Omnichannel Anda.

  2. Pilih Menu Channel Integrations dan pilih Web chat.
    11a.png
  3. Setelah Anda sudah membuat Widget, Anda dapat klik “Setting” untuk mengubah tampilan webchat header.
    3webchat.png
  4. Kemudian pada bagian widget appearance, Anda dapt mengatur warna dari widget header.
    4webchat.png
  5. Lalu, pada bagian Widget Content, Anda dapat melakukan pengaturan informasi yang ingin dimunculkan pada Webchat header. Terdapat 3 kondisi informasi yang dapat Anda atur, yaitu ketika Online, Offline dan Pre Chat Form.
    5webchat.png
  6. Apabila Anda ingin melakukan pengaturan Webchat header saat kondisi Online, klik bagian When Online.
    6webchat.png
  7. Kemudian, isikan pesan yang ingin ditampilkan di sini, yang menginformasikan bahwa terdapat agen yang sedang online dan akan segera menanggapi pesan dari user.
    7webchat.png

     Isi pesan dapat disesuaikan dengan keinginan user.

  8. Apabila Anda ingin melakukan pengaturan Webchat header saat kondisi Offline, klik bagian When Offline.
    8webchat.png
  9. Kemudian, isikan pesan yang ingin ditampilkan disini, yang menginformasikan bahwa agent sedang offline dan membutuhkan waktu yang sedikit lebih lama untuk menanggapi pesan dari user.
    9webchat.png

     Isi pesan dapat disesuaikan dengan keinginan user.

  10. Pada bagian Pre Chat Form, Anda dapat mengisikan informasi yang ingin dimunculkan pada webchat header, ketika halaman webchat pertama kali dibuka oleh user. Di mana pada bagian ini, Anda dapat mengisikan informasi mengenai title dan subtitle yang ingin dimunculkan pada header webchat.
    10webchat.png
  11. Klik “Save Changes” untuk menyimpan.
    11webchat.png