Halaman ini sedang dimuat

Bagaimana Cara Mengelola Integrasi WebChat

Article author
Mekari Help Center
  • Diperbarui

Integrations merupakan sebuah fitur Omnichannel Qontak di mana para customer bisa menghubungkan berbagai platform dengan chat panel seperti email atau Instagram.

PENTING!
Hanya pengguna dengan role Admin yang dapat melakukan integrasi. Apabila Anda tidak memiliki akun dengan role Admin, Anda dapat menghubungi tim support kami di support@qontak.com.

Untuk mengelola integrasi Qontak Omnichannel dengan WebChat pada Web, Anda perlu mengikuti langkah-langkah berikut:

A. Cara Integrasi WebChat dengan Widget Baru

  1. Pada menu Integration, pilih Web Chat.
    Sidebar_-_Qontak.png
  2. Pilih “Add widget”.
    Connect_webchat.png

  3. Anda harus mengisi widget name dan domain kemudian klik "Connect" untuk ke proses selanjutnya.
    connect_webchat1.png

  4. Jika data yang Anda masukkan benar atau sesuai maka akan muncul Pop up “Widget Created” sebagai informasi bahwa data yang Anda masukkan sudah tercreate kemudian klik “OK” untuk menutup Pop up.
    connect_webchat2.png

  5. Dan apabila data yang Anda masukkan salah atau tidak sesuai maka akan muncul Pop up “Error” sesuai dengan ketidaksesuain data tersebut. Contoh Pop up yang muncul seperti berikut.
    Connect_webchat3.png

B. Cara Mengelola Isi dan Tampilan Widget pada WebChat

  1. Pada menu Integration, pilih Web Chat.
    Sidebar_-_Qontak.png

  2. Pilih “Action” pada daftar widget yang ingin Anda kelola, kemudian klik Set up widget.
    Stage.png

  3. Pada halaman Widget setup, Anda dapat mengatur tampilan widget pada website Anda.
    Widget_setup.pngKeterangan:

    No.

    Nama Kolom

    Deskripsi

    1

    Widget status

    Anda dapat menyambungkan dan memutus sambungan integrasi terhadap WebChat dengan menekan tombol togglenya.

    2

    Widget ID

    Kolom ini berisi nomor identifikasi khusus untuk Widget. Anda dapat menyalinnya dengan klik “Copy”.

    3

    Widget name

    Kolom ini berisi nama yang widget yang telah Anda isikan sejak awal pembuatannya.

    4

    Domain

    Kolom ini berisi doman widget yang telah Anda isikan sejak awal pembuatannya.

    5

    Embed code

    Kolom ini berisi Embed code widget. Anda bisa menyalinnya dengan  klik “Copy”.

  4. Kemudian, pada Widget apperance, Anda dapat mengunggah logo Anda beserta warna - warna widgetnya.
    Widget_appearance.png

    Keterangan:

    No.

    Nama Kolom

    Deskripsi

    1

    Widget logo

    Anda dapat mengunggah logo untuk widget WebChat Anda di sini. Pastikan gambar yang Anda unggah sesuai syarat tertulis.

    2

    Main color

    Pilih warna utama di sini.

    3

    Main text color

    Pilih warna teks Anda di sini.

    4

    Agent bubble color

    Pilih warna bubble pesan milik Agent di sini.

    5

    Agent text color

    Pilih warna teks pesan milik Agent di sini.

    6

    Visitor bubble color

    Pilih warna bubble pesan milik Visitor di sini.

    7

    Visitor text color

    Pilih warna teks pesan milik Visitor di sini.

  5. Pada Widget content, Anda dapat mengatur isi pesan dari situasi - situasi yang tersedia.
    Widget_content.png
    Keterangan:

    No.

    Nama Kolom / Tombol

    Deskripsi

    1

    Widget content conditions

    Anda dapat memilih conditions untuk isi pesan WebChat yang tersedia, yaitu:

    • When online: Berisi pengaturan isi pesan widget saat Agent online.
    • When offline: Berisi pengaturan isi pesan widget saat Agent offline.
    • Pre-chat form: Berisi pengaturan isi pesan widget untuk pembuka saat sebelum chat dimulai. 
    • Greeting: Berisi pengaturan isi pesan widget untuk memulai percakapan dengan ucapan sambutan yang dapat Anda sesuaikan.

    2

    Custom checkbox

    Pada condition apapun, Anda dapat mencentang kolom ini untuk dapat mengganti isi pesan default dengan pesan buatan Anda sendiri.

    3

    Text position

    Pilihan ini hanya terdapat pada Greeting saja. Maka, jika Anda mencentang custom checkbox pada Greetings, Anda dapat mengatur posisi teks berikut.

    • Top: Posisi teks akan berada di bagian atas message panel.
    • Left: Posisi teks akan berada di bagian kiri message panel.

    4

    Message (Content)

    Isikan pesan custom Anda di sini.

    5

    Save/Cancel

    Simpan pesan Anda dengan klik “Save changes” atau batalkan pengaturan Anda dengan klik “Cancel”.

  6. Anda dapat melihat preview widget yang telah Anda atur pada bagian kanan halaman seperti berikut.
    Widget_preview.png

  7. Setelah menyimpan Widget settings, maka Anda akan kembali ke halaman awal WebChat Integration. Selain itu, muncul notifikasi seperti berikut yang menandakan Settings telah berhasil tersimpan.
    Save_widget.png

C. Cara Menghapus Widget pada WebChat

  1. Pada menu Integration, pilih Web Chat.
    Sidebar_-_Qontak.png

  2. Pilih “Action” pada daftar widget yang akan Anda hapus, lalu klik Remove.
    Delete1.png

  3. Pada pop-up yang muncul, klik “Remove”.
    Delete2.png

  4. Maka, Anda akan kembali ke halaman awal WebChat Integration. Selain itu, muncul notifikasi seperti berikut yang menandakan bahwa Widget telah berhasil dihapus.
    Delete3.png

Demikian panduan cara mengelola integrasi WebChat pada Mekari Qontak Omnichannel.

Bagikan artikel ini