Ir al contenido principal

Crear un Popup Formulario de suscripción

Aprende cómo crear un Popup Formulario de suscripción en Omnisend

Escrito por Ira

Un popup es un formulario que aparece en tu sitio web mientras navegas. Aparece en función de disparadores específicos, como el tiempo pasado en la página, la profundidad de desplazamiento o la intención de salida.

Los popups te permiten recopilar suscripciones por correo electrónico, ofrecer descuentos y activar automatizaciones de bienvenida, ayudándote a hacer crecer tu lista y atraer a nuevos visitantes.


Proceso de configuración

Para crear un formulario popup, navega a Formularios Crear formularioEstilo PopupSelecciona la plantilla. Una variedad de plantillas de formularios popup están disponibles en la biblioteca de Formularios para satisfacer tus necesidades.

Una vez que elijas una plantilla, serás llevado al Constructor de Formularios, donde podrás ajustar y editar tu formulario aún más. Las características principales del Constructor de Formularios son Elementos (también llamados Bloques), Diseños, Comportamiento y configuraciones de Tema.

Puedes deshacer o rehacer cambios ilimitados utilizando los botones en la esquina superior derecha del constructor de formularios. Sin embargo, recargar la página restablecerá el historial de deshacer, y los cambios anteriores ya no serán reversibles.

Configuraciones del Tema

Configuración del tema te da control total sobre la apariencia de tu formulario, ayudándote a que coincida perfectamente con el diseño de tu sitio web.

Puedes personalizar:

  • Diseño del formulario: Elige el tipo de visualización (popup, incrustado, etc.), establece el ancho del formulario, añade una imagen de fondo y posiciona el formulario en tu sitio web (por ejemplo, centro, esquina izquierda).

  • Estilos del formulario: Ajusta el redondeo de las esquinas y las propiedades del borde, incluyendo ancho, estilo de línea, color y color de superposición.

  • Botones: Selecciona un estilo de botón (Primario, Secundario o Terciario) y personaliza cada uno individualmente, cambiando la fuente, color, forma y más.

  • Campos: Define cómo aparecen los campos del formulario (por ejemplo, dirección de correo electrónico) editando su forma, color, fuente y estilo de borde.

  • Botón de cerrar: Elige si mostrar un botón de cerrar (X) o no, y personaliza el color y estilo del botón.

Ya sea que estés haciendo ajustes visuales sutiles o cambios más amplios, las Configuraciones del Tema ofrecen la flexibilidad para crear una experiencia consistente, alineada con la marca y amigable para el usuario.

Configuraciones de Comportamiento

Las configuraciones de comportamiento te ayudan a controlar cuándo, dónde, y a quién aparece su formulario, junto con las opciones clave de audiencia y programación.

Gestión de Audiencia

Con la configuración de gestión de audiencia, puede:

  • Asignar etiquetas a todos los contactos que envíen el formulario para ayudar con la segmentación futura. Puedes usar una etiqueta existente o crear una nueva directamente en el generador de formularios. Lee más sobre las etiquetas de contacto aquí

  • Habilitar la doble confirmación, que añade un paso de confirmación después de enviar el formulario, enviando al suscriptor un correo electrónico de seguimiento para verificar su suscripción. Leer más sobre el doble opt-in aquí

  • Habilitar reCAPTCHA para prevenir registros de bots verificando que el formulario fue enviado por una persona real. Leer más sobre reCAPTCHA aquí.

Programación

Las configuraciones de programación te ayudan a controlar cuándo debe estar activo tu formulario estableciendo:

  • Mostrar siempre el formulario – El formulario se mostrará continuamente una vez habilitado, hasta que lo desactives manualmente.

  • Fecha de inicio – El formulario comenzará a mostrarse automáticamente en la fecha seleccionada. Ideal para prepararse con antelación para una campaña.

  • Fecha de finalización – El formulario dejará de mostrarse después de esta fecha. Útil para ofertas post-venta o por tiempo limitado.

  • Fechas de inicio y finalización – Mejor para promociones sensibles al tiempo que deben ejecutarse dentro de una ventana específica.

Nota: Las fechas de inicio y finalización siguen el zona horaria establecida en tu Configuración de la Tienda Información de la Tienda.

Mostrar

