Cara Membuat Link Tombol WhatsApp Klik Langsung Chat

Kalau kamu lagi jualan online atau punya bisnis, pasti pengen banget pelanggan bisa langsung hubungi kamu lewat WhatsApp tanpa ribet. Nah, di artikel ini kita bakal bahas tuntas gimana cara bikin link WhatsApp yang bisa langsung klik dan chat otomatis, baik secara manual, otomatis, lewat HTML, bahkan lewat Bitly biar link-nya pendek dan rapi. Yuk, simak!
Cara Membuat Pesan Link WA Secara Manual
Cara paling simpel dan cepat adalah dengan bikin link manual. Kamu cuma butuh nomor WhatsApp kamu (tanpa 0 di depan) dan teks pesan yang ingin dimunculkan otomatis saat orang klik link-nya.
Format link-nya seperti ini:
https://wa.me/62[nomor]?text=[pesan]
Contoh:
Misalnya nomor kamu 085314934782, dan kamu mau pesannya otomatis jadi:
“Halo, saya mau tanya tentang produk kamu.”
Maka link-nya jadi seperti ini:
https://api.whatsapp.com/send?phone=6285314934782&text=Halo%20admin%2C%20saya%20ingin%20konsultasi!
Catatan: Gunakan kode negara (Indonesia = 62), dan ganti spasi dengan
%20
atau encode pesan kamu pakai url encoder online.
Cara Membuat Link WA Secara Otomatis
Kalau kamu malas nulis manual atau takut salah format, kamu bisa pakai tool online pembuat link WhatsApp otomatis, misalnya:
Langkah-langkahnya:
- Buka salah satu situs di atas misalnya disini saya menggunakan nomor 1.

- Pilih “Create a free wa.link“

- Masukkan nomor WhatsApp kamu.
- Tulis pesan otomatis yang ingin muncul.
- Klik generate atau create link.
- Tinggal salin deh link-nya!
Hasilnya:
https://wa.link/ctb1nj

Simple banget kan?
Cara Membuat Link WA di HTML
Kalau kamu punya website atau landing page dan pengen pasang tombol WhatsApp, kamu bisa pakai kode HTML seperti ini:
<a href="https://api.whatsapp.com/send?phone=6285314934782&text=Halo%20admin%2C%20saya%20ingin%20konsultasi!" target="_blank">
<button style="background-color: #25D366; color: white; padding: 10px 20px; border: none; border-radius: 5px;">
Chat via WhatsApp
</button>
</a>
Atau kalau mau versi yang pakai ikon WhatsApp:
<a href="https://api.whatsapp.com/send?phone=6285314934782&text=Halo%20admin%2C%20saya%20ingin%20konsultasi!" target="_blank">
<img src="https://img.icons8.com/color/48/000000/whatsapp--v1.png" alt="Chat via WhatsApp" />
</a>
Tinggal ganti nomor dan isi pesan sesuai kebutuhanmu.
Cara Membuat Link WA di Bitly (Biar Lebih Pendek & Rapi)
Link WhatsApp kadang bisa panjang dan kurang enak dilihat, apalagi kalau kamu mau pasang di bio Instagram atau share di media sosial. Solusinya? Shortlink pakai Bitly. Baca juga “Cara Membuat Tombol WhatsApp di Situs WordPress Tanpa Plugin“.
Caranya:
- Buka https://bitly.com
- Login (atau daftar gratis).

- Klik tombol Create New.

- Lalu pilih “Shorten a link“
- Tempel link WhatsApp yang sudah kamu buat.

- Klik Create, lalu kamu bisa kasih nama/link custom biar lebih keren.
- Salin link Bitly-nya dan share deh!

Contoh:
Dari ini:
https://api.whatsapp.com/send?phone=6285314934782&text=Halo%20admin%2C%20saya%20ingin%20konsultasi!
Menjadi:
https://bit.ly/walinkwebesia
Lebih pendek, lebih enak dilihat, dan tetap bisa langsung klik chat ke WhatsApp!
Kesimpulan
Gimana? Gampang banget kan bikin link WhatsApp langsung chat? Kamu bisa pilih cara yang paling cocok baik itu mau manual, otomatis, HTML buat website, atau pendekin link pakai Bitly. Tinggal satu klik, pelanggan bisa langsung ngobrol sama kamu di WA.
Selamat mencoba dan semoga jualanmu makin lancar!
Jika kamu ingin membuat landing Page dengan Tombol CTA yang menarik dan meningkatkan jumlah klik klient kamu, Silahkan gunakan layanan jasa pembuatan landing page dari WebEsia. Untuk informasi lebih lanjut silahkan kirm pesan melalui kontak yang tersedia.