Logo Sigrep

Mudah dan Cepat! Menambahkan Chat WhatsApp ke Website WordPress

grepadmin
|
20 Agustus 2025
Chat WhatsApp Website
Mengintegrasikan WhatsApp ke website WordPress kini menjadi kebutuhan utama, khususnya untuk meningkatkan interaksi dengan pengunjung atau calon pelanggan. Dengan plugin Click to Chat dari HoliThemes, proses ini menjadi sangat mudah, cepat, dan fleksibel.

WhatsApp telah menjadi salah satu alat komunikasi paling populer di dunia. Hampir setiap orang kini menggunakannya untuk keperluan pribadi maupun bisnis. Maka tak heran jika banyak pemilik website terutama WordPress, ingin mengintegrasikan fitur chat WhatsApp langsung ke situs mereka.

Tujuannya sangat sederhana, mempermudah pengunjung menghubungi pemilik situs atau layanan pelanggan hanya dengan satu klik melalui button whatsapp.

Nah, di artikel ini kita akan membahas secara lengkap dan praktis tentang bagaimana cara menambahkan chat WhatsApp ke website WordPress, lengkap dengan fitur-fitur keren yang bisa kamu gunakan, dan ini semua hanya menggunakan plugin gratis!

Mengapa Perlu Menambahkan chat WhatsApp di Website?

Sebelum masuk ke langkah teknis, ada baiknya kita pahami dulu mengapa integrasi WhatsApp penting untuk sebuah situs web.

  1. Kemudahan Akses : Pengunjung tidak perlu mencari nomor kontak manual. Cukup klik ikon WhatsApp di pojok halaman, dan langsung bisa berkomunikasi dengan admin pengelola website.
  2. Respon Lebih Cepat : Komunikasi via WhatsApp memungkinkan pemilik website memberikan respon cepat, real-time, dan bersifat personal.
  3. Meningkatkan Kepercayaan : Hadirnya ikon WhatsApp memberi kesan bahwa bisnis Kamu aktif dan siap membantu kapan saja.
  4. Mempercepat Konversi Penjualan : Untuk situs e-commerce, fitur ini bisa membantu menjawab pertanyaan calon pembeli sebelum mereka melakukan checkout.

Memilih Plugin WhatsApp yang Tepat

Ada banyak plugin WordPress yang menawarkan integrasi WhatsApp, tapi setelah menjajal beberapa plugin, salah satu plugin terbaik yang direkomendasikan adalah Click to Chat by HoliThemes.

Chat WhatsApp Website Fitur

Ada beberapa alasan mengapa memilih plugin ini dan merekomendasikannya untuk kamu, karena plugin ini memiliki fitur menarik, diantaranya :

  • Gratis dan ringan
  • Tampilan ikon bisa dikustomisasi
  • Bisa menambahkan pesan otomatis
  • Dukungan untuk desktop & mobile
  • Kompatibel dengan WooCommerce
  • Bisa menampilkan gambar, bahkan GIF

Cara Menginstal dan Mengatur Plugin

1. Instalasi Plugin

Langkah pertama yang harus kamu lakukan tentu saja menginstal plugin tersebut, langkahnya adalah sebagai berikut :

  • Masuk ke Dashboard WordPress
  • Klik Plugins > Add New
  • Cari dengan kata kunci Click to Chat
  • Pastikan plugin yang Kamu pilih adalah buatan HoliThemes
  • Klik Install Now, lalu Activate

Chat WhatsApp Website Install Click to Chat

Setelah plugin aktif, Kamu akan melihat menu baru bernama Click to Chat di sidebar WordPress sebelah kiri pada website.

2. Pengaturan Dasar

Untuk melakukan pengaturan dasar, silahkan masuk ke menu “Click to Chat” dan mulai dengan mengisi beberapa informasi dasar seperti berikut :

  • Nomor WhatsApp : Masukkan nomor WhatsApp Kamu (pastikan menggunakan format internasional misalnya +6281234567890). Setiap pesan dari pengunjung akan dikirim ke nomor yang sudah dimasukkan ini.
  • Pre-filled Message : Ini adalah pesan otomatis yang muncul di kolom chat ketika seseorang membuka WhatsApp melalui ikon. Contoh: “Hai, saya tertarik dengan produk ini. Bisa dibantu?”, Silahkan kamu isi.
  • Call to Action (CTA) : Teks pendek yang muncul saat pengunjung mengarahkan kursor ke ikon WhatsApp. Bisa berupa “Hubungi Kami”, “Butuh Bantuan?”, atau teks lainnya.

3. Memilih Gaya Ikon

Plugin ini sangat sempurna, salah satunya yaitu menyediakan beragam style ikon yang bisa kamu pilih sesuai selera, pilihannya adalah sebagai berikut :

  • Style 1–8: Beragam tampilan dasar
  • Style 5 & 99: Bisa menambahkan gambar atau GIF
  • Style 2: Ikon hijau klasik WhatsApp