Las configuraciones de Mostrar te ayudan a decidir cuándo debe aparecer el formulario según el comportamiento del usuario:

  • Visitas a la página – establece el número de páginas que el visitante debe ver antes de que aparezca el formulario.

  • Tiempo en la página – establece la cantidad de tiempo (en segundos) que el visitante necesita pasar en tu página web para que aparezca el formulario.

  • Profundidad de desplazamiento – establece el porcentaje de cuánto debe desplazarse el visitante en la página para que aparezca el formulario;

  • Intención de salida – establece el formulario como intención de salida si deseas que el formulario aparezca cuando el visitante está a punto de abandonar la página. Esta configuración funcionará en escritorios, tabletas y teléfonos. Se basa en la velocidad de desplazamiento, por lo que cuando los usuarios están desplazándose rápidamente hacia arriba en la página, se mostrarán los formularios con la intención de salida habilitada.

  • Trigger personalizado – establece el formulario para que aparezca en respuesta a acciones específicas en tu sitio web. Aprende más sobre los desencadenantes personalizados para formularios popup

¡Nota! Puedes usar todas las opciones de visualización a la vez, pero recomendamos mantenerlo simple. Todas las reglas están conectadas por la lógica de 'O' lógica, lo que significa que si eliges algunas opciones de visualización, los usuarios deben visitar un número de páginas o pasar algún tiempo en la página, o desplazarse un % de la página para ver el formulario.

Segmentación

Configuraciones de segmentación te permiten mostrar el formulario solo para grupos de clientes específicos y/o en una URL específica de tu tienda, y/o no mostrar el formulario en una URL particular.

Las opciones de segmentación de visitantes incluyen:

  • Todos los visitantes. Muestra tu formulario a todos los que lleguen a tu sitio web;

  • No mostrar a contactos existentes. Dirige exclusivamente a nuevos visitantes y posibles clientes, dejando intactos a tus suscriptores existentes;

  • Mostrar a contactos existentes. Proporciona ofertas y actualizaciones exclusivas a tus suscriptores leales;

  • Objetivo por Segmento Específico. Incluye o excluye segmentos específicos para ver o no ver tu formulario.

Cuando alguien visita tu tienda e interactúa con un formulario de suscripción, Omnisend colocará una cookie en su navegador para recordar si ya se ha registrado. Si visitan de nuevo, el formulario reconocerá al Cliente basado en la cookie y no mostrará de nuevo el aviso de suscripción, evitando registros duplicados.

Las opciones de segmentación de páginas incluyen:

  • Aparece en URL muestra el formulario en una página específica o en una página que contiene un UTM específico;

  • No aparece en una URL impide que el formulario se muestre en una página específica o en una página con un UTM específico;

  • Aparece en páginas de productos agotados.

⚠️ Importante: Asegúrate de que las URL que ingresas coincidan exactamente con las del navegador. Algunos navegadores alteran caracteres especiales al copiar URL, lo que puede afectar la visibilidad del formulario.

Nota: La segmentación de páginas y visitantes sigue la lógica "Y", lo que significa que todas las condiciones deben cumplirse para que el formulario aparezca.

Las opciones de segmentación por ubicación incluyen:

  • Mostrar visitantes en países seleccionados;

  • No mostrar a visitantes en países seleccionados.

Las opciones de segmentación UTM incluyen:

  • Agregar etiquetas UTM como utm_id, utm_source, utm_medium, utm_name, utm_term, y utm_content. El formulario aparecerá solo cuando los parámetros UTM seleccionados estén incluidos en la URL en la que aterriza el visitante.

Visibilidad

Las configuraciones de visibilidad definen los dispositivos en los que debe mostrarse el formulario. Puedes elegir mostrarlo en todos los dispositivos o solo en móvil o escritorio.

Frecuencia

La configuración de Frecuencia determina con qué frecuencia reaparecerá un formulario para un visitante si no se suscribe después de que se muestre. Puedes configurar el formulario para que reaparezca después de los siguientes intervalos:

  • Segundos

  • Minutos

  • Horas

  • Días

Nota: Si creas desactivar la configuración de frecuencia, el formulario siempre aparecerá para los visitantes. Recomendamos habilitar la configuración de Frecuencia para limitar la aparición del formulario y evitar abrumar a los visitantes de tu tienda.

Prueba A/B

Utiliza pruebas A/B para experimentar con diferentes versiones de tu formulario. Esto te permite comparar el rendimiento y optimizar para obtener más conversiones.

Diseños

Elige entre una variedad de tipos de diseño, luego arrastra y suelta en tu formulario. Una vez que se añade un diseño, puedes comenzar a colocar bloques de contenido directamente en él.

Elementos (Bloques)

Desde la barra lateral izquierda, puedes arrastrar y soltar bloques de contenido específicos en el diseño de tu formulario.

