Cara Memasang Live Chat di Website

Cara memasang live chat di website langkah demi langkah: menyalin kode widget, pemasangan di WordPress, Shopify, atau HTML biasa, dan pengaturan awal.

Cara memasang live chat di website pada dasarnya hanya tiga langkah: daftar di layanan live chat, salin kode widget yang diberikan, lalu tempel kode itu di website Anda. Prosesnya biasanya selesai kurang dari 15 menit dan tidak butuh keahlian coding.

Yang membutuhkan waktu justru persiapan setelahnya: siapa yang membalas, apa pesan sapaannya, dan bagaimana menangani chat di luar jam kerja. Artikel ini membahas keduanya.

Persiapan sebelum memasang

Siapkan beberapa hal ini agar pemasangan lancar:

• Akses admin website – login WordPress, Shopify, atau akses file HTML/hosting.
• Akun layanan live chat – banyak layanan menyediakan masa uji coba gratis.
• Daftar admin yang akan membalas chat beserta jam kerjanya.
• Logo dan warna brand untuk menyesuaikan tampilan widget.
• Daftar pertanyaan yang sering muncul untuk balasan cepat dan knowledge base.

Langkah memasang live chat

Langkah 1: Buat akun dan atur widget

Daftar di layanan live chat pilihan Anda, lalu buka menu pengaturan widget. Atur nama tampilan, warna, posisi (kanan bawah paling umum), dan pesan sapaan. Jika bingung desainnya, lihat panduan desain widget chat yang baik.

Langkah 2: Salin kode script

Layanan akan memberikan potongan kode JavaScript, biasanya beberapa baris saja. Kode ini berisi ID unik akun Anda. Salin seluruhnya tanpa mengubah apa pun.

Langkah 3: Tempel kode di website

Cara menempelnya tergantung platform:

Platform	Lokasi pemasangan
HTML biasa	Tempel sebelum tag </body> di setiap halaman atau di template utama
WordPress	Lewat plugin penyisip header/footer, atau file footer.php tema anak
Shopify	Online Store, Themes, Edit code, file theme.liquid sebelum </body>
Website builder lain	Menu “Custom code” atau “Embed code” di pengaturan situs

Untuk detail per platform, baca live chat untuk WordPress dan live chat untuk Shopify.

Langkah 4: Simpan dan uji

Buka website di jendela incognito, lalu cek:

1. Ikon chat muncul di semua halaman yang diinginkan.
2. Pesan sapaan tampil dengan benar.
3. Kirim chat percobaan dan pastikan masuk ke dashboard admin.
4. Balas dari dashboard dan pastikan balasan tampil di website.
5. Coba juga dari ponsel, karena sebagian besar pengunjung Indonesia datang lewat mobile.

Langkah 5: Hapus cache

Jika memakai plugin cache atau CDN, kosongkan cache setelah menempel kode. Banyak kasus “widget tidak muncul” ternyata hanya karena halaman lama masih tersimpan di cache.

Pengaturan awal yang sering dilupakan

Widget sudah muncul bukan berarti siap dipakai. Atur juga hal-hal berikut:

Jam operasional. Tentukan jam kerja tim. Di luar jam itu, tampilkan pesan bahwa chat akan dibalas besok pagi, atau biarkan agen AI menjawab pertanyaan umum.

Pembagian chat. Jika admin lebih dari satu, atur agar chat dibagikan otomatis, misalnya bergiliran, supaya tidak ada chat yang dibiarkan karena saling mengira sudah dibalas.

Balasan cepat. Simpan jawaban untuk pertanyaan yang berulang: ongkir, cara bayar, estimasi pengiriman JNE atau J&T, kebijakan retur.

Formulir pra-chat. Pertimbangkan meminta nama dan nomor kontak sebelum chat dimulai, agar Anda bisa follow-up jika pengunjung keburu menutup halaman. Jangan minta terlalu banyak data, cukup dua atau tiga isian.

Notifikasi. Aktifkan notifikasi di browser atau ponsel admin agar chat baru tidak terlewat.

Menyiapkan knowledge base sebelum go-live

Jika layanan live chat Anda menyediakan agen AI, isi knowledge base sebelum widget diaktifkan untuk umum. AI hanya bisa menjawab sebaik informasi yang diberikan. Minimal siapkan:

• Daftar produk atau layanan beserta harga terbaru dan varian (ukuran, warna, paket).
• Kebijakan pengiriman: ekspedisi yang dipakai, estimasi ke kota-kota utama, batas jam kirim harian.
• Metode pembayaran: transfer bank, QRIS, e-wallet, COD jika tersedia.
• Kebijakan retur dan garansi dengan syarat yang jelas.
• Jam operasional dan cara menghubungi tim di luar jam itu.
• Jawaban untuk 20 pertanyaan paling sering, diambil dari chat WhatsApp atau DM yang sudah ada.

Tulis dalam bahasa yang sederhana, satu topik per bagian, dan hindari informasi yang sering berubah tanpa tanggal, seperti promo tanpa batas waktu. Panduan lengkap menyusunnya ada di cara membuat knowledge base untuk bisnis.

Setelah knowledge base terisi, uji dengan mengajukan pertanyaan seperti pelanggan sungguhan, termasuk dengan bahasa santai dan salah ketik: “kak ongkir ke mksr brp”, “bs cod ga”. Perhatikan juga kapan AI menyerahkan chat ke admin. Untuk pertanyaan komplain, refund, atau di luar knowledge base, AI sebaiknya langsung meneruskan ke manusia, bukan menebak jawaban.

Masalah umum dan solusinya

• Widget tidak muncul: cek apakah kode tertempel di template yang benar, kosongkan cache, dan matikan sementara plugin pemblokir script.
• Widget muncul dua kali: kode tertempel di dua tempat, misalnya di plugin dan di tema sekaligus.
• Chat tidak masuk ke dashboard: pastikan ID akun di kode sesuai dengan akun yang Anda buka.
• Widget menutupi tombol penting di mobile: ubah posisi atau jarak widget dari tepi layar.

Setelah live chat terpasang

Pantau beberapa minggu pertama: berapa chat masuk per hari, jam berapa paling ramai, dan pertanyaan apa yang paling sering muncul. Data ini membantu Anda menentukan jumlah admin dan isi knowledge base.

Di chatagent.id, live chat website sudah bisa dipakai sekarang dengan inbox bersama untuk tim, agen AI berbahasa Indonesia yang menjawab dari knowledge base, dan pengalihan ke admin manusia saat pertanyaan butuh penanganan khusus. Uji coba 14 hari tanpa kartu kredit cukup untuk melihat pola chat di website Anda sebelum memutuskan.

Yang terpenting, live chat hanya berguna jika dibalas. Widget yang dibiarkan tanpa respon justru memberi kesan buruk. Tetapkan target waktu balas sejak hari pertama, misalnya di bawah 2 menit pada jam kerja, lalu ukur setiap minggu apakah target itu tercapai.

Pertanyaan yang sering diajukan

Apakah memasang live chat butuh programmer?

Umumnya tidak. Sebagian besar live chat cukup menempelkan satu potong kode script sebelum tag penutup body, atau lewat plugin dan pengaturan tema.

Apakah live chat membuat website jadi lambat?

Widget yang baik memuat script secara asinkron sehingga tidak menghambat tampilan halaman. Tetap cek kecepatan website sebelum dan sesudah pemasangan.

Di halaman mana live chat sebaiknya dipasang?

Paling penting di halaman produk, harga, dan checkout, karena di sana pengunjung paling sering ragu. Banyak bisnis memasangnya di seluruh halaman agar konsisten.