Selain pemilihan gaya ikon yang dijelaskan diatas, kamu juga bisa mengatur hal berikut ini :

  • Posisi ikon (kanan bawah, kiri bawah, dll.)
  • Margin dan padding untuk menyesuaikan posisi
  • Membuka WhatsApp di tab baru atau tab yang sama

Yang menarik adalah, plugin ini memungkinkan kamu mengatur tampilan berbeda untuk desktop dan mobile. Jadi kamu bisa mendesain ikon lebih besar untuk mobile atau menonaktifkannya hanya di perangkat tertentu.

Fitur Greeting (Pesan Sambutan)

Selain ikon WhatsApp, plugin ini juga menyediakan fitur Greeting Box, yaitu jendela kecil yang muncul di samping ikon, biasanya berisi :

  • Foto agen
  • Nama agen / brand
  • Pesan sapaan (misalnya “Halo! Kami siap membantu Kamu.”)
  • Tautan ke halaman tertentu

Greeting ini bisa kamu desain sendiri, mengganti warna latar, menambahkan gambar profil, dan bahkan link ke situsmu.

Menambahkan GIF ke Ikon WhatsApp

Ini merupakan sebuah pilihan menarik yang dihadirkan dari fitur plugin chat whatsapp ini. Kalau kamu ingin ikon WhatsApp kamu tampil beda dan menarik perhatian, kamu bisa menggunakan file GIF. Langkahnya sangat mudah, yaitu :

  1. Masuk ke bagian Media > Library. Kemudian, unggah file GIF yang kamu inginkan
  2. Salin URL file GIF tersebut
  3. Pada menu “Customize” plugin, pilih Style 9 atau 99
  4. Tempel URL gambar ke kolom gambar
  5. Simpan perubahan, lalu refresh halaman

Kini, ikon WhatsApp kamu tampil lebih hidup dan interaktif, serta terlihat berbeda dari yang lainnya, mudah bukan!

Integrasi plugin dengan WooCommerce

Buat kamu yang memiliki toko online berbasis WooCommerce, plugin ini bisa diintegrasikan langsung ke fitur yang ada di woocommerce, seperti :

  • Halaman produk
  • Halaman checkout
  • Halaman keranjang
  • Halaman katalog (shop)

Selain itu, kamu juga bisa mengatur ikon WhatsApp ini muncul dibagian yang kamu inginkan, sebelum atau sesudah elemen tertentu, misalnya :

  • Sebelum nama produk
  • Setelah harga
  • Di bawah tombol “Add to Cart”

Jika posisi ikon terlalu dekat dengan elemen lain, kamu bisa menambahkan margin/padding agar tampilannya lebih rapi dan menarik. Sehingga, tetap terlihat professional.

Menyesuaikan Tampilan Berdasarkan Halaman

Fitur unggulan lain yang ditawarkan dari plugin chat whatsapp Click to Chat by HoliThemes ini adalah fleksibilitasnya yang bisa menampilkan ikon WhatsApp berdasarkan :

  • Jenis halaman (home, post, page, archive, dll.)
  • Custom post types (seperti portofolio, event, dsb.)
  • Kategori tertentu
  • ID postingan spesifik

Artinya, kamu bisa menampilkan ikon hanya di halaman produk, tapi menyembunyikannya di blog. Atau hanya di homepage saja. Sangat fleksibel bukan ?

Plugin ini sebenarnya sudah sangat powerful dan cukup untuk kebutuhan bisnis hanya menggunakan versi gratisnya. Tapi jika kamu ingin memiliki banyak pilihan gaya, menyesuaikan jam kerja, lebih banyak posisi ikon dan dukungan premium maka versi Pro bisa menjadi pilihan.

Harga untuk persi pro plugin ini juga cukup terjangkau yaitu sekitar $18 per tahun. Dan untuk lebih jelas serta harga terupdatenya silahkan kunjungi dan klik disini!

Kesimpulan

Mengintegrasikan WhatsApp ke website WordPress kini menjadi kebutuhan utama, khususnya untuk meningkatkan interaksi dengan pengunjung atau calon pelanggan. Dengan plugin Click to Chat dari HoliThemes, proses ini menjadi sangat mudah, cepat, dan fleksibel.

Mulai dari hanya menampilkan ikon WhatsApp sederhana, hingga menambahkan gambar, greeting box, integrasi WooCommerce, dan GIF yang interaktif, semua bisa kamu lakukan tanpa coding dan tanpa biaya tambahan.

Kalau kamu seorang pemilik bisnis online, blogger, freelancer, atau pemilik toko daring, fitur ini akan sangat membantu meningkatkan konversi, membangun kepercayaan, dan tentunya mempercepat komunikasi.

Logo Sigrep Putih
Platform Afiliasi Profesional. Menyajikan konten menarik yang akan menambah wawasan Anda.
© Copyright 2023 - Sigrep - All Rights Reserved
listchevron-downcross-circle linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram