# Agrega WhatsApp a tu sitio web

> Agrega un botón de WhatsApp que abre un chat con el mensaje correcto en cada página, y cambia el número después sin editar tu sitio.

Un botón de WhatsApp deja que un visitante pregunte en el momento en que le surge la duda, sin copiar tu número. En un celular abre la app de WhatsApp; en una computadora, WhatsApp Web o la app de escritorio.

## Agrega un botón de chat

La mayoría de los creadores de sitios web tienen un bloque de botón donde pegas un link: pega ahí tu wa.link. Si editas el HTML de tu sitio, este es un botón 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>
```

Cambia `tiendaluna` por tu dirección. Deja `rel="noopener"` como está: si agregas `noreferrer`, tu sitio dejaría de aparecer en las **Fuentes de tráfico** del link.

## Por qué no un link wa.me

Los links wa.me de WhatsApp son gratis y también abren un chat. La diferencia se nota después, cuando cambia tu número o cuando otra persona se hace cargo de los chats: un link escrito directo en el código sigue apuntando al número anterior en todas las páginas, hasta que encuentras y editas cada uno.

|                                  | Link wa.me                    | Link Premium        |
| -------------------------------- | ----------------------------- | ------------------- |
| Cambiar el número o el mensaje   | Editar cada página            | Una vez, en Walink  |
| Clics contados                   | No                            | Sí, con sus fuentes |
| Un mensaje para muchas páginas   | El texto completo en cada URL | Sí, con variables   |
| Página de destino antes del chat | No                            | Opcional            |

Un [wa.link gratis](https://walink.com/es/docs/free-links) es como un link wa.me con una dirección más corta y un código QR: tampoco se puede editar. [Por qué Walink](https://walink.com/es/docs/why-walink) compara las opciones con más detalle.

## Un mensaje para cada página

En una página de producto, el chat debería decir qué producto estaba viendo el visitante. Las [variables del mensaje](https://walink.com/es/docs/premium-links/message-variables) lo hacen con un solo Link Premium:

1. En el **Mensaje predefinido** del link, escribe `{{product}}` donde va el nombre del producto: `Hola, me interesa la {{product}}.`
2. En **Variables del mensaje**, define un valor predeterminado, como `colección de lámparas`, para las páginas que no envían ninguno.
3. En cada página de producto, agrega el producto al link: `https://wa.link/tiendaluna?product=Moon+Lamp`. Un `+` equivale a un espacio.

El chat se abre con "Hola, me interesa la Moon Lamp." Las variables funcionan en links de Chat. Los Smart Links envían el mensaje de cada destino tal como lo escribiste.

## Solicitudes con datos

Cuando necesitas los mismos datos cada vez, como una fecha, un servicio y un nombre, haz que el botón lleve a un [formulario](https://walink.com/es/docs/forms). El visitante responde en form.wa.link y luego WhatsApp se abre con todas las respuestas ya en el mensaje. Pon un link al formulario en tu página en lugar de insertarlo. Un formulario cuesta $10 USD al mes por formulario publicado.

## Mide y dirige los clics

- Tu sitio aparece con su dominio en las **Fuentes de tráfico** del link, así que puedes distinguir los chats del sitio web de los de Instagram.
- Los clics de todas las páginas cuentan en el mismo link. Para comparar páginas, dale a cada página su propio Link Premium.
- Un [Smart Link](https://walink.com/es/docs/smart-links) puede dirigir a los visitantes del sitio web. **Horario de atención** envía a otra persona los clics que llegan fuera de tu horario. En el modo **Fuente de referencia**, selecciona **Personalizado** y escribe tu dominio para enviar los chats del sitio web a tu equipo de ventas; una fuente personalizada también coincide con una etiqueta `utm_source` o `utm_campaign` en el link. Consulta [Enrutamiento](https://walink.com/es/docs/smart-links/routing).
