Generador de Link de WhatsApp

Widgets de WhatsApp para tu sitio web

Elige un widget, copia el código HTML y pégalo en tu sitio, antes del cierre de la etiqueta </body>. Tu link ya está dentro del código y el ícono va incrustado, sin archivo externo.

Para probar el código, guárdalo en un archivo .html y ábrelo en tu navegador. Algunos visores de HTML en línea abren la página dentro de un marco, y WhatsApp bloquea que se abra así.

• Botón flotante

  El ícono fijo en la esquina de la pantalla, en todas las páginas.

  Copiar código
  Ver código

  <a href="https://wa.me/5511999999999" target="_blank" rel="noopener noreferrer" aria-label="Hablar por WhatsApp" style="position:fixed;bottom:20px;right:20px;z-index:9999;display:block;width:60px;height:60px;line-height:0;"><svg viewBox="0 0 720 720" width="60" height="60" aria-hidden="true" focusable="false"><path fill="#25d366" d="M360,0C161.18,0,0,161.18,0,360c0,65.41,17.45,126.75,47.94,179.61L0,720l187.02-44.21c51.34,28.18,110.28,44.21,172.98,44.21,198.82,0,360-161.18,360-360S558.82,0,360,0ZM360,655.52c-60.17,0-116.13-17.98-162.82-48.87l-110.49,28.14,30.99-105.61c-33.53-47.93-53.2-106.26-53.2-169.19,0-163.21,132.31-295.52,295.52-295.52s295.52,132.31,295.52,295.52-132.31,295.52-295.52,295.52Z"/><path fill="#25d366" d="M444.35,407.52l87.1,41.06c4,1.88,6.56,5.94,6.2,10.34-.94,11.46-5.54,34.43-26.13,55.02-58.12,58.12-162.49-7.64-166.74-10.18-25.67-13.79-50.06-32.24-73.19-55.36-23.12-23.12-41.58-47.52-55.37-73.19-2.55-4.24-68.31-108.61-10.18-166.74,20.59-20.59,43.56-25.19,55.02-26.13,4.41-.36,8.46,2.2,10.34,6.2l41.07,87.1c1.94,4.12,1.09,9.02-2.13,12.24l-30.61,30.61c-6.62,6.62-8.56,16.93-4,25.11,11.17,20.03,26.19,39.32,43.59,57.07,17.75,17.4,37.04,32.43,57.07,43.59,8.18,4.56,18.48,2.62,25.11-4l30.61-30.61c3.22-3.22,8.12-4.08,12.24-2.13Z"/></svg><span aria-hidden="true" style="position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;background:#ff3b30;color:#ffffff;border-radius:10px;font:bold 12px/20px Arial,sans-serif;text-align:center;">1</span></a>
• Botón con fondo blanco

  Ícono sobre un círculo blanco con sombra, que destaca en cualquier color de página.

  Copiar código
  Ver código

  <a href="https://wa.me/5511999999999" target="_blank" rel="noopener noreferrer" aria-label="Hablar por WhatsApp" style="position:fixed;bottom:20px;right:20px;z-index:9999;display:block;box-sizing:border-box;width:64px;height:64px;padding:8px;background:#ffffff;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,0.25);line-height:0;"><svg viewBox="0 0 720 720" width="48" height="48" aria-hidden="true" focusable="false"><path fill="#25d366" d="M360,0C161.18,0,0,161.18,0,360c0,65.41,17.45,126.75,47.94,179.61L0,720l187.02-44.21c51.34,28.18,110.28,44.21,172.98,44.21,198.82,0,360-161.18,360-360S558.82,0,360,0ZM360,655.52c-60.17,0-116.13-17.98-162.82-48.87l-110.49,28.14,30.99-105.61c-33.53-47.93-53.2-106.26-53.2-169.19,0-163.21,132.31-295.52,295.52-295.52s295.52,132.31,295.52,295.52-132.31,295.52-295.52,295.52Z"/><path fill="#25d366" d="M444.35,407.52l87.1,41.06c4,1.88,6.56,5.94,6.2,10.34-.94,11.46-5.54,34.43-26.13,55.02-58.12,58.12-162.49-7.64-166.74-10.18-25.67-13.79-50.06-32.24-73.19-55.36-23.12-23.12-41.58-47.52-55.37-73.19-2.55-4.24-68.31-108.61-10.18-166.74,20.59-20.59,43.56-25.19,55.02-26.13,4.41-.36,8.46,2.2,10.34,6.2l41.07,87.1c1.94,4.12,1.09,9.02-2.13,12.24l-30.61,30.61c-6.62,6.62-8.56,16.93-4,25.11,11.17,20.03,26.19,39.32,43.59,57.07,17.75,17.4,37.04,32.43,57.07,43.59,8.18,4.56,18.48,2.62,25.11-4l30.61-30.61c3.22-3.22,8.12-4.08,12.24-2.13Z"/></svg><span aria-hidden="true" style="position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;background:#ff3b30;color:#ffffff;border-radius:10px;font:bold 12px/20px Arial,sans-serif;text-align:center;">1</span></a>
