Cara Pasang Live Chat di WordPress

Cara pasang live chat di WordPress lewat plugin, snippet kode, atau tema, plus cara cek kecepatan situs, tampilan mobile, dan pengaturan jam layanan.

Cara pasang live chat di WordPress pada dasarnya ada tiga: memakai plugin resmi dari penyedia live chat, menempelkan potongan kode JavaScript ke header atau footer situs, atau memakai fitur sisipan kode di tema dan page builder. Untuk kebanyakan situs, menempel kode lewat plugin penyisip kode adalah cara paling sederhana dan paling mudah dirawat, karena tidak hilang saat tema diperbarui.

Sebelum memasang, siapkan akun di layanan live chat pilihan Anda dan salin kode widget dari dasbornya. Kode ini biasanya berupa satu tag <script> berisi ID unik situs Anda.

Pilih metode pemasangan

Metode	Kelebihan	Kekurangan	Cocok untuk
Plugin resmi penyedia	Pengaturan dari dasbor WordPress	Tidak semua penyedia punya plugin, menambah satu plugin lagi	Pemilik situs non-teknis
Plugin penyisip kode	Satu plugin untuk banyak skrip, aman saat ganti tema	Perlu menyalin kode manual	Sebagian besar situs
Edit header.php / footer.php tema	Tanpa plugin tambahan	Hilang saat tema diperbarui kecuali pakai child theme	Developer
Fitur page builder / tema	Terintegrasi dengan builder	Terikat pada tema atau builder tertentu	Situs dengan Elementor, Divi, dan sejenisnya

Langkah memasang lewat plugin penyisip kode

1. Salin kode widget dari dasbor layanan live chat Anda.
2. Masuk ke dasbor WordPress, buka Plugins lalu Add New.
3. Cari plugin penyisip kode untuk header dan footer, pilih yang aktif dirawat dan banyak dipakai, lalu instal dan aktifkan.
4. Buka pengaturan plugin, cari kolom untuk skrip footer (sebelum tag </body>).
5. Tempel kode widget di kolom footer, lalu simpan.
6. Bersihkan cache jika Anda memakai plugin cache atau CDN.
7. Buka situs di jendela penyamaran dan pastikan widget muncul.

Menaruh skrip di footer lebih disarankan daripada header, karena konten utama halaman dimuat lebih dulu dan pengunjung tidak menunggu widget.

Langkah lewat child theme (untuk developer)

Jika Anda ingin tanpa plugin, tambahkan kode ke functions.php child theme:

add_action('wp_footer', function () {
  ?>
  <script src="https://contoh-penyedia/widget.js" data-id="ID-SITUS-ANDA" async></script>
  <?php
});

Ganti isi tag dengan kode dari penyedia Anda. Jangan mengedit tema induk secara langsung, karena perubahan akan hilang saat tema diperbarui.

Cek kecepatan situs setelah pemasangan

Skrip pihak ketiga bisa memperlambat situs, yang berdampak pada pengalaman pengunjung dan peringkat pencarian. Lakukan ini:

• Ukur kecepatan halaman sebelum dan sesudah pemasangan dengan alat pengukur performa web.
• Pastikan skrip memakai atribut async atau defer.
• Jika plugin optimasi Anda menggabungkan atau menunda JavaScript, uji apakah widget masih berfungsi. Beberapa widget perlu dikecualikan dari fitur penggabungan skrip.
• Hindari memasang dua widget chat sekaligus, misalnya live chat dan tombol WhatsApp mengambang dari plugin lain yang saling tumpang tindih.

Pastikan nyaman di ponsel

Sebagian besar pengunjung situs Indonesia datang dari ponsel. Periksa:

• Widget tidak menutupi tombol “Tambah ke Keranjang” atau “Checkout” di WooCommerce.
• Jendela chat bisa ditutup dengan mudah.
• Kolom ketik tidak tertutup keyboard ponsel.
• Tidak ada pop-up otomatis yang langsung menutupi seluruh layar begitu halaman dibuka.

Tips lengkap ada di live chat di mobile: tips agar nyaman dipakai.

Atur pengalaman chat-nya

Setelah widget terpasang, pekerjaan sebenarnya baru dimulai:

