El tráfico móvil sigue creciendo año tras año, lo que significa que tus formularios de popup deben funcionar a la perfección en pantallas pequeñas.
Esta guía te muestra cómo crear formularios separados para móviles y escritorio, ajustar el tamaño y el tiempo para cumplir con las directrices de Google.
Nota: Esta guía se aplica a Popup y Flyout solo. Los formularios incrustados y de Landing se muestran en todos los dispositivos por defecto y no tienen configuraciones de visibilidad. Aprende más sobre los tipos de formularios
Crear formularios separados para móviles y escritorio
Mientras que los formularios de Omnisend se ajustan automáticamente al ancho de la pantalla, los diseños de escritorio pueden no mostrarse de manera óptima en móviles, las imágenes pueden cortarse, los formularios pueden volverse demasiado largos y el texto puede ser más difícil de leer en pantallas pequeñas. Para asegurar la mejor experiencia móvil, crea versiones optimizadas para cada dispositivo:
Paso 1. Ir a Formas → selecciona tu popup → haz clic en el menú de tres puntos → Copiar.
💡 También puedes crear un nuevo formulario solo para móviles. Ve a Formularios → Crear formulario → Configuraciones del formulario → Solo móvil.
Paso 2. Renombra el duplicado (por ejemplo, "Popup de Venta de Primavera – Móvil").
Paso 3. Optimiza la versión móvil:
Reduce el ancho a 300–500px (Configuraciones del tema → Diseño del formulario).
Utiliza un diseño de un solo campo (solo correo electrónico) o un máximo de 2 campos.
Ajusta o elimina imágenes (o colócalas en la parte superior a través de Configuraciones del tema → Diseño).
Aumenta el tamaño del botón para que sea más amigable al tacto.
Reduce el texto – los usuarios móviles tienen períodos de atención más cortos.
Paso 4. Establece Comportamiento → Visibilidad a Solo móvil en el formulario móvil.
Paso 5. En tu formulario original, establece Comportamiento → Visibilidad a Solo escritorio.
Paso 6. Guarda y habilita ambos formularios.
💡 Consejo: Prueba ambos formularios en dispositivos reales para ver cómo se comportan.
Reglas de Google para popups amigables con móviles
Google penaliza los popups móviles que bloquean contenido inmediatamente después de que un usuario aterriza en una página. Evita estas prácticas:
Mostrando un popup que cubre el contenido principal inmediatamente después de que el usuario navega desde los resultados de búsqueda.
Mostrar un intersticial independiente, que el usuario debe cerrar antes de acceder al contenido.
Usar un diseño donde el contenido visible aparezca como un intersticial.
Popups permitidos:
Avisos de obligación legal (consentimiento de cookies, verificación de edad).
Diálogos de inicio de sesión para contenido privado.
Banners que utilizan un espacio de pantalla razonable (fácilmente descartables).
Mejores prácticas para popups móviles
Una vez que hayas creado tu formulario optimizado para móviles, sigue estas mejores prácticas para maximizar conversiones y cumplir con las directrices amigables con móviles de Google. Estos consejos te ayudan a equilibrar la visibilidad con la experiencia del usuario.
1. Ajustar el Tamaño del Popup
Los popups móviles no deben llenar toda la pantalla. Reduce el ancho del formulario en Configuraciones del tema → Diseño del formulario (recomendado: 300–500px para móviles).
Ajusta el tamaño del texto: Selecciona elementos de texto y elige tamaños de fuente más pequeños.
💡 Mantén el texto breve ya que los usuarios móviles escanean rápidamente.
Ajusta la imagen: Las imágenes pueden no mostrarse como se espera en móviles debido al tamaño de la pantalla. Para controlar la visualización de imágenes en móviles, ajusta o elimina imágenes en tu formulario móvil, o colócalas en la parte superior a través de Configuraciones del tema → Diseño.
2. Usa el tiempo adecuado
Muestra popups después de que los usuarios interactúen con tu contenido (profundidad de desplazamiento, visitas a la página o tiempo en la página). Evita la visualización inmediata; Google penaliza los popups que bloquean contenido al llegar.
Ajusta el tiempo en Comportamiento → Mostrar:
Tiempo en la página: 6–10 segundos.
Profundidad de desplazamiento: 50% o más.
Visitas a la página: 2+ páginas.
Intención de salida: Cuando el usuario está a punto de salir (funciona en móviles mediante la detección de velocidad de desplazamiento).
3. Establecer visibilidad para móvil y escritorio
Crea formularios separados para usuarios móviles y de escritorio para asegurar un diseño óptimo para cada dispositivo. Ajustar visibilidad en Comportamiento → Visibilidad:
Solo móvil (smartphones y tabletas).
Solo escritorio (laptops y escritorios).
4. Dirigir a Páginas Específicas
No mostrar ventanas emergentes en cada página. Usa Comportamiento → Segmentación para controlar dónde aparecen los formularios:
Aplica en URL: Mostrar en páginas específicas (por ejemplo, páginas de productos, publicaciones de blog).
No aparece en la URL: Excluir páginas de pago, carrito o de agradecimiento.
Segmentación de visitantes: Mostrar a todos los visitantes, solo nuevos visitantes o contactos existentes.
💡 Consejo: Si usaste "contiene" con la URL de tu página de inicio (por ejemplo, "mysite.com"), el popup se muestra en todas las páginas porque cada página contiene esa URL. Para mostrar el formulario solo en la página de inicio, cambia la segmentación a "es" con tu URL exacta de la página de inicio.
5. Usa CTAs Claros y Accionables
Las ventanas emergentes móviles son pequeñas. Haz que tu llamada a la acción sea obvia. Usa verbos de acción que indiquen exactamente lo que sucede cuando los usuarios envían:
✅ "Obtén un 15% de descuento"
✅ "Envía mi descuento"
✅ "Suscríbete y ahorra"
❌ "Enviar" (vago)
6. Limitar Campos del Formulario
Solicitar solo información esencial. Los usuarios móviles no completarán formularios largos; los teléfonos son para acciones rápidas.
Recomendado:
Correo electrónico solamente (conversión más rápida)
Correo electrónico + teléfono (si se están ejecutando campañas de SMS)
Correo electrónico + nombre (para personalización)
Evita: Múltiples campos, casillas de verificación, menús desplegables.
7. Ajustar Tamaño del Teaser para Móvil
Si tu popup incluye un teaser (pestaña clickeable en el borde de la pantalla), reduce el tamaño de la fuente en Teaser → Estilo para hacer el teaser más pequeño en móvil.
Preguntas Frecuentes
¿Por qué mi formulario incrustado no tiene configuraciones de visibilidad?
Los formularios incrustados no tienen configuraciones de visibilidad por dispositivo. Se muestran donde coloques el código de inserción, en todos los dispositivos. Si necesitas control específico por dispositivo (solo móvil o solo escritorio), utiliza un formulario Popup o Flyout en su lugar, que incluyen opciones de Comportamiento → Visibilidad.
¿Puedo mostrar diferentes imágenes en móvil vs escritorio?
Sí, pero necesitas crear dos formularios separados. Diseña tu formulario de escritorio con las imágenes que deseas, luego duplica. En la versión móvil, ajusta o elimina imágenes, luego establece Comportamiento → Visibilidad a Solo móvil. Establece tu formulario de escritorio a Solo escritorio.
¿Necesitas que alguien te guíe? Contacta a nuestro equipo de soporte a través del chat en la aplicación o en [email protected].