Cara Menambahkan Tombol Chat Whatsapp pada Wordpress - Hostingkuweb

Cara Menambahkan Tombol Chat Whatsapp pada Wordpress


Salah satu kemampuan WP Affiliasi adalah menampilkan data sponsor. Nah, data sponsor yang bisa ditampilkan adalah data nomor HP Sponsor. Dengan memanfaatkan WhatsApp API, kita bisa menampilkan juga link untuk chat dengan sponsor melalui whatsapp. Oke, sebelum dimulai, kita cari dulu gambar tombol whatsappnya. Misalnya ini:



Alamat gambarnya ada di :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJi2MT4KWK67PgpHX0X3danQSlCeMG48KOro7hmOsHjeZp8PTQenWLLX12g8Epy7fCn_UF3J91fZDsp6XvBsR1GWDQ5q1hKwg_gjqEisOPZcVoWSbDlT6JZM0meVSBITvslXQ4U21MRYS0/s1600/chatwa.png

Kemudian, kita tentukan juga link chat whatsapps-nya yaitu seperti ini:

https://wa.me/NOMORHP?text=Pesan

contohnya:

https://wa.me/6208970097777?text=Saya%20mau%20pesan%20WP%20Affiliasi

Kemudian, tinggal memasang kode html-nya saja untuk menampilkan gambar lengkap dengan linknya. Kode HTML-nya seperti ini:

<a href="[LINK_URL]"><img src="[ALAMAT_GAMBAR]" alt="Chat via WhatsApp"/></a>

Tinggal ganti deh LINK URL dg URL WhatsApp dan ALAMAT_GAMBAR dengan alamat gambar kita. Jadinya akan seperti ini:

<a href="https://wa.me/6208970097777?text=Saya%20mau%20pesan%20WP%20Affiliasi">
<img src="https://cafebisnis.com/gbartikel/comp-cara-menambah-tombol-chat-whatsapp-sponsor580.jpg" alt="Chat via WhatsApp"></a>

Sudah selesai? Belum, kode di atas masih menggunakan nomor HP saya, jadi kita ganti dulu dengan nomor HP sponsor sehingga jadi seperti ini:

<a href="https://wa.me/62[sponsor data=telp]?text=Saya%20mau%20pesan%20WP%20Affiliasi">
<img src="https://cafebisnis.com/gbartikel/comp-cara-menambah-tombol-chat-whatsapp-sponsor911.jpg" alt="Chat via WhatsApp"></a>

Tinggal memasukkan kode itu di page atau jika menggunakan elementor gunakan elemen Shotcode untuk memasukkannya


Unlimited Hosting Indonesia