Membuat Contact Form Blog Responsif Terkirim Ke Nomor Whatsapp

Cocok untuk blog yang ingin berinteraksi dengan visitornya. 
Ya, memasang kontak whatsapp di blog yang langsung terhubung ke  nomor whatsapp admin blog sangat penting agar pengunjung dapat berkomunikasi, berkonsultasi tentang konten dan keperluan lain yang memerlukan kontak langsung (instan). Kontak whatsapp ini pertanda bahwa blog yang sedang dikunjunginya aktif dikelola, bukan blog tidak jelas/asal-asalan.

Terlebih lagi untuk blog yang fokus pada penjualan produk/jasa secara online, tentu kita tidak ingin pelanggan enggan membeli produk kita disebabkan blog yang dibangun tidak memiliki kontak yang jelas.

Berikut cara memasang kontak whatsapp di blog yang langsung terhubung ke nomor whatsapp admin :

Copy kode dibawah :

<style>
.floatwa {
position:fixed;
top:0px;
right: 0px;
background-color:#ffffff;
width:100%;
z-index:1000;
padding:2px;
margin:auto;
text-align:center;
float:none;
box-shadow: 0px -2px 10px #c0c0c0;
}
.tombolwa {
border: 1px #56aa71 solid;
background-color:#2f7e49;
width:100%;
padding:4px;
text-align:center;
margin:0;
border-radius: 5px;
margin:auto;
text-align:center;
float:none;
}
.floatwa a{
color:white;
}
</style>
<div class='floatwa'>
<a href='https://api.whatsapp.com/send?phone=62895400800800&amp;text=Halo%20Kang%20Arief,%20Saya%20mau%20pasang%20iklan/donasi/menyampaikan%20hak%20jawab atas ' target='_blank'><div class='tombolwa'>Kritik? Saran? Hak Jawab? Donasi? klik &#10550; </div></a></div>

Paste diatas </body>

Keterangan :

95400800800 : Ganti dengan nomor hp anda yang terhubung dengan whatsapp.

Top : Diatas, jika ingin tampil dibawah, ganti dengan : bottom

%20 : spasi dalam kode html


Halo bla bla bla adalah isi pesan/template pesan/pesan otomatis dari orang yang akan mengirim pesan ke nomor whatsapp anda. Bisa diganti dengan teks yang sesuai dengan keinginan anda. Jika ingin menambahkan spasi, harus menggunakan %20.

Kritik? Saran? Bla bla bla adalah teks yang tampil di halaman utama. Bisa diganti dengan kata kata yang sesuai dengan keinginan anda.


Jika script diatas sudah tidak berfungsi, tolong beritahu dikolom komentar untuk segera diperbaiki. Terima kasih.

0 Response to "Membuat Contact Form Blog Responsif Terkirim Ke Nomor Whatsapp"

Post a Comment