Los bloques disponibles incluyen: Campo de correo electrónico, Campo de número de teléfono, Texto, Botón, Imagen, Consentimiento legal, Campo de entrada, Fecha, Desplegable, Línea/Espacio, Rueda de la fortuna, y más, dándote todo lo que necesitas para construir un popup de alta conversión.

Campo de Correo electrónico

Arrastra y suelta el bloque Campo de Correo electrónico en cualquier lugar del formulario. Puedes:

  • Establece un placeholder (por ejemplo, "Introduce tu correo electrónico");

  • Hacer que el campo sea requerido y personalizar el mensaje de error (predeterminado: “Este campo es obligatorio”);

  • Agrega una etiqueta (por ejemplo, "Correo electrónico" o "Deja tu correo aquí");

  • Personaliza el mensaje de error de correo electrónico inválido (predeterminado: “La dirección de correo electrónico debe contener @ y un dominio válido”).

Campo de Número de Teléfono

Añade un campo de número de teléfono para recopilar datos móviles. Puedes:

  • Establecer un placeholder y etiqueta;

  • Hacer que el campo sea obligatorio y personalizar mensajes de error (predeterminado: “Este campo es obligatorio” / “Debe ser un número de teléfono válido”);

  • Prellenar un país predeterminado, mostrado como una bandera y código de país.

Tenga en cuenta que el campo del número de teléfono requiere que se agregue un bloque legal al formulario (EE. UU. requiere TCPA, la UE requiere RGPD). Además, puedes ajustar el bloque legal de acuerdo con los requisitos de tu país. Lee más para aprender sobre el bloque legal.

Importante: Se requiere un bloque legal al recopilar números de teléfono (por ejemplo, RGPD para la UE, TCPA para EE. UU.). Puedes ajustar el texto para cumplir con tus necesidades de cumplimiento. Aprende más sobre el bloque de Consentimiento legal

Texto

Utiliza el bloque de texto para añadir cualquier contenido. Para editar el texto, haz clic en el bloque y utiliza el panel de la derecha para ajustar la fuente, tamaño, altura de línea y color.

Botón

Puedes añadir un botón a cualquiera de:

  • Enviar el formulario;

  • Enlace a una URL específica;

  • Ve al siguiente paso si tienes un formulario de varios pasos;

  • Cerrar el formulario.

También puedes ajustar el texto del botón, estilo y alineación, y editar aún más los estilos globales del botón en Configuraciones del Tema.

Imagen

Puedes añadir imágenes en JPG, PNG o GIF (máx. 2000px). También puedes enlazar la imagen a una URL, agregar texto alternativo y redimensionar tu imagen.

💡 Para redimensionar la imagen añadida, pasa el cursor sobre la esquina de la imagen y redimensiona como desees.

Consentimiento legal

El consentimiento legal es requerido al recopilar números de teléfono y se recomienda para la recopilación de correos electrónicos, asegurando el cumplimiento de regulaciones como RGPD (UE) and (EE. UU.)

En el Constructor de Formularios, el texto legal es más conciso, pero puedes personalizarlo completamente. Puedes:

  • Ajustar el mensaje legal para comunicar a tus suscriptores cómo utilizarás sus datos (por ejemplo, para marketing);

  • Añadir tu enlace a la política de privacidad (requerido);

  • Editar el mensaje de error que se muestra cuando la casilla no está marcada;

  • Elige entre las plantillas de RGPD y TCPA dependiendo de tu audiencia.

💡 Para editar el texto de consentimiento, haz clic dentro del bloque y selecciona el texto.

Nota: Los contactos deben marcar la casilla legal antes de enviar el formulario. Para cumplir, recomendamos declarar claramente cómo se utilizarán los correos electrónicos y números de teléfono (por ejemplo, para fines de marketing) en tu política de privacidad.

Campo de Entrada

Use este bloque para recopilar datos adicionales como nombre, apellido, dirección, ciudad, estado, código postal, y propiedad personalizada. Puedes:

  • Etiquetar el campo;

  • Hacerlo obligatorio;

  • Estilizarlo a través de Configuración del temaCampos.

Fecha

Añadir un campo de fecha para recopilar cumpleaños u otras fechas clave. Al igual que otros campos, puedes etiquetarlo, hacerlo obligatorio y personalizar su estilo a través de Configuraciones del TemaCampos.

💡 Aprende más sobre la Automatización de Cumpleaños.

Desplegable