• Botón con pulso

  Igual al anterior, con una animación suave que llama la atención (respeta a quien reduce el movimiento).

  Copiar código
  Ver código

  <style>@keyframes pcwa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,0.55)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}@media (prefers-reduced-motion:reduce){.pcwa-pulso{animation:none!important}}</style><a href="https://wa.me/5511999999999" target="_blank" rel="noopener noreferrer" aria-label="Hablar por WhatsApp" class="pcwa-pulso" style="position:fixed;bottom:20px;right:20px;z-index:9999;display:block;box-sizing:border-box;width:64px;height:64px;padding:8px;background:#ffffff;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,0.25);line-height:0;animation:pcwa-pulse 2s infinite;"><svg viewBox="0 0 720 720" width="48" height="48" aria-hidden="true" focusable="false"><path fill="#25d366" d="M360,0C161.18,0,0,161.18,0,360c0,65.41,17.45,126.75,47.94,179.61L0,720l187.02-44.21c51.34,28.18,110.28,44.21,172.98,44.21,198.82,0,360-161.18,360-360S558.82,0,360,0ZM360,655.52c-60.17,0-116.13-17.98-162.82-48.87l-110.49,28.14,30.99-105.61c-33.53-47.93-53.2-106.26-53.2-169.19,0-163.21,132.31-295.52,295.52-295.52s295.52,132.31,295.52,295.52-132.31,295.52-295.52,295.52Z"/><path fill="#25d366" d="M444.35,407.52l87.1,41.06c4,1.88,6.56,5.94,6.2,10.34-.94,11.46-5.54,34.43-26.13,55.02-58.12,58.12-162.49-7.64-166.74-10.18-25.67-13.79-50.06-32.24-73.19-55.36-23.12-23.12-41.58-47.52-55.37-73.19-2.55-4.24-68.31-108.61-10.18-166.74,20.59-20.59,43.56-25.19,55.02-26.13,4.41-.36,8.46,2.2,10.34,6.2l41.07,87.1c1.94,4.12,1.09,9.02-2.13,12.24l-30.61,30.61c-6.62,6.62-8.56,16.93-4,25.11,11.17,20.03,26.19,39.32,43.59,57.07,17.75,17.4,37.04,32.43,57.07,43.59,8.18,4.56,18.48,2.62,25.11-4l30.61-30.61c3.22-3.22,8.12-4.08,12.24-2.13Z"/></svg><span aria-hidden="true" style="position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;background:#ff3b30;color:#ffffff;border-radius:10px;font:bold 12px/20px Arial,sans-serif;text-align:center;">1</span></a>
• Botón con globo de mensaje

  Ícono con un globo de texto al lado, que puedes editar arriba.

  Copiar código
  Ver código

  <div style="position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:10px;flex-direction:row-reverse;"><a href="https://wa.me/5511999999999" target="_blank" rel="noopener noreferrer" aria-label="Hablar por WhatsApp" style="position:relative;display:block;box-sizing:border-box;width:64px;height:64px;padding:8px;background:#ffffff;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,0.25);line-height:0;"><svg viewBox="0 0 720 720" width="48" height="48" aria-hidden="true" focusable="false"><path fill="#25d366" d="M360,0C161.18,0,0,161.18,0,360c0,65.41,17.45,126.75,47.94,179.61L0,720l187.02-44.21c51.34,28.18,110.28,44.21,172.98,44.21,198.82,0,360-161.18,360-360S558.82,0,360,0ZM360,655.52c-60.17,0-116.13-17.98-162.82-48.87l-110.49,28.14,30.99-105.61c-33.53-47.93-53.2-106.26-53.2-169.19,0-163.21,132.31-295.52,295.52-295.52s295.52,132.31,295.52,295.52-132.31,295.52-295.52,295.52Z"/><path fill="#25d366" d="M444.35,407.52l87.1,41.06c4,1.88,6.56,5.94,6.2,10.34-.94,11.46-5.54,34.43-26.13,55.02-58.12,58.12-162.49-7.64-166.74-10.18-25.67-13.79-50.06-32.24-73.19-55.36-23.12-23.12-41.58-47.52-55.37-73.19-2.55-4.24-68.31-108.61-10.18-166.74,20.59-20.59,43.56-25.19,55.02-26.13,4.41-.36,8.46,2.2,10.34,6.2l41.07,87.1c1.94,4.12,1.09,9.02-2.13,12.24l-30.61,30.61c-6.62,6.62-8.56,16.93-4,25.11,11.17,20.03,26.19,39.32,43.59,57.07,17.75,17.4,37.04,32.43,57.07,43.59,8.18,4.56,18.48,2.62,25.11-4l30.61-30.61c3.22-3.22,8.12-4.08,12.24-2.13Z"/></svg><span aria-hidden="true" style="position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;background:#ff3b30;color:#ffffff;border-radius:10px;font:bold 12px/20px Arial,sans-serif;text-align:center;">1</span></a><span style="max-width:220px;padding:10px 14px;background:#ffffff;color:#1a0e2e;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,0.2);font:14px/1.3 Arial,sans-serif;">¡Hola! ¿En qué podemos ayudarte?</span></div>
