WhatsApp Widget para Wix: Cómo Agregar un Botón de Chat en Tu Sitio

Agregar un WhatsApp widget a tu sitio Wix permite que los visitantes te contacten con un clic directo desde cualquier página — sin plugins complicados, usando un link wa.me generado en WP Link Generator y el editor nativo de Wix.

Puntos Clave

• Wix no tiene un widget de WhatsApp nativo, pero puedes agregar uno fácilmente con HTML embed o botones con link
• Un link wa.me con mensaje predeterminado personaliza la experiencia por página o producto
• WP Link Generator crea el link listo para pegar — con mensaje y código de país incluidos
• Puedes crear un botón flotante que aparezca en todas las páginas usando Wix Velo o HTML embed
• No necesitas apps de terceros que cobren mensualidades

Por Qué Necesitas WhatsApp en Tu Sitio Wix

Wix es una de las plataformas más populares para crear sitios web — especialmente entre negocios pequeños y emprendedores. Pero su chat integrado (Wix Chat) tiene un problema: solo funciona mientras el visitante está en tu sitio.

WhatsApp resuelve esto:

• El cliente te contacta desde su app favorita — no depende de tu sitio
• La conversación continúa después de que cierra la pestaña
• Confianza inmediata — WhatsApp se siente más personal que un formulario
• Funciona en móvil — donde está la mayoría de tu tráfico

Método 1: Botón con Link (Sin Código)

El método más simple. Funciona en cualquier plan de Wix.

Paso 1: Genera tu link de WhatsApp

1. Ve a WP Link Generator
2. Selecciona tu país e ingresa tu número
3. Escribe un mensaje predeterminado: "Hola, vengo de tu página web y me interesa..."
4. Copia el link generado

Paso 2: Agrega un botón en Wix

1. En el editor de Wix, haz clic en Agregar (+) → Botón
2. Elige un estilo de botón (preferiblemente verde para asociar con WhatsApp)
3. En el texto del botón escribe: "💬 Escríbenos por WhatsApp"
4. En el campo de link, pega tu URL wa.me
5. Marca "Abrir en nueva pestaña"
6. Posiciona el botón donde quieras — header, sidebar, o al lado de tus productos

Paso 3: Duplica en todas las páginas

Copia el botón y pégalo en cada página donde quieras contacto directo. Puedes personalizar el mensaje predeterminado por página.

Método 2: Botón Flotante con HTML Embed

Un botón flotante que permanece visible mientras el usuario hace scroll. Más profesional y efectivo.

Paso 1: Genera tu link en wplink.app

Paso 2: Agrega un HTML Embed

1. En el editor de Wix: Agregar (+) → Embed & Social → HTML Embed
2. Pega este código (reemplaza TU_LINK_WAME con tu link):

<div style="position:fixed;bottom:20px;right:20px;z-index:9999;">
  <a href="TU_LINK_WAME" target="_blank" rel="noopener"
     style="display:flex;align-items:center;background:#25D366;
            color:white;padding:12px 20px;border-radius:50px;
            text-decoration:none;font-family:Arial,sans-serif;
            font-size:15px;box-shadow:0 4px 12px rgba(0,0,0,0.15);
            transition:transform 0.2s ease;">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
         viewBox="0 0 24 24" fill="white" style="margin-right:8px;">
      <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z"/>
      <path d="M12 0C5.373 0 0 5.373 0 12c0 2.625.846 5.059 2.284 7.034L.789 23.492l4.614-1.467A11.945 11.945 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.75c-2.156 0-4.154-.688-5.789-1.852l-.414-.297-2.742.872.876-2.672-.324-.43A9.726 9.726 0 012.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75z"/>
    </svg>
    WhatsApp
  </a>
</div>

3. Ajusta el tamaño del embed para que cubra toda la página
4. El botón aparecerá fijo en la esquina inferior derecha

Método 3: Wix App Market

Si prefieres una solución lista:

1. Ve al Wix App Market
2. Busca "WhatsApp" o "WhatsApp Chat"
3. Opciones populares: Elfsight WhatsApp Chat, JEENG WhatsApp
4. Instala y configura con tu número

Nota: La mayoría de estas apps tienen planes gratuitos limitados y cobran por funcionalidades extra. Los métodos 1 y 2 con WP Link Generator son completamente gratuitos.

Tips para Maximizar Conversiones

Personaliza el mensaje por página

• Página de producto: "Hola, me interesa [nombre del producto]..."
• Página de servicios: "Hola, quiero cotizar el servicio de..."
• Página de contacto: "Hola, tengo una consulta general..."

Cada página puede tener un link diferente generado en wplink.app.

Usa colores de WhatsApp

El verde #25D366 es inmediatamente reconocible. Úsalo en el botón para que los visitantes lo identifiquen sin leer.

Añade una llamada a la acción clara

"¿Dudas? Escríbenos al WhatsApp" funciona mejor que solo el ícono. El texto reduce la ambigüedad.

Posición estratégica

• Flotante esquina inferior derecha — estándar de la industria, los usuarios lo buscan ahí
• Después de la descripción del producto — cuando el interés está alto
• Al final del scroll — para captar a quienes exploraron todo el contenido

FAQ

¿El widget de WhatsApp afecta la velocidad de mi sitio Wix?

No significativamente. Un HTML embed con un botón simple pesa menos de 2KB. Las apps del marketplace pueden agregar más peso, pero generalmente es menor a 50KB.

¿Puedo mostrar el widget solo en ciertas páginas?

Sí. Si usas el método de botón (Método 1), simplemente agrégalo solo donde quieras. Con el HTML embed flotante, puedes usar Wix Velo para mostrarlo condicionalmente.

¿Funciona en la versión móvil de mi sitio Wix?

Sí. Los links wa.me funcionan en todos los dispositivos. En móvil, abren la app de WhatsApp directamente. En desktop, abren WhatsApp Web.

¿Necesito WhatsApp Business para usar el widget?

No. El link wa.me funciona con WhatsApp personal y Business. Sin embargo, WhatsApp Business te da funciones extra como catálogo, respuestas automáticas y etiquetas de organización.

¿Puedo poner WhatsApp en mi Wix e-commerce?

Sí, y es muy recomendable. Agrega un botón "Preguntar por WhatsApp" en cada ficha de producto con un mensaje predeterminado que incluya el nombre del producto.

Agrega WhatsApp a tu sitio Wix en 5 minutos. Genera tu link con mensaje predeterminado en WP Link Generator y pégalo en tu editor — gratis, sin apps de pago.