Sapaan

Tulis sapaan yang relevan dengan halaman. Di halaman produk, sapaan bisa menawarkan bantuan soal ukuran atau stok. Di halaman harga, tawarkan bantuan memilih paket. Contoh-contohnya ada di sapaan otomatis live chat yang efektif.

Jam layanan

Tentukan jam ketika admin online dan apa yang terjadi di luar jam itu. Pilihannya: formulir untuk meninggalkan pesan, pesan otomatis dengan estimasi waktu balas, atau agen AI yang menjawab pertanyaan umum.

Tampilan

Sesuaikan warna widget dengan warna merek, tapi pastikan kontras teks cukup tinggi agar terbaca. Gunakan nama dan foto admin atau logo agar terasa personal.

Kesalahan yang sering terjadi

• Kode ditempel dua kali, di plugin dan di tema, sehingga widget muncul ganda atau error.
• Lupa membersihkan cache, lalu mengira pemasangan gagal.
• Widget aktif tapi tidak ada yang memantau. Chat yang tidak dibalas lebih buruk daripada tidak ada chat sama sekali.
• Tidak menguji di Safari iPhone, padahal tampilan bisa berbeda dari Chrome Android.

Memantau hasil setelah terpasang

Setelah dua minggu, cek beberapa hal untuk memastikan live chat memberi manfaat:

• Halaman asal chat. Jika sebagian besar chat datang dari halaman ongkir atau checkout, mungkin informasi di halaman itu kurang jelas.
• Pertanyaan berulang. Jadikan bahan untuk FAQ di website dan knowledge base.
• Jam ramai. Sesuaikan jadwal admin dengan jam chat paling padat.
• Chat yang tidak terjawab. Jika banyak pengunjung pergi sebelum dibalas, percepat respon atau aktifkan otomasi.

Data ini juga berguna untuk memperbaiki konten situs WordPress Anda, bukan hanya untuk tim CS.

Hak akses dan keamanan

Jangan bagikan satu login admin live chat ke seluruh tim. Buat akun terpisah untuk setiap admin dengan peran yang sesuai, sehingga riwayat siapa membalas apa tercatat dan akses bisa dicabut saat ada yang berhenti bekerja. Di sisi WordPress, batasi siapa yang bisa mengubah plugin penyisip kode, karena kolom skrip header dan footer bisa disalahgunakan untuk menyisipkan kode berbahaya. Perbarui plugin secara rutin.

Setelah terpasang: siapa yang membalas?

Live chat hanya berguna jika dibalas cepat. Jika tim kecil, gabungkan dua hal: inbox yang bisa dibuka beberapa admin sekaligus, dan otomasi untuk jam di luar kerja. chatagent.id misalnya menyediakan widget live chat yang dipasang dengan satu potongan kode, agen AI berbahasa Indonesia yang menjawab dari knowledge base Anda, dan penyerahan ke admin saat dibutuhkan.

Untuk panduan pemasangan di platform selain WordPress, lihat cara memasang live chat di website, dan pantau dalam beberapa minggu pertama berapa banyak chat yang benar-benar berujung pada pesanan.

Pertanyaan yang sering diajukan

Apakah perlu plugin untuk memasang live chat di WordPress?

Tidak selalu. Sebagian besar layanan live chat memberi potongan kode JavaScript yang bisa ditempel di header atau footer situs, baik lewat plugin penyisip kode, editor tema, maupun fitur bawaan page builder.

Apakah live chat membuat website WordPress jadi lambat?

Bisa, jika skripnya berat atau dimuat terlalu awal. Pilih widget yang ringan, pastikan skrip dimuat secara async atau defer, dan ukur kecepatan sebelum dan sesudah pemasangan.

Di halaman mana live chat sebaiknya muncul?

Prioritaskan halaman produk, harga, checkout, dan kontak. Di halaman artikel blog, widget bisa tetap tampil tapi sebaiknya tidak membuka pop-up otomatis.

Bagaimana jika live chat dipasang di WooCommerce?

Caranya sama dengan WordPress biasa. Perhatikan agar widget tidak menutupi tombol tambah ke keranjang atau checkout di layar ponsel.