• Ícono para sección de contacto

  Ícono en línea, para páginas de contacto, pies de página y firmas.

  Copiar código
  Ver código

  <a href="https://wa.me/5511999999999" target="_blank" rel="noopener noreferrer" aria-label="Hablar por WhatsApp" style="position:relative;display:inline-block;width:48px;height:48px;line-height:0;"><svg viewBox="0 0 720 720" width="48" height="48" aria-hidden="true" focusable="false"><path fill="#25d366" d="M360,0C161.18,0,0,161.18,0,360c0,65.41,17.45,126.75,47.94,179.61L0,720l187.02-44.21c51.34,28.18,110.28,44.21,172.98,44.21,198.82,0,360-161.18,360-360S558.82,0,360,0ZM360,655.52c-60.17,0-116.13-17.98-162.82-48.87l-110.49,28.14,30.99-105.61c-33.53-47.93-53.2-106.26-53.2-169.19,0-163.21,132.31-295.52,295.52-295.52s295.52,132.31,295.52,295.52-132.31,295.52-295.52,295.52Z"/><path fill="#25d366" d="M444.35,407.52l87.1,41.06c4,1.88,6.56,5.94,6.2,10.34-.94,11.46-5.54,34.43-26.13,55.02-58.12,58.12-162.49-7.64-166.74-10.18-25.67-13.79-50.06-32.24-73.19-55.36-23.12-23.12-41.58-47.52-55.37-73.19-2.55-4.24-68.31-108.61-10.18-166.74,20.59-20.59,43.56-25.19,55.02-26.13,4.41-.36,8.46,2.2,10.34,6.2l41.07,87.1c1.94,4.12,1.09,9.02-2.13,12.24l-30.61,30.61c-6.62,6.62-8.56,16.93-4,25.11,11.17,20.03,26.19,39.32,43.59,57.07,17.75,17.4,37.04,32.43,57.07,43.59,8.18,4.56,18.48,2.62,25.11-4l30.61-30.61c3.22-3.22,8.12-4.08,12.24-2.13Z"/></svg><span aria-hidden="true" style="position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;background:#ff3b30;color:#ffffff;border-radius:10px;font:bold 12px/20px Arial,sans-serif;text-align:center;">1</span></a>

Código QR

Link para compartir en WhatsApp

Crea un link para compartir un mensaje, sin número: quien haga clic abre WhatsApp con el mensaje listo y elige a quién enviarlo. Sirve para botones de "compartir en WhatsApp", recomendaciones a amigos y para difundir cupones o promociones.

Botones de compartir en WhatsApp para tu sitio web

• Ícono para sección de contacto

  Ícono en línea, para páginas de contacto, pies de página y firmas.

  Copiar código
  Ver código

  <a href="https://wa.me/?text=…" target="_blank" rel="noopener noreferrer" aria-label="Compartir en WhatsApp" style="position:relative;display:inline-block;width:48px;height:48px;line-height:0;"><svg viewBox="0 0 720 720" width="48" height="48" aria-hidden="true" focusable="false"><path fill="#25d366" d="M360,0C161.18,0,0,161.18,0,360c0,65.41,17.45,126.75,47.94,179.61L0,720l187.02-44.21c51.34,28.18,110.28,44.21,172.98,44.21,198.82,0,360-161.18,360-360S558.82,0,360,0ZM360,655.52c-60.17,0-116.13-17.98-162.82-48.87l-110.49,28.14,30.99-105.61c-33.53-47.93-53.2-106.26-53.2-169.19,0-163.21,132.31-295.52,295.52-295.52s295.52,132.31,295.52,295.52-132.31,295.52-295.52,295.52Z"/><path fill="#25d366" d="M444.35,407.52l87.1,41.06c4,1.88,6.56,5.94,6.2,10.34-.94,11.46-5.54,34.43-26.13,55.02-58.12,58.12-162.49-7.64-166.74-10.18-25.67-13.79-50.06-32.24-73.19-55.36-23.12-23.12-41.58-47.52-55.37-73.19-2.55-4.24-68.31-108.61-10.18-166.74,20.59-20.59,43.56-25.19,55.02-26.13,4.41-.36,8.46,2.2,10.34,6.2l41.07,87.1c1.94,4.12,1.09,9.02-2.13,12.24l-30.61,30.61c-6.62,6.62-8.56,16.93-4,25.11,11.17,20.03,26.19,39.32,43.59,57.07,17.75,17.4,37.04,32.43,57.07,43.59,8.18,4.56,18.48,2.62,25.11-4l30.61-30.61c3.22-3.22,8.12-4.08,12.24-2.13Z"/></svg></a>
