Cara Membuat Tombol WhatsApp Melayang pada Website

Harap dibaca RUNTUT & LENGKAP,  agar tidak GAGAL PAHAM

Artikel ini merupakan tutorial singkat dan mudah untuk memasang tombol whatsapp melayang pada website di pojok kanan bawah dari halaman Websitemu, atau Landing Pagemu. Silakan segera dibaca dan dipraktekkan

Baca Juga: Memasang Tombol WhatsApp di Facebook Fans Page

Membuat Link Whatsapp

Ini adalah bagian yang sangat fatal kalau sampai diabaikan. Jadi pertama, Anda harus bikin Link WhatsApp dulu, untuk ditujukan ke Nomor WhatsApp Anda nantinya. Link WhatsApp yang dimaksud adalah link yang jika link tersebut diklik atau diakses, maka akan otomatis masuk ke WhatsApp milikmu, dengan atau tanpa text awalan otomatis. Silakan dipelajari tutorialnya membuat link whatsapp disini. Contoh tombol WhatsApp pada Website dibawah yang akan dipraktekkan, kami menggunakan link WhatsApp: YukChat.us/ampuh, silakan nanti link tersebut DIGANTI dengan link WhatsApp milik Anda sendiri ya gais..

Menyisipkan Kode HTML kedalam Website

Anda, sebagai yang menghandle website, pasti tahu lah ya cara menyisipkan kode html ke website Anda sendiri, entah itu website berbasis gratisan di blogspot atau WordPress.com, sampai website profesional berbayar, atau misalnya pada Landing Page milik Anda, semuanya support kok untuk kita menyisipkan kode html tambahan ke website. Berikut kode HTML yang harus disisipkan:

<a href="http://yukchat.us/ampuh">
<img src="https://www.hantamo.com/free/whatsapp.svg" alt="WhatsApp-Button" class="wabutton">
</a>
<style>
.wabutton{
width:70px;
height:70px;
position:fixed;
bottom:20px;
right:20px;
z-index:100;
}
</style>

JANGAN LUPA untuk mengganti link: yukchat.us/ampuh dengan link WhatsApp milikmu sendiri ya.. dan untuk mengganti ukuran icon whatsappnya, itu dibagian width dan hight (dicontoh 70px, silakan diganti sesuka hati)

Jika sudah disisipkan, nanti akan ada tombol whatsapp melayang pada website di pojok kanan bawah dari halaman websitemu, dan jika pengunjung web ngeklik icon tersebut, maka pengunjung akan segera menuju ke WhatsAppmu, otomatis

Bagikan
whatsapp marketingfb-share
0 Comments
Inline Feedbacks
View all comments
Artikel Bertema Sama