Cara Memasang Tombol WhatsApp Mengambang di Situs WordPress Tanpa Plugin

Cara Memasang Tombol WhatsApp Mengambang di Situs WordPress Tanpa Plugin

Cara Memasang Tombol WhatsApp Mengambang di Situs WordPress Tanpa Plugin

INSANTRI.COM. Akhir-akhir ini banyak situs memasang tombol whatsapp mengambang di situs resminya, khususnya situs yang menawarkan barang dan jasa. Hal ini dipandang penting karena bertujuan untuk bisa terhubung dengan pelanggan secara langsung melalui aplikasi chat Whatsapp yang hampir semua orang memiliki aplikasi chat ini.

Dengan adanya tombol Whatsapp di situs juga membuat pelanggan atau pengunjung tidak perlu repot menulis ulang nomor telepon Whatsapp kita, karena menghubungi pemiliki situs cukup hanya dengan menekan tombol saja. Terus bagaimana cara memasangnya sih? Apakah butuh plugin? Dalam tulisan ini kami akan membagikan Cara Memasang Tombol WhatsApp Mengambang di Situs WordPress Tanpa Plugin.

Keuntungan Memasang Tombol Whatsapp Mengambang di Situs Tanpa Plugin

Keuntungan Memasang Tombol Whatsapp di Situs Tanpa Plugin, antara lain:

  1. Tidak memberatkan situs karena tanpa pasang plugin
  2. Ringan karena hanya menggunakan kode
  3. Terhubung langsung dengan pelanggan/calon pelanggan

Hanya cukup dengan menulis kode html kamu sudah bisa memasang tombol Whatsapp di situs kamu lho. Nggak perlu plugin, dan nggak perlu mempelajari kode html karena kamu cukup meng-copy paste kodenya saja.

Sebagai contoh dalam halaman ini terdapat tombol WhatsApp yang bisa kamu tekan untuk menghubungi penulis. Tombol tersebut ada bukan dengan plugin, namun dibuat hanya dengan kode HTML yang sederhana.

Kodenya adalah sebagai berikut:

<div style="position: fixed; bottom: 100px; right: 20px; z-index: 99;">
<a href="https://wa.me/6282312345678/?text=Hi,%20Admin." target="_blank" rel="noopener">
<img src="https://insantri.com/wp-content/uploads/2021/09/[email protected]" width="65" height="66" alt="Hubungi Kami Melalui WhatsApp"></a></div>

Perlu diperhatikan:

Jangan lupa untuk mengedit bagian nomor yang bertanda kuning dengan nomor WhatsApp kamu dengan didahului kode negara yang benar dan tanpa simbol ‘+’.

Contoh jika nomor saya adalah 082666537417 maka dengan kode negara Indonesia saya tulis 6282666537417 bukan +6282666537417.

Kamu juga boleh mengedit bagian ‘?text=Hi,&20Admin.‘ dengan ‘?text=Hi,&20Min.%20Saya%20mau&20tanya‘ atau kosongkan saja sehingga link terlihat hanya seperti ini ‘https://wa.me/6282312345678/

Dimana Kode tersebut dipasang?

A. Memasang Tombol WhatsApp Mengambang di Halaman Situs Tertentu

Jika kamu ingin memasang tombol Whatsapp di halaman tertentu atau postingan tertentu maka yang perlu kamu lakukan adalah menanamkan kode di atas tadi di halaman/postingan yang kamu inginkan.

Cukup menggunakan blok ‘HTML Khusus‘ atau copy paste langsung kode yang sudah kamu edit tersebut ke dalamnya seperti gambar di bawah ini.

Tambahkan Blok ‘HTML Khusus’
Copy Paste kode pada blok tersebut

atau bisa juga dengan meng-copypaste-kan kode tersebut pada ‘editor kode‘ lalu tinggal publish

Baca Juga: Contoh Pesan Otomatis Whatsapp

B. Memasang Tombol WhatsApp Mengambang di Seluruh Halaman Situs

Jika kamu ingin memasang tombol Whatsapp di seluruh halaman maka yang perlu kamu lakukan adalah menanamkan kode tersebut di bagian footer, widget atau sidebar. WordPress versi terbaru menawarkan widget berbasis blok sehingga kamu bisa membuat blok ‘HTML Khusus‘ sebagaimana dalam postingan.

Agar lebih praktis kamu bisa akses melalui dashboard wordpress kamu pilih ‘Tampilan‘ lalu klik ‘Widget‘.

Lalu selesaikan seperti cara di atas dengan menambahkan Widget Blok ‘HTML Khusus’ bisa dipasang di bagian sidebar atau footer. Voila, Tombol Whatsapp Mengambang sudah jadi.

Itulah Cara Memasang Tombol WhatsApp di Situs WordPress Tanpa Plugin. Silahkan dicoba dan semoga bisnis atau layanan Anda selalu bisa terhubung dengan customer dengan baik.

Penulis: Mudhofar – Seorang Blogger

Tinggalkan Komentar