Whatsapp merupakan media komunikasi chating yang saat ini paling banyak digunakan. Membenamkan aplikasi lain yang serupa seperti Blackberry Messenger, LINE dsb. Oleh karena itu banyak sekali pemilik website yang menambahkan nomor Whatsapp mereka pada website untuk memudahkan pelanggan/pengunjung menghubunginya. Tentu saja, juga sangat cocok apabila diterapkan pada website toko online untuk meningkatkan konversi penjualan.
OK, saya menjelaskan bagaimana caranya menambahkan tombol Whatsapp pada website Anda tanpa plugin dan tentunya sangat mudah sekali. Tombol ini nantinya akan langsung direct ke Whatsapp Anda atau pemilik website apabila diklik oleh pengunjung website. Simak tutorialnya berikut:
- Copy kode berikut ini:
<div style="position:fixed;left:20px;bottom:20px;">
<a href="https://api.whatsapp.com/send?phone=+628123456789&text=Halo">
<button style="background:#32C03C;vertical-align:center;height:36px;border-radius:5px">
<img src="https://web.whatsapp.com/img/favicon/1x/favicon.png"> Whatsapp Kami</button></a>
</div> - Tentu saja harus diedit terlebih dahulu kode diatas (yang berwarna merah) disesuaikan dengan nomor Whatasapp Anda.
- Setelah itu di-paste setelah tags <body> website Anda.
- Apabila Anda menggunakan template dari Oketheme, bisa langsung di-paste pada kolom pada tab Kode Tambahan > Footer.
- Pada template tertentu, fitur tombol Whatsapp sudah tersedia tanpa harus ribet copy paste kode seperti diatas karena sudah disediakan setingan Whatsapp dengan pilihan beberapa tombol yang menarik.
Segitu saja tutorial kali ini dan semoga penjelasan diatas mudah dimengerti dan dapat membantu Anda. Selamat mencoba, good luck!
14 komentar untuk "Cara menambahkan tombol Whatsapp pada website tanpa plugin"
Tulis komentar Andamantap kang sy sudah coba pasang dan hasil nya keren
2 January 2023 | 20:18terima ksih infonya
23 July 2021 | 07:09terimakasih atas artikel yang bermanfaat ini
25 January 2021 | 11:56Thanks gan,, sangat menarik sekali dan bermanfaat, Ijin adopsi ilmunya.
12 January 2021 | 21:31Pokoknya dengan menggunakan template dari Oketheme bikin Maknyuuuuus…
Tapi mau tanya nich, bagaimana memunculkan Tulisan Blog pada Template Toko Online Indostor lisensi Developer ya, soalnya lama tidak bergelut di dunia perwesetan hehehe..:)
Sukses selalu Mas Tri
1 January 2020 | 18:04Bisa langsung ditanyakan secara rinci pada cs oketheme ya mas, live chat atau whatsapp pada kontak.
17 March 2021 | 03:46Mantap min, semoga kedepannya selalu up to date themes nya, mengikuti perkembangan jaman.
Oh iya, apakah bisa req themes ttt min? jika bisa brp harganya
Thx
iPhone dan MacBook Second Berkualitas
20 November 2019 | 04:19tidak menerima request mas, maaf ya 🙂
17 March 2021 | 03:45mas yuli yang punya thamplate dealer juga kok ngk update lagi
17 March 2021 | 23:43Min ini berarti kalau mau chat bakal di direct ke web.whatsapp dulu ya? Beda sama kayak tawkto yang bisa langsung chat gitu ke customer?
7 July 2019 | 22:16benar, direct ke whatsapp dulu tidak seperti tawk.to 🙂
17 March 2021 | 03:44Terima kasih okethem dan sangat bermanfaat
6 July 2019 | 14:36min, kalo model itu buat blogger bisa gak yah?
9 May 2019 | 05:48Maaf baru baca komentar, bisa dipasang di platform manapun asalkan support kode html mas.
17 March 2021 | 03:43