Widget de link de WhatsApp para tu sitio
Si tu página explica cómo armar un link de WhatsApp, esto le pone la herramienta al lado del texto. Es un iframe: se pega una vez, no carga scripts de terceros en tu sitio y el visitante se va con su link — no con el nuestro.
Demo en vivo
Esto es exactamente lo que van a ver tus visitantes (probalo con un número mal escrito y mirá la corrección):
El código para pegar
<!-- Generador de link de WhatsApp — widget de everychat.io -->
<iframe src="https://everychat.io/embed/?lang=es"
title="Generador de link de WhatsApp"
width="100%" height="480"
loading="lazy" allow="clipboard-write"
style="border:1px solid #DFE3EA;border-radius:10px;max-width:520px;width:100%;"></iframe> Pégalo donde quieras que aparezca el generador. En WordPress: bloque «HTML personalizado». En Shopify: sección «Liquid personalizado». En Wix: «Insertar código» → «HTML incrustado».
Opciones
| Parámetro | Valores | Qué hace |
|---|---|---|
lang | es | Idioma del widget. Hoy solo español; el parámetro ya está para que tu embed no cambie de idioma solo cuando agreguemos otro. |
pais | MX, AR, CO, ES, PE, CL, US | Preselecciona el país del selector. Sin el parámetro arranca en México. El visitante puede cambiarlo. |
tema | claro, oscuro | Fuerza el tema. Sin el parámetro, el widget sigue el modo claro/oscuro del sistema del visitante. |
Audiencia mexicana, tema fijo oscuro — dos ejemplos:
<!-- Generador de link de WhatsApp — widget de everychat.io -->
<iframe src="https://everychat.io/embed/?lang=es&pais=mx"
title="Generador de link de WhatsApp"
width="100%" height="480"
loading="lazy" allow="clipboard-write"
style="border:1px solid #DFE3EA;border-radius:10px;max-width:520px;width:100%;"></iframe>
<!-- Generador de link de WhatsApp — widget de everychat.io -->
<iframe src="https://everychat.io/embed/?lang=es&tema=oscuro"
title="Generador de link de WhatsApp"
width="100%" height="480"
loading="lazy" allow="clipboard-write"
style="border:1px solid #DFE3EA;border-radius:10px;max-width:520px;width:100%;"></iframe> Condiciones de uso
- Gratis y sin límite de visitas, en sitios comerciales también. No hay registro ni clave de API.
- Conservá la atribución: la línea «Hecho con EveryChat» del pie tiene que quedar visible y con su enlace (es la única cosa que pedimos a cambio).
- Sin garantía: se ofrece «tal cual». Podemos cambiar o discontinuar el widget; si eso pasa, lo avisamos en esta página. No nos hacemos responsables de links armados mal por un número mal escrito.
Privacidad
Todo pasa en el navegador de tu visitante: la validación del número y el armado del link wa.me son
JavaScript que corre en su máquina (cómo funciona). El número y el mensaje no se
envían a ningún servidor nuestro — no hay formulario que se envíe, endpoint que los reciba ni base de datos
donde guardarlos.
Lo único que el widget sí registra es la visita anónima (la misma analítica que corre en el resto del sitio), que es
cómo sabemos en qué páginas se está usando. No lleva el número, el mensaje ni el link generado. Tampoco pone cookies
de publicidad ni carga librerías de terceros en tu página: tu sitio solo sirve un iframe.
Guías relacionadas
- El botón de WhatsApp en tu web: dónde se pega en WordPress, Shopify, Tiendanube, Wix y HTML — Poner el botón en tu página web
- El link abre WhatsApp Web y no la app: qué pasa en escritorio — Tu link «abre WhatsApp Web» en la computadora
- «Mi link de WhatsApp no funciona» — Tu link ya está publicado y no abre el chat
- Todas las guías
Preguntas frecuentes
¿Cómo pongo el widget de link de WhatsApp en mi página?
Copia el código del iframe de esta página y pégalo donde quieras que aparezca: en WordPress con el bloque «HTML personalizado», en Shopify con una sección de «Liquid personalizado», en Wix con «Insertar código» y en un sitio propio directamente en el HTML. No hay script que cargar ni cuenta que crear. Si tu plataforma no deja pegar iframes, enlaza el generador completo en su lugar.
¿Es gratis? ¿Tiene límite de visitas?
Es gratis, sin registro y sin límite de visitas. Lo único que pedimos es conservar la línea «Hecho con EveryChat» que viene en el pie del widget: es lo que paga el mantenimiento.
¿Le manda el número de mis visitantes a algún servidor?
No. El número y el mensaje se validan y se arman en el navegador del visitante con JavaScript: el link wa.me nunca viaja a un servidor nuestro, y no hay formulario que se envíe ni base de datos donde guardarlo. Medimos visitas anónimas del widget con nuestra analítica (las mismas que cualquier página del sitio), y eso no incluye el número ni el mensaje.
¿En qué se diferencia de un botón flotante de WhatsApp?
Un botón flotante lleva al visitante a tu WhatsApp: es para vender. Este widget es una herramienta: el visitante escribe su número y se lleva su link. Sirve en una nota que explica cómo crear un link de WhatsApp, en una guía para vendedores o en un recurso para clientes. Si lo que buscabas es el botón para tu negocio, está en el generador de botón.
¿Puedo preseleccionar el país de mi audiencia?
Sí: agrega &pais=MX a la URL del iframe (y cambia MX por AR, CO, ES, PE, CL o US). El visitante puede cambiarlo igual desde el selector.
¿Se ve bien en modo oscuro?
Sí: sin parámetros el widget sigue el tema del sistema del visitante. Si tu sitio es siempre oscuro o siempre claro, forzalo con &tema=oscuro o &tema=claro.
¿Qué alto le pongo al iframe?
El recomendado es 480 px: medido en Chromium, con eso entra el formulario y el resultado sin scroll interno a partir de 420 px de ancho. En pantallas más angostas (un teléfono de 320-360 px) los campos se apilan y el contenido llega a ~580 px: si no querés que aparezca scroll dentro del iframe en celulares, poné height="580". El ancho conviene dejarlo en 100% con un máximo de 520 px, que es lo que rinde un formulario de una columna.
¿Puedo cambiar los colores o quitar la atribución?
Los colores no son configurables más allá de claro/oscuro (así el widget es el mismo en todos los sitios y podemos arreglarlo una vez). La atribución del pie no se puede quitar: es la condición de uso.
¿Buscabas otra cosa?
Para tu propio negocio: el generador de links, el código QR y el botón flotante para tu web. Si querés entender el formato del número antes de publicar nada, empezá por el formato por país.