# Coloque o WhatsApp no seu site

> Adicione um botão do WhatsApp que abre a conversa com a mensagem certa em cada página, e mude o número depois sem editar o site.

Um botão do WhatsApp deixa o visitante tirar uma dúvida na hora em que ela surge, sem copiar seu número. No celular ele abre o app do WhatsApp; no computador, o WhatsApp Web ou o app para computador.

## Adicione um botão de conversa

A maioria dos criadores de sites tem um bloco de botão onde você cola um link: cole seu wa.link ali. Se você edita o HTML do seu site, este é um botão completo:

```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>
```

Troque `tiendaluna` pelo seu endereço. Deixe `rel="noopener"` como está: acrescentar `noreferrer` esconderia seu site das **Origens de tráfego** do link.

## Por que não um link wa.me

Os links wa.me do próprio WhatsApp são grátis e também abrem uma conversa. A diferença aparece depois, quando seu número muda ou outra pessoa assume as conversas: um link fixo no código continua apontando para o número antigo em todas as páginas, até você encontrar e editar cada uma.

|                                     | Link wa.me                  | Link Premium        |
| ----------------------------------- | --------------------------- | ------------------- |
| Mudar o número ou a mensagem        | Editar todas as páginas     | Uma vez, no Walink  |
| Cliques contados                    | Não                         | Sim, com as origens |
| Uma mensagem para muitas páginas    | O texto inteiro em cada URL | Sim, com variáveis  |
| Página de destino antes da conversa | Não                         | Opcional            |

Um [wa.link grátis](https://walink.com/pt/docs/free-links) é como um link wa.me com um endereço mais curto e um QR code: ele também não pode ser editado. [Por que o Walink](https://walink.com/pt/docs/why-walink) compara as opções com mais detalhes.

## Uma mensagem para cada página

Em uma página de produto, a conversa deve dizer qual produto o visitante estava vendo. As [variáveis da mensagem](https://walink.com/pt/docs/premium-links/message-variables) fazem isso com um único Link Premium:

1. Na **Mensagem predefinida** do link, escreva `{{product}}` onde entra o nome do produto: `Olá, tenho interesse em: {{product}}.`
2. Em **Variáveis da mensagem**, defina um valor padrão, como `coleção de luminárias`, para as páginas que não informam um.
3. Em cada página de produto, acrescente o produto ao link: `https://wa.link/tiendaluna?product=Moon+Lamp`. Um `+` vale por um espaço.

A conversa abre com "Olá, tenho interesse em: Moon Lamp." As variáveis funcionam em links do tipo Chat. Os Smart Links enviam a mensagem de cada destino como você a escreveu.

## Pedidos com detalhes

Quando você precisa sempre dos mesmos dados, como uma data, um serviço e um nome, aponte o botão para um [formulário](https://walink.com/pt/docs/forms). O visitante responde em form.wa.link, e depois o WhatsApp abre com todas as respostas já na mensagem. Coloque na sua página um link para o formulário, em vez de incorporá-lo. Um formulário custa $10 USD por mês por formulário publicado.

## Meça e direcione os cliques

- Seu site aparece com o domínio dele nas **Origens de tráfego** do link, e assim você distingue as conversas do site das do Instagram.
- Os cliques de todas as páginas contam no mesmo link. Para comparar páginas, dê a cada uma o próprio Link Premium.
- Um [Smart Link](https://walink.com/pt/docs/smart-links) pode direcionar os visitantes do site. **Horário de atendimento** manda os cliques fora do seu horário para outra pessoa. No modo **Origem de referência**, selecione **Personalizado** e informe seu domínio para mandar as conversas do site para sua equipe de vendas; uma origem personalizada também corresponde a uma tag `utm_source` ou `utm_campaign` no link. Veja [Roteamento](https://walink.com/pt/docs/smart-links/routing).