Membuat Tombol Whatsapp Di Website Tanpa Plugin

20 Mei 2019
Tombol Whatsapp

Di artikel kali ini kami akan berbagi informasi Cara Membuat Tombol Whatsapp Di Website Tanpa Plugin. Dengan perkembangan teknologi dan informasi whatsapp menjadi salah satu aplikasi chating yang populer.

Whatsapp menawarkan banyak fitur atau fasilitas yang memudahkan penggunanya. Fitur tersebut diantaranya yaitu bisa terintegrasi dengan nomor simcard.

Banyak pelaku bisnis seperti toko online yang menggunakan whatsapp karena lebih fast respon dan terdapat fitur kirim foto, suara, video, dll.

Karena manfaatnya yang cukup urgent inilah maka di sini kami akan mencoba membuat link whatsapp tanpa plugin sosial share pihak ketiga yang mungkin bisa memperlambat kecepatan situs, tanpa javascript dan tinggal copy paste.

Membuat tombol share ke whatsapp

Cara Membuat tombol share artikel web ke whatsapp cukup mudah silakan copy paste link dibawah ini.

<a href="whatsapp://send?text=URL Artikel">Share ke WhatsApp</a>

Silakan ganti URL Artikel dengan link yang ingin dibagikan atau jika menggunakan CMS wordpress bisa menggunakan get_permalink(). Untuk Share ke WhatsApp bisa diganti tulisan lain atau gambar. Untuk hasilnya akan seperti dibawah ini. Namun silakan coba di smartphone yang sudah terinstal dengan whatsapp.

Share ke WhatsApp

Membuat tombol chat ke whatsapp

Dengan tombol chat whatsapp maka akan mempermudah pengunjung web untuk menghubungi admin web atau customer service tanpa harus menyimpan nomornya terlebih dahulu. Hanya tinggal klik maka sudah bisa berkomunikasi. Untuk membuatnya silakan copy paste dibawah ini ke halaman web.

<a href="https://wa.me/628xxx?text=Isi Pesan">Chat Via WhatsApp</a>

Silakan ganti 628xxx dengan nomor tujuan chat whatsapp dan wajib dengan nomor kode negara semisal untuk 62. Sedangkan Isi Pesan bisa dihapus atau diisi agar jika diklik di kotak chat whatsapp sudah terdapat default text semisal Assalamu’alaykum.

Isi pesan tersebut harus di encode terlebih dahulu. Tenang saja caranya mudah.

Silakan kunjungi generate encoder online salah satunya https://www.url-encode-decode.com/. Tulisan disebelah kiri text yang ingin ditampilan semisal Assalamu’alaykum. Kemudian klik tombol encode url dan hasilnya akan seperti ini Assalamu%27alaykum. Setelah itu copy paste hasil text encode tersebut ke link whatsapp.

Maka hasilnya akan seperti ini

Chat Via WhatsApp

Jika ingin default seperti form nama, alamat, dll caranya sama silakan encode text kemudian copy paste ke link whatsapp.

Jika tombolnya agar bisa menarik perhatian dan bagus. Anda bisa mendesain mengganti dengan gambar yang bagus atau dengan mempercantik menggunakan CSS.

Terima kasih telah mengunjungi website kami.

 

Share jika bermanfaat, jika ada kritik, tambahan dan saran silakan hubungi kami atau silakan isi di kolom komentar/review.

Postingan Terkait

Komentar

2 thoughts on “Membuat Tombol Whatsapp Di Website Tanpa Plugin”

Leave a Comment

Your email address will not be published. Required fields are marked *

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The reCAPTCHA verification period has expired. Please reload the page.

Scroll to Top