Topik:
 

Cara Membuat Link WhatsApp (WA) di Halaman Website

Oleh: Hobon.id (13/01/2025)
Cara Membuat Link WhatsApp (WA) di Halaman WebsiteWhatsApp adalah salah satu platform komunikasi paling populer di dunia. Dengan membuat link WhatsApp di website kita, pengunjung dapat langsung menghubungi kita dengan mudah. Berikut adalah langkah-langkah untuk membuat link WhatsApp di website kita:

1. Format Dasar Link WhatsApp



WhatsApp menyediakan format URL sederhana untuk memulai percakapan:

https://wa.me/<nomor hp>

Keterangan:

Ganti <nomor hp> dengan nomor telepon kita dalam format internasional, tanpa spasi, tanda plus (+), atau karakter khusus lainnya.

Contoh:
Jika nomor kita adalah 0812 3456 7890, maka link-nya menjadi:

https://wa.me/6281234567890
Advertisement:

2. Menambahkan Pesan Otomatis



Kita juga bisa menambahkan pesan otomatis yang akan langsung muncul di kolom chat ketika pengunjung mengklik link tersebut. Kita bisa menggunakan format berikut:

https://wa.me/<nomor hp>?text=<pesan>

Keterangan:

Ganti <pesan> dengan pesan yang ingin kita tampilkan. Dan kita harus memastikan pesan tersebut di-encode dalam format URL. Kita bisa menggunakan alat online untuk mengubah teks biasa menjadi URL encode.

Contoh:
Jika pesan kita adalah "Halo, saya tertarik dengan produk Anda", maka URL-nya menjadi:

https://wa.me/6281234567890?text=Halo%2C%20saya%20tertarik%20dengan%20produk%20Anda


3. Menambahkan Link ke Website Kita



Setelah link selesai dibuat, kita dapat menambahkannya ke website kita. Berikut adalah beberapa cara untuk melakukannya:

a. Menambahkan Tautan Biasa



Kita gunakan tag HTML sederhana untuk menampilkan link WhatsApp sebagai tautan teks:

<a href="https://wa.me/6281234567890" target="_blank">Hubungi Kami di WhatsApp</a>


b. Menambahkan Tombol WhatsApp



Kita juga dapat membuat tombol untuk mempercantik tampilan:

<a href="https://wa.me/6281234567890" target="_blank" style="background-color: #25D366; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px;">Hubungi Kami di WhatsApp</a>


c. Menambahkan Ikon WhatsApp



Untuk menambahkan ikon WhatsApp, kita gunakan elemen gambar atau ikon dari library seperti Font Awesome:

Dengan Gambar:

<a href="https://wa.me/6281234567890" target="_blank">
<img src="whatsapp-icon.png" alt="WhatsApp" style="width: 30px; height: 30px;">
</a>


Dengan Font Awesome:

<a href="https://wa.me/6281234567890" target="_blank" style="color: #25D366; font-size: 24px;">
i class="fa fa-whatsapp"> /a>


4. Tips Tambahan



Menggunakan Link yang Responsif: Kita harus memastikan link WhatsApp berfungsi dengan baik di perangkat seluler, karena sebagian besar pengguna menggunakan WhatsApp di ponsel.

Mengoptimalkan Pesan Otomatis: Tulis pesan otomatis yang singkat dan jelas agar mempermudah komunikasi.
Advertisement:
Dengan mengikuti langkah-langkah di atas, kita dapat dengan mudah membuat link WhatsApp di website kita, meningkatkan interaksi dengan pengunjung, dan mempermudah komunikasi bisnis kita.
Artikel Terkait: