Cómo agregar un botón flotante de WhatsApp a tu tienda
Arrastra el bloque Botón de WhatsApp desde Agregar bloques al cuerpo de la página. Llega con el número de teléfono de tu tienda ya rellenado, y tú eliges el mensaje predefinido, la animación y en qué lado de la pantalla flota.
Pasos
- Revisa el número guardado en Ajustes tienda → Información de la tienda (Número de teléfono / WhatsApp).
- Abre Tienda en línea → Config. de tema (páginas de la tienda) o tu landing page desde Páginas de Aterrizaje.
- Haz clic en el icono + (Agregar bloques), busca Botón de WhatsApp y suéltalo en el cuerpo de la página: el área vacía de la página, no dentro de una sección. Es un botón flotante vinculado a toda la página.
- Con el bloque seleccionado, abre Configuración: confirma el Número de WhatsApp, escribe el Mensaje de WhatsApp que enviarán los clientes (por ejemplo "Hola, tengo una pregunta sobre…"), elige una Animación del botón y selecciona Izquierda o Derecha. Tamaño fija el círculo (Pequeño, Mediano, Grande o Extra grande) y Tamaño del icono cuánto de él ocupa el icono.
- Haz clic en Guardar y asegúrate de que la página esté Publicado. Repite en cada página donde quieras el botón.
Otras formas de mostrar WhatsApp
- Bloque Teléfono de tienda (Widgets de tienda) con Tipo de teléfono en WhatsApp: muestra el número de tu tienda como enlace de WhatsApp, práctico en el pie de página o el encabezado.
- Bloque Redes sociales con Tipo = WhatsApp, una URL personalizada, Color del icono y Tamaño del icono: un icono pequeño junto a tus otros iconos sociales.
Problemas frecuentes
- El bloque no se deja soltar dentro de mi sección → solo acepta el cuerpo de la página. Suéltalo en un área vacía de la página o muévelo al nivel superior en Capas de diseño.
- El botón se abre con el número equivocado → el bloque conserva su propio Número de WhatsApp; edítalo en la configuración del bloque y no en la información de la tienda.
- El botón aparece en una sola página → cada página tiene su propio contenido (el encabezado y el pie de página son compartidos, pero este bloque no puede vivir ahí). Agrégalo en cada página donde lo necesites, incluidas las landing pages, que se construyen por separado.
- Hacer clic en el editor no hace nada → los enlaces no funcionan en modo de edición. Usa Vista previa para probar en la página en vivo.
Relacionado
- Cómo agregar un botón de WhatsApp, enlace o botón fijo a una landing page
- Cómo editar el pie de página de tu tienda
- ¿Cómo actualizo la información de contacto y dirección de mi tienda?