El elemento Desplegable se puede usar para recopilar valores como género, país o una propiedad personalizada. Puedes:

  • Elegir el valor que te gustaría recopilar;

  • Gestionar la etiqueta, texto del placeholder y alineación;

  • Hacer que el campo sea obligatorio y añadir el mensaje de error requerido.

Si seleccionas el tipo Propiedad personalizada, puedes seleccionar propiedades personalizadas existentes o crear una nueva simplemente escribiendo su nombre. También puedes añadir las opciones que necesites haciendo clic en Añadir opción. Aprende más sobre propiedades personalizadas.

Las propiedades predeterminadas que vienen con Omnisend te permiten recopilar información como Correo electrónico, Nombre, Número de Teléfono, etc., mientras que las propiedades personalizadas te permiten recopilar información que no está incluida por defecto.

Línea/Espacio

Utiliza el elemento Línea/Espacio para añadir separación visual a tu formulario. Puedes alternar entre las dos opciones según tu preferencia.

  • Línea te permite personalizar el borde, ancho, estilo, alineación y color.

  • Espacio te permite ajustar la altura del espaciado en píxeles (hasta 240 px).

Paso adicional del formulario

Puedes añadir un segundo paso a tu formulario popup para crear una experiencia de múltiples pasos. Esto es útil cuando deseas dividir la recopilación de datos en secciones más pequeñas, por ejemplo, recopilando primero la dirección de correo electrónico, luego el número de teléfono u otros detalles.


Para agregar otro paso, haz clic en Agregar opciónSiguiente paso.

Mensajes de éxito/suscripción

Mensaje de éxito

Después de que un contacto envía el formulario, se muestra un mensaje de éxito. Puedes personalizarlo completamente cambiando al paso Éxito desde el menú inferior en el creador de formularios.

En esta vista, puedes:

  • Editar el texto;

  • Agregar botones, imágenes u otros bloques;

  • Personalizar el diseño para que coincida con tu marca.

Los mensajes de error predeterminados aparecen junto a cada campo del formulario. Mientras proporcionamos textos predeterminados útiles (por ejemplo, "Este campo es obligatorio" para la casilla legal), puedes personalizarlos para que coincidan con tu tono. También puedes cambiar el color del texto de error en Configuración del temaCamposColor de error.

Mensaje de suscripción

Utiliza el mensaje de suscripción para notificar a tus clientes si ya están suscritos a la lista de contactos. Este mensaje se mostrará a todos los clientes que intenten suscribirse utilizando este formulario pero que ya están presentes en su Audiencia de Omnisend.

💡 Puedes editar aún más el mensaje o agregar bloques (por ejemplo, un mensaje de descuento o agradecimiento). Esto ayuda a establecer expectativas claras y recompensar a los suscriptores que regresan.

Teaser

Un Teaser es un pequeño elemento clicable que aparece en el borde de la página y abre tu formulario emergente cuando se hace clic, ofreciendo una forma fluida de captar la atención de los visitantes. Puedes agregar un teaser a cualquier popup manualmente o usar una plantilla habilitada para teaser de la Biblioteca de Formularios.

Los teasers siguen la misma configuración de visibilidad que tu emergente, por lo que puedes elegir mostrarlos en escritorio, móvil o ambos.

Nota: Los teasers dejan de mostrarse para los contactos una vez que se suscriben.

Habilitando tu formulario

Una vez que tu formulario esté listo para publicarse, haz clic en Habilitar para publicar tu formulario. También puedes guardar tu progreso sin publicar haciendo clic en Guardar y cerrar para mantenerlo como un borrador.

Preguntas Frecuentes

¿Por qué no se muestra mi Popup en mi sitio de WooCommerce?

Si utilizas el plugin Complianz, puede bloquear los emergentes de Omnisend. Para solucionar esto, ve a la configuración del plugin Complianz → pestaña de Integraciones → Desactivar la integración de Omnisend. Tu Popup aparecerá ahora manteniendo la conformidad con el RGPD.

¿Cómo puedo tener dos emergentes diferentes para móvil y escritorio?

Puedes crear dos formularios popup separados. Diseña uno optimizado para móvil y otro para escritorio. Luego ve a Configuración de comportamientoVisibilidad y establece un formulario como "Solo móvil" y el otro como "Solo escritorio."

Mi popup se muestra en todas las páginas, pero solo quiero que esté en la página de inicio.

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 la URL exacta de tu página de inicio.


¿Todavía tienes alguna pregunta? No dudes en contactar a nuestro equipo de soporte en [email protected] o a través del chat en la aplicación.

¿Ha quedado contestada tu pregunta?