Tutorial Lengkap Cara Membuat Tombol Widget WhatsApp di Blog

Cara Membuat Tombol Chat WhatsApp Langsung di Blogger
Tutorial Lengkap Cara Membuat Tombol Widget WhatsApp di Blog
Menambahkan Widget Whatsapp
Menambahkan Widget Whatsapp

Tombol Whatsapp atau tombol WhatsApp adalah tombol yang memudahkan komunikasi antara pemilik blog dengan pengunjung blog melalui aplikasi WhatsApp.

Pada prinsipnya, tombol WhatsApp yang dipasang di blog lebih banyak digunakan daripada berkomunikasi melalui email. Saat ini, WhatsApp dan email adalah sarana komunikasi utama antara pemilik blog dan pengunjung, tetapi beberapa menganggap WhatsApp lebih mudah, lebih fleksibel, dan lebih nyaman untuk komunikasi antara individu dan grup.

Daftar Isi

Whatsapp yang dipasang pada blog biasanya bersifat redirect langsung menuju ke arah kontak nomor yang telah disisipkan pada tombol tersebut. Dengan begitu siapa saja yang ingin kontak dengan admin blog dapat langsung menekan icon tombol whatsapp tersebut dan kemudian secara otomatis kita akan diarahkan langsung menuju aplikasi whatsapp untuk melakukan chatting dengan admin. Manfaat utama yang didapat ketika memasang tombol whatsapp pada blog adalah mempermudah aksebilitas komunikasi antara pemilik blog (admin) dengan pengunjung blog (visitor) sehingga dengan diharapkan dapat terjalinnya hubungan yang baik juga. Apalagi jika blog tersebut merupakan blog yang mengurusi perihal jual beli online (toko online) tentu keberadaan tombol navigasi whatsapp sangatlah berguna untuk mempercepat jalinan komunikasi antara penjual (seller) dan pembeli (buyer) sebelum terjadinya transaksi jual beli di blog tersebut.

Oh, sebelumnya, cara memasang tombol WhatsApp yang dijelaskan dalam artikel ini adalah untuk tombol lain seperti tombol messenger, tombol Snapchat, tombol baris, tombol surat, tombol telegram, tombol SMS, tombol Viber, tombol vkontakte, tombol panggil dll. Juga berlaku untuk penciptaan. Di sini kami menggunakan layanan gratis untuk membuat tombol navigasi WhatsApp di blog Anda. getbutton.io Gunakan layanan situs web. Ini adalah alat untuk mendapatkan kode skrip di situs web Anda dan Anda akan menginstalnya nanti di blog Anda. Halaman ini menyediakan kode scripting otomatis untuk dimasukkan ke dalam blog yang Anda butuhkan, jadi Anda tidak perlu menggunakan teknik coding yang rumit ini. Saat ini, berikut adalah tutorial lengkap tentang cara membuat tombol WhatsApp:


Tutorial Lengkap Cara Membuat Tombol Widget WhatsApp di Blog

Step 1 : Silahkan kunjungi situs Get Button Io
Step 2 : Kemudian klik pada bagian “get your button” dan akan menampilkan menu seperti di bawah ini.
Step 3 : Selanjutnya klik icon whatsapp kemudian masukkan nomor aktif ke dalam form yang tersedia. Perhatikan nomor harus di awali dengan kode negara Indonesia (+62). Contoh +6283846231766
	Widget WhatsApp Step 4 : Pilih Whatsapp Lalu masukkan nomor Telepon yang aktif, nantinya nomor tersebut akan digunakan sebagai nomor utama Widget ini
	Widget WhatsApp Step 5 : Khusus hal ini merupakan pilihan optional, kamu dapat merubah penempatan tombol di kanan atau kiri. Kemudian kamu juga dapat merubah tulisan “message us” sesuai dengan keinginanmu. Disini saya merubah tulisan “message us” menjadi “chat now”. Silahkan disesuaikan dengan kreasi kalian.
Step 6 : Langkah selanjutnya masukkan Email lalu klik get button kode lalu dapatkan kode script whatsapp untuk dipasang pada blog kalian masing-masing.
	Widget WhatsApp 	Widget WhatsApp
// Cookies Code
		<!-- GetButton.io widget -->
		<script type="text/javascript">
		(function () {
			var options = {
				whatsapp: "62822510******", // WhatsApp number
				call_to_action: "Kirimi kami pesan", // Call to action
				position: "right", // Position may be 'right' or 'left'
			};
			var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;
			var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
			s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
			var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
		})();
		</script>
		<!-- /GetButton.io widget -->
	

Informasi :
Ganti ***** dengan nomor whatsapp yang kamu inginkan


Cara Memasang Tombol WhatsApp di Blogger

Step 1 : Pergi ke dashboard blogger kemudian masuk ke bagian Tata letak
Step 2 : Kemudian Pilih tambahkan gadget > HTML/Javascript
Step 3 : Masukkan kode script tadi pada form konten yang disediakan.
Step 4 : Klik simpan dan selesai.

Penutup

Sekian artikel tentang tutorial cara membuat dan memasang tombol WhatsApp di blogger. Semoga dapat bermanfaat untuk sobat semua. Terimakasih.

Content Creator, Graphic Designer, UI / UX Designer

My Notes On Blogger : Ernesia.xyz