Logo Site EngageLab Mark Colored TransparentDokumen
Cari

Situs Web

LiveDesk mendukung penambahan widget chat Website Channel ke halaman web sehingga Anda dapat menerima pertanyaan pengunjung, menetapkan percakapan, dan menyediakan chat real-time di situs web Anda.

Widget chat real-time kompatibel dengan sebagian besar browser modern. Versi browser yang didukung adalah sebagai berikut:

Browser
Mozilla Firefox: v52 dan yang lebih baru
Google Chrome: v57 dan yang lebih baru
Chromium: v57 dan yang lebih baru
Apple Safari: v14.1 dan yang lebih baru
Microsoft Edge: v16 dan yang lebih baru

Cara Menambahkan Website Channel

"Add Channel" - "Website"

website.png

Masukkan Informasi Konfigurasi

Ikuti petunjuk di layar untuk melengkapi informasi dasar Website Channel, lalu klik "Confirm" untuk membuat channel. Setelah channel dibuat, Anda dapat melanjutkan konfigurasi tambahan di tab seperti "Integration", "Settings", "Widget Builder", "Conversation Assignment", "Human Agent", dan "AI Agent".

Isi informasi konfigurasi sesuai petunjuk di layar, lalu klik "Confirm" untuk menyelesaikan proses.

website_param.png

Configuration Item Description
Website Name Nama situs web
Website Domain Atur domain yang digunakan untuk menerima informasi pelanggan, misalnya: www.example.com
Title Judul widget jendela pesan
Tagline Pesan sambutan
Enable Channel Greeting Apakah salam akan dikirim secara otomatis saat pelanggan memulai percakapan dengan mengirim pesan
Add Customer Service Agent Tentukan agen layanan pelanggan yang ditugaskan

Tambahkan Widget Chat ke Situs Web

Setelah dibuat, halaman akan dialihkan ke halaman konfigurasi detail channel. Pada tab "Integration", Anda dapat menyalin cuplikan kode yang dihasilkan dan menempelkannya ke situs web Anda untuk menyelesaikan instalasi.

Metode instalasi berikut saat ini didukung:

Installation Method Description
Bubble Code Menyematkan kode bubble chat standar pada halaman web dan cocok untuk sebagian besar skenario
iframe Code Menyematkan jendela chat menggunakan iframe dan cocok untuk skenario yang memerlukan container independen
GTM Installation Menerapkan kode chat melalui Google Tag Manager

Pengaturan Terperinci

Gulir ke bawah untuk melihat lebih banyak pengaturan. Di sini, Anda dapat mengonfigurasi integrasi Website Channel, pengaturan dasar, formulir pra-chat, jam kerja, dan tampilan widget.

Integration

"Integration" terutama menyediakan metode untuk mengintegrasikan kode bubble chat dan pengaturan keamanan terkait.

  • Messenger Script

    Mendukung peralihan antara "Bubble Code", "iframe Code", dan "GTM Installation", serta menyalin kode instalasi yang sesuai. Kode tersebut mencakup websiteToken untuk Website Channel saat ini dan alamat referensi sdk.js, yang diperlukan agar widget dapat beroperasi.

messger.png

  • User Authentication

    Dinonaktifkan secara default. Setelah diaktifkan, halaman akan menampilkan informasi kunci terkait autentikasi, yang dapat disalin dan digunakan di sisi server untuk menghasilkan parameter verifikasi identitas pengunjung serta meningkatkan keandalan identitas pengguna.

identity.png

  • Domain Whitelist

    Dinonaktifkan secara default. Setelah diaktifkan, hanya domain dalam whitelist yang dapat menginisialisasi widget Website. Jika terdapat beberapa domain, masukkan masing-masing pada baris terpisah. Untuk debugging lokal, sertakan nomor port, misalnya: localhost:3000, 127.0.0.1:8080.

whitelist.png

Settings

