# Pasang WhatsApp di situs web Anda

> Pasang tombol WhatsApp yang membuka chat dengan pesan yang tepat di setiap halaman, dan ubah nomornya nanti tanpa mengedit situs Anda.

Dengan tombol WhatsApp, pengunjung bisa bertanya begitu ada pertanyaan, tanpa menyalin nomor Anda. Di ponsel, tombol ini membuka aplikasi WhatsApp; di komputer, WhatsApp Web atau aplikasi WhatsApp Desktop.

## Pasang tombol chat

Sebagian besar pembuat situs web punya blok tombol tempat Anda menempel link: tempel wa.link Anda di sana. Jika Anda mengedit HTML situs Anda, ini tombol yang lengkap:

```html
<a
	href="https://wa.link/tiendaluna"
	target="_blank"
	rel="noopener"
	style="display:inline-block;padding:12px 20px;border-radius:8px;background:#075e54;color:#ffffff;font-weight:600;text-decoration:none"
>
	Chat with us on WhatsApp
</a>
```

Ganti `tiendaluna` dengan alamat Anda. Biarkan `rel="noopener"` apa adanya: menambahkan `noreferrer` akan menyembunyikan situs Anda dari **Traffic Sources** (sumber trafik) link itu.

## Mengapa bukan link wa.me

Link wa.me milik WhatsApp sendiri gratis dan juga membuka chat. Bedanya baru terasa nanti, saat nomor Anda berubah atau orang baru mengambil alih chat: link yang ditulis langsung di kode tetap mengarah ke nomor lama di setiap halaman sampai Anda menemukan dan mengeditnya satu per satu.

|                                 | Link wa.me                 | Link Premium          |
| ------------------------------- | -------------------------- | --------------------- |
| Mengubah nomor atau pesan       | Edit setiap halaman        | Sekali, di Walink     |
| Klik dihitung                   | Tidak                      | Ya, beserta sumbernya |
| Satu pesan untuk banyak halaman | Teks lengkap di setiap URL | Ya, dengan variabel   |
| Halaman landing sebelum chat    | Tidak                      | Opsional              |

[wa.link gratis](https://walink.com/id/docs/free-links) seperti link wa.me dengan alamat yang lebih pendek dan kode QR: sama-sama tidak bisa diedit. [Mengapa Walink](https://walink.com/id/docs/why-walink) membandingkan pilihannya secara lebih rinci.

## Pesan untuk setiap halaman

Di halaman produk, chat sebaiknya menyebutkan produk mana yang sedang dilihat pengunjung. [Variabel pesan](https://walink.com/id/docs/premium-links/message-variables) melakukannya dengan satu Link Premium saja:

1. Di **Pre-filled Message** (pesan yang sudah terisi) link itu, tulis `{{product}}` di tempat nama produk: `Halo, saya tertarik dengan {{product}}.`
2. Di bawah **Message variables** (variabel pesan), isi nilai default, misalnya `koleksi lampu`, untuk halaman yang tidak mengirim nilai.
3. Di setiap halaman produk, tambahkan produknya ke link: `https://wa.link/tiendaluna?product=Moon+Lamp`. Tanda `+` mewakili spasi.

Chat terbuka dengan "Halo, saya tertarik dengan Moon Lamp." Variabel berfungsi di link Chat. Smart Links mengirim pesan setiap tujuan seperti yang Anda tulis.

## Permintaan dengan detail

Jika Anda selalu membutuhkan detail yang sama, seperti tanggal, layanan, dan nama, arahkan tombolnya ke [formulir](https://walink.com/id/docs/forms). Pengunjung menjawab di form.wa.link, lalu WhatsApp terbuka dengan semua jawaban sudah ada di pesan. Pasang link ke formulir dari halaman Anda, jangan menyematkannya. Formulir seharga $10 USD per bulan per formulir yang dipublikasikan.

## Ukur dan arahkan klik

- Situs Anda muncul dengan domainnya di **Traffic Sources** link, jadi Anda bisa membedakan chat dari situs web dan chat dari Instagram.
- Klik dari semua halaman dihitung di link yang sama. Untuk membandingkan halaman, beri setiap halaman Link Premium sendiri.
- [Smart Link](https://walink.com/id/docs/smart-links) bisa mengarahkan pengunjung situs web. **Business Hours** (jam operasional) mengarahkan klik di luar jam Anda ke orang lain. Dalam mode **Referral Source** (sumber rujukan), pilih **Custom** dan masukkan domain Anda untuk mengarahkan chat dari situs web ke tim penjualan Anda; sumber kustom juga cocok dengan tag `utm_source` atau `utm_campaign` di link. Lihat [Routing](https://walink.com/id/docs/smart-links/routing).
