Cara Menambahkan Tombol Whatsapp Pada Website Tanpa Plugin

Beranda » Blog » Tutorial Website » Cara menambahkan tombol Whatsapp pada website tanpa plugin

tutorial wa

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!

Tags: api wa, direct whatsapp, tutorial, website, whatsapp

Bagikan informasi ini kepada teman atau kerabat Anda

Ditulis oleh Tri Yuli Kurniawan

Founder & CEO PT. Trion Global Indonesia. Memiliki hobi bermain game online salah satunya Dota2 (tapi cupu alias noob wkwk). Ingin ngobrol langsung dengan saya? Follow Twitter, Instagram & Facebook @triyulik

14 komentar untuk "Cara menambahkan tombol Whatsapp pada website tanpa plugin"

Poetra Alam
mantap kang sy sudah coba pasang dan hasil nya keren
Balas2 January 2023 | 20:18
Metro Desain
terima ksih infonya
Balas23 July 2021 | 07:09
Agus Setiawan
terimakasih atas artikel yang bermanfaat ini
Balas25 January 2021 | 11:56
Karimun Jawa
Thanks gan,, sangat menarik sekali dan bermanfaat, Ijin adopsi ilmunya.
Balas12 January 2021 | 21:31
Kang_Ipung
Pokoknya 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
Balas1 January 2020 | 18:04
- Tri Yuli Kurniawan
  Bisa langsung ditanyakan secara rinci pada cs oketheme ya mas, live chat atau whatsapp pada kontak.
  Balas17 March 2021 | 03:46
IDS Apple Jogja
Mantap 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
Balas20 November 2019 | 04:19
- Tri Yuli Kurniawan
  tidak menerima request mas, maaf ya 🙂
  Balas17 March 2021 | 03:45
  - achmad hidayat
    mas yuli yang punya thamplate dealer juga kok ngk update lagi
    Balas17 March 2021 | 23:43
Situstarget
Min ini berarti kalau mau chat bakal di direct ke web.whatsapp dulu ya? Beda sama kayak tawkto yang bisa langsung chat gitu ke customer?
Balas7 July 2019 | 22:16
- Tri Yuli Kurniawan
  benar, direct ke whatsapp dulu tidak seperti tawk.to 🙂
  Balas17 March 2021 | 03:44
Choir
Terima kasih okethem dan sangat bermanfaat
Balas6 July 2019 | 14:36
kodeliminal
min, kalo model itu buat blogger bisa gak yah?
Balas9 May 2019 | 05:48
- Tri Yuli Kurniawan
  Maaf baru baca komentar, bisa dipasang di platform manapun asalkan support kode html mas.
  Balas17 March 2021 | 03:43