Di era digital seperti sekarang, WhatsApp menjadi salah satu aplikasi komunikasi paling populer di Indonesia. Tidak hanya untuk ngobrol sehari-hari, WhatsApp juga banyak digunakan pelaku usaha untuk berjualan online. Salah satu trik yang bisa meningkatkan interaksi dengan calon pembeli adalah dengan membuat link WhatsApp yang otomatis menampilkan pesan custom.
Dengan link ini, pembeli tidak perlu repot mengetik pesan dari awal. Mereka cukup klik link, lalu otomatis masuk ke chat WhatsApp dengan isi pesan yang sudah kamu tentukan. Misalnya:
https://wa.me/6281234567890?text=Halo%20saya%20ingin%20pesan%20produk%20Anda
Begitu link ini diklik, WhatsApp akan langsung terbuka dengan pesan “Halo saya ingin pesan produk Anda”. Praktis banget, kan?
Kenapa Link WA dengan Pesan Custom Penting untuk Jualan Online?
- Mempermudah calon pembeli
Mereka tidak perlu mengetik manual. Hanya klik → langsung bisa chat. - Mengurangi risiko salah paham
Karena pesan sudah kamu tentukan, informasi awal bisa lebih jelas. - Meningkatkan konversi penjualan
Semakin mudah proses order, semakin tinggi peluang closing. - Terlihat profesional
Link custom bisa kamu tempel di bio Instagram, halaman produk, atau bahkan iklan.
Format Dasar Link WhatsApp
Format standar untuk membuat link WhatsApp adalah:
https://wa.me/NOMOR?text=PESAN
Keterangan:
Related Posts:
- NOMOR: isi dengan nomor WhatsApp tanpa
+atau0di depan (contoh: 6281234567890). - PESAN: isi dengan pesan awal yang ingin ditampilkan (gunakan format URL encode, misalnya spasi diganti
%20).
Contoh:
https://wa.me/6285643597123?text=Hai%20saya%20ingin%20membeli%20produk%20Anda
Cara Praktis Membuat Link WA Custom
Kalau harus menulis manual mungkin agak ribet, apalagi kalau kamu sering ganti nomor atau pesan. Tenang, ada cara lebih mudah: gunakan generator sederhana berbasis HTML + JavaScript.
Cukup isi nomor WA dan pesan yang diinginkan, lalu sistem akan otomatis membuatkan link. Kamu bahkan bisa langsung copy hasil link-nya.
Kode HTML Generator Link WA
Kamu bisa pasang kode berikut di website WordPress, Blogger, atau bahkan file HTML biasa.
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WhatsApp Link Generator</title>
<style>
body { font-family: Arial, sans-serif; margin: 30px; }
input, textarea, button { width: 100%; margin: 10px 0; padding: 10px; font-size: 16px; }
.result { margin-top: 20px; padding: 15px; border: 1px solid #ccc; border-radius: 8px; display: none; }
.copy-btn { margin-top: 10px; background: #28a745; color: white; border: none; padding: 10px; cursor: pointer; border-radius: 5px; }
</style>
</head>
<body>
<h2>WhatsApp Link Generator</h2>
<label>Nomor WhatsApp:</label>
<input type="text" id="phone" placeholder="contoh: 6285643597123">
<label>Pesan:</label>
<textarea id="message" placeholder="Tulis pesan di sini"></textarea>
<button id="generate">Generate</button>
<div class="result" id="resultBox">
<label>Hasil Link:</label>
<input type="text" id="resultInput" readonly>
<button class="copy-btn" onclick="copyToClipboard()">Copy</button>
</div>
<script>
document.getElementById("generate").addEventListener("click", function(){
const phone = document.getElementById("phone").value.trim();
const message = document.getElementById("message").value.trim();
if(phone === "") {
alert("Nomor WhatsApp tidak boleh kosong!");
return;
}
const url = `https://wa.me/${phone}?text=${encodeURIComponent(message)}`;
document.getElementById("resultInput").value = url;
document.getElementById("resultBox").style.display = "block";
});
function copyToClipboard() {
const text = document.getElementById("resultInput");
text.select();
text.setSelectionRange(0, 99999); // mobile
navigator.clipboard.writeText(text.value).then(() => {
alert("Link berhasil disalin!");
});
}
</script>
</body>
</html>
Penutup
Dengan trik sederhana ini, kamu bisa membuat link WhatsApp custom yang sangat membantu proses jualan online. Calon pembeli jadi lebih mudah menghubungi, dan kamu pun terlihat lebih profesional.
Kalau kamu menggunakan WordPress, pastikan kode ini dimasukkan lewat shortcode atau plugin snippet, bukan langsung di editor, agar script tetap bisa berjalan.
Contoh hasilnya yang bisa kamu gunakan langsung adalah sebagai berikut
Artikel ini terakhir diperbarui pada: 16 September 2025 untuk menjaga relevansi dengan kondisi terkini.