Cómo agregar un botón de WhatsApp en Squarespace (Gratis — Sin necesidad de extensión)
Has diseñado tu sitio de Squarespace para que se vea genial y convierta: una plantilla limpia, textos precisos, un camino claro para consultas. Lo único que le falta es el canal en el que tus clientes realmente responden. Los formularios están bien para decisiones lentas; para decisiones rápidas ("¿Tienen esto en stock?", "¿Pueden hacer 20 unidades para el viernes?") la mayoría de la gente opta por WhatsApp.
Un botón flotante de WhatsApp convierte ese reflejo en un clic en tu sitio. Abre un chat con tu propio número, así que respondes desde la app de WhatsApp que ya usas, sin bandeja de entrada adicional, sin suscripción. Aquí se explica cómo añadir uno a cualquier sitio de Squarespace en unos dos minutos.
La forma rápida: abre nuestro generador gratuito de Generador de botones de WhatsApp para Squarespace, introduce tu número, elige un estilo, copia el código y pégalo en Inyección de código → Pie de página. Esa es toda la configuración.
Por qué poner un botón de WhatsApp en tu sitio de Squarespace
- Tus visitantes ya viven en WhatsApp. Es la aplicación de mensajería predeterminada para miles de millones de personas, y para consultas desde un sitio web, el chat ganará al correo electrónico cada vez.
- Las consultas ocurren antes de los formularios. Un visitante dudoso hace clic en el botón y pregunta mientras la intención está presente. La alternativa es un formulario que pueden nunca terminar.
- Las respuestas llegan a tu teléfono. El botón abre un chat de WhatsApp con tu número y un mensaje opcional prellenado — responde en segundos desde cualquier lugar.
- Funciona junto con tu configuración. Los chats te llegan personalmente primero; cuando estés listo, conecta el mismo número a The Tech Pad para respuestas de IA y una bandeja de entrada compartida del equipo.
Lo que obtienes con el generador gratuito
El Generador de botón de WhatsApp para Squarespace te da un botón flotante real:
- 8 estilos solo para WhatsApp — el logotipo oficial de WhatsApp y las marcas de burbuja en colores de la marca (verde, verde oscuro, blanco, teal). Sin glifos de chat genéricos.
- Tu número + mensaje prellenado — establece el primer mensaje que los visitantes ven
- Forma, tamaño y posición — redondo o cuadrado, izquierda o derecha, cualquier tamaño
- Vista previa en vivo — ve el botón exacto antes de copiar cualquier cosa
- Sin cuenta, sin clave API, sin costo — gratis para siempre
| Capacidad | Botón gratis | La actualización Tech Pad |
|---|---|---|
| Los visitantes inician un chat de WhatsApp con tu número | ✅ | ✅ |
| Estilos solo para WhatsApp + vista previa en vivo | ✅ | ✅ |
| Respuestas de IA 24/7 en el idioma del cliente | — | ✅ |
| Bandeja de entrada de un solo equipo para WhatsApp + chat del sitio web | — | ✅ |
| API oficial de WhatsApp Business (Meta) | — | ✅ |
| Precio | Gratis para siempre | Gratis para empezar |
Agrega el botón a Squarespace en 3 pasos
- Genera tu código. Abre el generador gratuito, ingresa tu número de WhatsApp con el código de país (solo dígitos, por ejemplo.
919876543210), elige un estilo y haz clic Copiar código. - Abre Inyección de Código. En Squarespace ve a Configuración → Herramientas de Desarrollador → Inyección de Código (en versiones anteriores: Configuración → Avanzado).
- Pega en el cuadro del PIE DE PÁGINA y guarda. Pega el código en el PIE DE PÁGINA área de texto y haz clic Guardar — el botón aparece en todo el sitio, sin necesidad de una extensión o bloque separado.
El código es una pequeña etiqueta de script que se carga de forma asíncrona, por lo que no ralentizará tu sitio:
<script async src="https://thetechpad.com/chat/widget.js" data-ttp-wa="919876543210" data-ttp-wa-icon="wa-classic" data-ttp-wa-shape="round" data-ttp-wa-size="56" data-ttp-wa-pos="right"></script>¿En un plan Personal? La inyección de código requiere un plan de Negocios o Comercio. Si no estás listo para actualizar, la alternativa práctica es un elemento de botón en la página que enlace directamente a wa.me/<your-number> — los visitantes todavía llegan a WhatsApp con un solo toque, sin la burbuja flotante.
¿Por qué código en lugar de una extensión de Squarespace?
Las extensiones de Squarespace pueden hacer mucho, pero para un solo botón flotante de WhatsApp son exageradas: pasos de instalación, permisos y a menudo una tarifa mensual por lo que es solo una etiqueta de script. La ruta del código mantiene las cosas simples:
- Nada que instalar o aprobar — sin mercado de extensiones, permisos o aviso de suscripción
- Tu número, tus reglas — los chats van al número de WhatsApp que elijas, no a una bandeja de entrada de terceros
- El mismo código funciona en otros lugares — ¿también ejecutas un Shopify, Webflow, Blogger, HubSpot o Wix sitio? Cada uno tiene su propia página generadora con pasos para pegar.
¿Quieres que el botón responda por ti?
Un botón es el primer paso; el siguiente es responder al instante, incluso cuando estás desconectado o tu equipo está ocupado. The Tech Pad convierte ese mismo número de WhatsApp en un asistente de IA 24/7:
- La IA responde al instante desde las páginas de tu sitio y producto — en el idioma de tu cliente
- Una bandeja de entrada compartida para el equipo para chats de WhatsApp, chat del sitio web y notificaciones
- La API oficial de WhatsApp Business en tu propio número verificado por Meta
- Gratis para comenzar, sin tarjeta de crédito — conéctate en thetechpad.com
Dos minutos hoy te consiguen un botón de WhatsApp en vivo en Squarespace. Agregar The Tech Pad después hace que responda por ti.