Tweet |
Topik:
|
Cara Membuat Link WhatsApp (WA) di Halaman WebsiteOleh: Hobon.id (13/01/2025)
![]() 1. Format Dasar Link WhatsAppWhatsApp 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 OtomatisKita 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 KitaSetelah link selesai dibuat, kita dapat menambahkannya ke website kita. Berikut adalah beberapa cara untuk melakukannya: a. Menambahkan Tautan BiasaKita 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 WhatsAppKita 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 WhatsAppUntuk 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 TambahanMenggunakan 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:
|