• Botón flotante

  El ícono fijo en la esquina de la pantalla, en todas las páginas.

  Copiar código
  Ver código

  <a href="https://wa.me/?text=…" target="_blank" rel="noopener noreferrer" aria-label="Compartir en WhatsApp" style="position:fixed;bottom:20px;right:20px;z-index:9999;display:block;width:60px;height:60px;line-height:0;"><svg viewBox="0 0 720 720" width="60" height="60" aria-hidden="true" focusable="false"><path fill="#25d366" d="M360,0C161.18,0,0,161.18,0,360c0,65.41,17.45,126.75,47.94,179.61L0,720l187.02-44.21c51.34,28.18,110.28,44.21,172.98,44.21,198.82,0,360-161.18,360-360S558.82,0,360,0ZM360,655.52c-60.17,0-116.13-17.98-162.82-48.87l-110.49,28.14,30.99-105.61c-33.53-47.93-53.2-106.26-53.2-169.19,0-163.21,132.31-295.52,295.52-295.52s295.52,132.31,295.52,295.52-132.31,295.52-295.52,295.52Z"/><path fill="#25d366" d="M444.35,407.52l87.1,41.06c4,1.88,6.56,5.94,6.2,10.34-.94,11.46-5.54,34.43-26.13,55.02-58.12,58.12-162.49-7.64-166.74-10.18-25.67-13.79-50.06-32.24-73.19-55.36-23.12-23.12-41.58-47.52-55.37-73.19-2.55-4.24-68.31-108.61-10.18-166.74,20.59-20.59,43.56-25.19,55.02-26.13,4.41-.36,8.46,2.2,10.34,6.2l41.07,87.1c1.94,4.12,1.09,9.02-2.13,12.24l-30.61,30.61c-6.62,6.62-8.56,16.93-4,25.11,11.17,20.03,26.19,39.32,43.59,57.07,17.75,17.4,37.04,32.43,57.07,43.59,8.18,4.56,18.48,2.62,25.11-4l30.61-30.61c3.22-3.22,8.12-4.08,12.24-2.13Z"/></svg></a>
• Botón con fondo blanco

  Ícono sobre un círculo blanco con sombra, que destaca en cualquier color de página.

  Copiar código
  Ver código

  <a href="https://wa.me/?text=…" target="_blank" rel="noopener noreferrer" aria-label="Compartir en WhatsApp" style="position:fixed;bottom:20px;right:20px;z-index:9999;display:block;box-sizing:border-box;width:64px;height:64px;padding:8px;background:#ffffff;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,0.25);line-height:0;"><svg viewBox="0 0 720 720" width="48" height="48" aria-hidden="true" focusable="false"><path fill="#25d366" d="M360,0C161.18,0,0,161.18,0,360c0,65.41,17.45,126.75,47.94,179.61L0,720l187.02-44.21c51.34,28.18,110.28,44.21,172.98,44.21,198.82,0,360-161.18,360-360S558.82,0,360,0ZM360,655.52c-60.17,0-116.13-17.98-162.82-48.87l-110.49,28.14,30.99-105.61c-33.53-47.93-53.2-106.26-53.2-169.19,0-163.21,132.31-295.52,295.52-295.52s295.52,132.31,295.52,295.52-132.31,295.52-295.52,295.52Z"/><path fill="#25d366" d="M444.35,407.52l87.1,41.06c4,1.88,6.56,5.94,6.2,10.34-.94,11.46-5.54,34.43-26.13,55.02-58.12,58.12-162.49-7.64-166.74-10.18-25.67-13.79-50.06-32.24-73.19-55.36-23.12-23.12-41.58-47.52-55.37-73.19-2.55-4.24-68.31-108.61-10.18-166.74,20.59-20.59,43.56-25.19,55.02-26.13,4.41-.36,8.46,2.2,10.34,6.2l41.07,87.1c1.94,4.12,1.09,9.02-2.13,12.24l-30.61,30.61c-6.62,6.62-8.56,16.93-4,25.11,11.17,20.03,26.19,39.32,43.59,57.07,17.75,17.4,37.04,32.43,57.07,43.59,8.18,4.56,18.48,2.62,25.11-4l30.61-30.61c3.22-3.22,8.12-4.08,12.24-2.13Z"/></svg></a>