Konfigurasikan parameter dasar, metode interaksi pengunjung, dan formulir pra-chat untuk Website Channel.

  • Channel Information

    Mendukung pengubahan nama Website Channel saat ini.

  • Enable Channel Greeting

    Dinonaktifkan secara default. Setelah diaktifkan, saat pengguna memulai pertanyaan untuk pertama kalinya, sistem akan secara otomatis mengirim pesan balasan default.

  • Quick Commands

    Dinonaktifkan secara default. Setelah diaktifkan, judul perintah cepat akan ditampilkan di atas kotak input chat untuk memandu pengguna agar dapat dengan cepat mengirim pertanyaan yang sering diajukan. Beberapa perintah cepat dapat ditambahkan. Fitur ini direkomendasikan untuk pertanyaan umum, titik masuk pertanyaan, atau prompt pengalihan trafik.

  • Enable CSAT

    Dinonaktifkan secara default. Setelah diaktifkan, saat status percakapan berubah menjadi "Resolved", survei kepuasan akan dikirim kepada pengguna untuk mengumpulkan umpan balik layanan.

basicsetting.png

  • Email Collection

    Mendukung dua konfigurasi berikut:

    • Email Collection Box: Secara otomatis menampilkan kotak input pengumpulan email kepada pengguna saat percakapan dimulai, tetapi tidak wajib diisi.

    • Conversation Continuity: Saat pengguna sedang offline, Anda tetap dapat melanjutkan komunikasi dengan pengguna melalui email. Sebelum menggunakan fitur ini, Anda harus terlebih dahulu menyelesaikan konfigurasi terkait untuk Email Channel.

  • User Behavior Control

    Mendukung konfigurasi "User Ends Conversation". Setelah diaktifkan, pengguna dapat secara aktif mengakhiri percakapan saat ini di widget, dan sistem akan mengubah status percakapan menjadi "Resolved".

othersetting.png

  • Pre-chat Form

    Formulir pra-chat telah dipindahkan ke tab "Settings" untuk konfigurasi terpadu. Setelah diaktifkan, pengguna harus mengisi formulir sebelum resmi memasuki chat.

    Mendukung konfigurasi konten berikut:

    • Form Body: Digunakan untuk menjelaskan tujuan formulir, misalnya, "Halo, silakan isi informasi di bawah ini agar kami dapat menghubungi Anda."

    • Form Options: Mendukung konfigurasi field formulir satu per satu, termasuk parameter seperti "Enable", "Variable Name", "Variable Type", "Name", "Placeholder", dan "Required".

    • System Preset Fields: Mendukung field umum seperti email, phone, firstname, dan lastname.

    • Conversation Attribute Fields: Mendukung pemilihan atribut percakapan yang ada sebagai field pra-chat, yang akan ditulis ke atribut percakapan yang sesuai setelah dikirimkan.

    • Email Field: Dapat digunakan untuk melacak identitas pengunjung dan untuk transfer berikutnya ke agen manusia atau tindak lanjut saat offline.

prechatting.png

  • Working Hours

    Dinonaktifkan secara default. Setelah diaktifkan, Anda dapat mengonfigurasi jam kerja, zona waktu, dan teks deskripsi di luar jam kerja untuk Website Channel saat ini. Di luar jam kerja, sistem akan memberi tahu pengunjung bahwa layanan saat ini tidak tersedia berdasarkan konten yang dikonfigurasi dan menangani dukungan manusia sesuai dengan aturan penetapan percakapan.

workinghours.png

Widget Builder

"Widget Builder" digunakan untuk mengonfigurasi tampilan dan konten yang ditampilkan dari komponen chat di sisi pengunjung. Area pratinjau di sebelah kanan menampilkan hasil konfigurasi secara real time.

  • Theme Settings

theme.png

Mendukung konfigurasi parameter berikut:

  • Theme Color: Mengatur warna utama widget.

  • Text Color: Mengatur warna tampilan teks seperti judul dan isi konten.

  • Background Image: Mendukung pengunggahan dan penggantian gambar latar area sambutan.

  • Width: Mengatur lebar widget. Nilai default adalah 400.

  • Height: Mengatur tinggi widget. Nilai default adalah 700.

  • Bubble Settings

bubble.png

Mendukung konfigurasi konten berikut:

  • Bubble Style: Mendukung tiga mode tampilan: "Icon", "Icon + Text", dan "Text".

  • Icon: Ikon default dapat diganti.

  • Text: Saat gaya "Icon + Text" atau "Text" dipilih, Anda dapat mengonfigurasi teks bubble. Teks tidak boleh melebihi 20 karakter.

  • Size: Mendukung berbagai ukuran seperti mini, kecil, sedang, besar, dan ekstra besar.

  • Bubble Position: Mendukung pengaturan posisi tampilan serta konfigurasi jarak dari bawah dan samping.

  • Welcome Message

welcome.png

Mendukung konfigurasi berikut:

  • Title: Judul utama area sambutan.

  • Content: Isi konten area sambutan.

  • Guidance Text: Ditampilkan di area "Instant Answers" untuk memandu pengguna agar cepat memulai pertanyaan.

  • Social Media

sns.png

Dinonaktifkan secara default. Setelah diaktifkan, Anda dapat mengonfigurasi platform media sosial atau channel kontak dan menampilkannya di kartu sambutan widget.

  • Submit Ticket

ticket.png

Dinonaktifkan secara default. Setelah diaktifkan, entri tiket akan ditampilkan di widget, sehingga pengguna dapat melihat atau mengirim tiket.

  • External Links

url.png

Dinonaktifkan secara default. Setelah diaktifkan, Anda dapat menambahkan kartu tautan eksternal untuk menampilkan pusat bantuan eksternal, halaman FAQ, atau titik masuk navigasi lainnya.

Conversation Assignment

Menampilkan aturan penetapan percakapan untuk channel saat ini. Mendukung aturan routing, respons AI Agent, dan respons Human Agent. Urutan prioritas penetapan percakapan adalah: aturan routing > AI Agent > Human Agent.

Saat aturan routing tersedia, sistem terlebih dahulu memeriksa apakah kondisi routing terpenuhi. Jika beberapa aturan tersedia pada saat yang sama, aturan tersebut akan dicocokkan secara berurutan. Jika percakapan saat ini tidak memenuhi aturan routing mana pun, percakapan akan ditetapkan ke AI Agent terlebih dahulu. Jika tidak ada AI Agent yang dikonfigurasi, percakapan kemudian ditetapkan ke Human Agent yang sesuai.

Penetapan otomatis didukung, termasuk penetapan berdasarkan beban kerja bersamaan, penetapan merata secara berurutan, dan penetapan berdasarkan beban kerja layanan pelanggan kustom.

  • Assignment by Workload

    Penetapan didasarkan pada jumlah beban kerja yang ditentukan, dengan prioritas diberikan kepada agen layanan pelanggan dengan beban kerja bersamaan yang lebih rendah.

  • Sequential Even Assignment

    Pengaturan beban kerja setiap agen layanan pelanggan tidak dipertimbangkan. Percakapan ditetapkan secara merata kepada setiap agen layanan pelanggan secara berurutan.

  • Assignment by Custom Customer Service Workload

    Menetapkan nilai beban kerja kustom untuk setiap agen layanan pelanggan secara individual, dengan prioritas diberikan kepada agen layanan pelanggan dengan beban kerja bersamaan yang lebih rendah.

conversation_collabor5.png

Human Agent

Mendukung pengaturan agen manusia untuk menangani pesan percakapan pada channel ini. Anggota dapat ditambahkan atau dihapus.

set_Humanagent5.png

AI Agent

Mendukung pengaturan agen AI untuk menangani pesan percakapan pada channel ini. Agen dapat diaktifkan atau dinonaktifkan, dan GPT AI Agent juga dapat ditambahkan.

set_aiagent5.png

Icon Solid Transparent White Qiyu
Hubungi Sales