Crear campañas de pop-ups web

Una campaña web coloca el contenido web que ha creado en su sitio web y controla cuándo aparece y quién lo ve. Una campaña muestra su contenido de una de dos maneras: como Popup o como bloque Inline.

Iniciar una nueva campaña

1. Vaya a Campañas → Campañas web.

2. Haga clic en Crear campaña y elija el tipo:

   • Popup: una superposición encima de la página.
   • Inline: un bloque dentro de un elemento de su página, por ejemplo en una barra lateral o debajo de un artículo.

   No podrá cambiar el tipo más adelante.

   

Versión del Web SDK para campañas Inline

Pida a su desarrollador que compruebe la versión del Web SDK en su sitio. Las campañas Inline necesitan la versión 3.97.0 o posterior, o la 3.98.0 o posterior si el sitio usa el paquete npm. Con un SDK anterior, una campaña Inline aparece como un popup sobre la página en lugar de dentro del bloque.

Seleccionar contenido web

Elija el contenido que esta campaña muestra a los visitantes. Puede elegir contenido existente o crear contenido nuevo sin salir del asistente.

• Contenido existente: en Contenido web, seleccione un elemento de la lista. Debajo de cada nombre, la lista muestra su tipo: Contenido web para el contenido normal o Formulario web para un formulario web.
• Contenido nuevo: haga clic en Crear nuevo y elija Contenido web o Formulario web. Se abre el editor para ese tipo de contenido.

Para cambiar el orden del contenido en el menú desplegable, use el botón de ordenación situado encima y elija Última actualización, A-Z o Z-A. El menú desplegable se ordena A-Z hasta que elija otro orden. Pushwoosh recuerda su elección y la usa en todos los menús desplegables de contenido de pop-up web, tanto en los mensajes únicos como en los journeys.

Recopilar correos electrónicos y respuestas

Seleccione un formulario web para suscribir a los visitantes al correo electrónico y guardar sus respuestas en etiquetas. El mismo formulario funciona en campañas Popup e Inline. Aprenda a crear uno.

Haga clic en Siguiente cuando el contenido correcto esté seleccionado.

Definir audiencia

Seleccione quién debe ver la campaña.

• Todos los usuarios: mostrar la campaña a todo el mundo sin filtros.

• Audiencia objetivo: mostrar la campaña solo a los usuarios que coincidan con un segmento o condiciones personalizadas. Aparecen dos subopciones:
  • Usar segmento existente: elija un segmento guardado de la lista. Para crear uno sin salir del asistente, haga clic en Crear segmento.
  • Usar condiciones personalizadas: construya la audiencia en línea añadiendo filtros por Tag, Evento, Segmento o ID de Usuario.

Cuando haya terminado, haga clic en Siguiente.

Configurar ajustes de visualización

Configure cuándo, con qué frecuencia y dónde mostrar esta campaña.

Selector CSS

Este campo aparece solo en las campañas Inline. Una campaña Inline aparece dentro de un bloque de su página, y el selector CSS le indica a Pushwoosh en qué bloque.

1. En Selector CSS, introduzca el selector del elemento de la página en el que se coloca la campaña, por ejemplo #newsletter-signup. Use un único selector simple: una etiqueta, un #id, una .class o un [attribute], sin anidamiento.

2. Debajo del campo, Pushwoosh muestra el elemento que debe añadir a su página, por ejemplo <div id="newsletter-signup"></div>. Pida a su desarrollador que lo añada donde debe aparecer la campaña.

   

La campaña aparece dentro del primer elemento de la página que coincide con el selector. Si la página no tiene ningún elemento que coincida, la campaña no se muestra en ella.

Con Automáticamente al cargar la página, una campaña Inline aparece cada vez que se carga una página con el elemento correspondiente.

Mostrar popup o Mostrar campaña

Elija cómo se muestra la campaña. El campo se llama Mostrar popup en una campaña Popup y Mostrar campaña en una campaña Inline.

• Automáticamente al cargar la página: la campaña aparece por sí sola en las páginas que coinciden con su configuración.
• Solo mediante llamada al WebSDK: la campaña no aparece por sí sola. Su sitio la muestra llamando al Web SDK. El asistente muestra la llamada con el código de la campaña, por ejemplo Pushwoosh.moduleRegistry.webPopups.show('CAMPAIGN_CODE'). Requiere Web SDK 3.63.0 o posterior.

Con Solo mediante llamada al WebSDK, el asistente oculta Retardo de visualización y Mostrar en páginas, porque una llamada desde su sitio los ignora.

Retardo de visualización

Esta opción es para campañas Popup que se muestran Automáticamente al cargar la página. Elija cuándo puede aparecer por primera vez el pop-up web después de que la página se cargue.

• Inmediatamente
• Después de 3 segundos
• Después de 5 segundos
• Después de 10 segundos

Cómo se mide el retardo

• El retardo se mide desde el momento en que el SDK de Pushwoosh se inicializa en la página, no desde que la página comienza a cargarse.
• El tiempo real antes de que aparezca el pop-up web puede ser ligeramente superior al valor que establezca. Por ejemplo, si el SDK tarda 2 segundos en cargarse y usted establece un retardo de 5 segundos, el pop-up web aparecerá 7 segundos después de que la página comience a cargarse.

Frecuencia

Esta opción es solo para campañas Popup. En FRECUENCIA, elija con qué frecuencia un visitante puede ver este pop-up web:

• Una vez por visitante: el visitante ve el pop-up como máximo una vez en ese navegador, incluso en una nueva pestaña.

Nota

Pushwoosh solo puede reconocer al mismo visitante mientras el navegador conserve los datos del Web SDK. Si el visitante borra los datos del navegador, utiliza otro navegador o abre el sitio en otro dispositivo, Pushwoosh lo trata como un nuevo dispositivo, por lo que el pop-up web puede volver a aparecer.

• Una vez por sesión: el visitante ve el pop-up una vez por sesión de navegación. Si cierra una pestaña y vuelve antes de que termine la sesión, el pop-up no vuelve a aparecer.
• Cada visita: el pop-up aparece cada vez que el visitante carga una página que coincide.

Dispositivo

En Dispositivo, elija los dispositivos en los que aparece la campaña: Todos los dispositivos, Escritorio o Móvil.

Permiso de push

En Permiso de push, elija qué visitantes ven la campaña, según si permitieron las notificaciones web push en este navegador:

• Todos los visitantes: todos, sea cual sea su permiso de push. Es la opción predeterminada.
• Aún no preguntado: visitantes a los que el navegador todavía no ha pedido permiso de push. Úselo para un mensaje que los invite a suscribirse.
• Suscrito: visitantes que permitieron las notificaciones push.
• Bloqueado: visitantes que bloquearon las notificaciones push, por ejemplo, para explicarles cómo volver a permitirlas en el navegador.
• Push no compatible: visitantes cuyo navegador no puede recibir notificaciones web push. Úselo para ofrecer otro canal, como un formulario de email.

El paso de Revisión muestra la opción que eligió junto al dispositivo, como Permiso de push: y el nombre de la opción.

El navegador del visitante comprueba el permiso cuando la campaña está a punto de mostrarse. Si el visitante permite o bloquea las notificaciones en la página, las campañas que ya no coinciden se eliminan, y una campaña que empieza a coincidir se muestra tras la siguiente carga de página.

Versión del Web SDK para el permiso de push

Esta opción requiere Pushwoosh WebSDK 3.103.0 o posterior. Si su sitio carga las campañas web con un núcleo de WebSDK anterior, allí solo se muestran las campañas configuradas con Todos los visitantes.

Mostrar en páginas

Elija las páginas en las que puede aparecer la campaña. Esta opción se oculta con Solo mediante llamada al WebSDK.

Versión del Web SDK para las reglas de páginas

La exclusión de páginas y el tipo de coincidencia Empieza por solo tienen efecto en sitios que ejecutan un Pushwoosh WebSDK actualizado. WebSDK 3.104.1 y posteriores distinguen mayúsculas y minúsculas en las rutas, mientras que las versiones 3.102.0 a 3.104.0 no lo hacen. En versiones de WebSDK anteriores a la 3.102.0, las rutas que introduzca tampoco coinciden con páginas cuya dirección contiene espacios o letras fuera del alfabeto inglés, como é o ñ.

Todas las páginas

Mostrar la campaña en cada página del sitio. Para que no aparezca en algunas páginas, añada hasta 10 exclusiones:

1. Haga clic en + Añadir exclusión.
2. Introduzca la ruta de la página.
3. Elija cómo debe coincidir la ruta: Coincidencia exacta o Comienza con.

Páginas especificadas

Mostrar la campaña solo en las páginas que liste. Puede añadir hasta 10 páginas:

1. Haga clic en + Añadir página. Para eliminar una fila, haga clic en ×.
2. Introduzca la ruta de la página.
3. Elija cómo debe coincidir la ruta: Coincidencia exacta o Comienza con.

Haga clic en Siguiente para continuar.

Introducir una ruta de página

La ruta indica a Pushwoosh qué páginas cubre una regla. Las mismas reglas se aplican a las exclusiones y a las páginas especificadas.

Qué introducir

• Introduzca la ruta tal como aparece después de su dominio, por ejemplo /pricing o /blog/intro.
• La ruta puede contener letras de cualquier alfabeto, dígitos, espacios y los caracteres - _ . ~ ! $ & ' ( ) * + , ; = : @ /.
• Las rutas distinguen entre mayúsculas y minúsculas, así que /Pricing y /pricing son páginas distintas.

Rutas guardadas del 27 de octubre al 2 de noviembre de 2026

Pushwoosh guardó en minúsculas las rutas introducidas en ese periodo. En WebSDK 3.104.1 y posteriores, una regla así ya no cubre las páginas cuya ruta tiene mayúsculas, tanto con Coincidencia exacta como con Empieza por. Abra la campaña e introduzca la ruta de nuevo con las mayúsculas y minúsculas de su sitio.

Pegar una dirección completa

También puede pegar la dirección completa de la barra de direcciones del navegador o una ruta codificada. Pushwoosh elimina el dominio, la cadena de consulta y el fragmento, y guarda la ruta decodificada, conservando las mayúsculas y minúsculas. Por ejemplo:

Usted introduce	Pushwoosh guarda
https://example.com/Catalog/?sort=price	/Catalog/
/caf%C3%A9	/café

Tipos de coincidencia

El tipo de coincidencia decide qué páginas cubre la ruta:

Tipo de coincidencia	Páginas que cubre
Coincidencia exacta	Solo la página cuya ruta es igual a la que introduce. /pricing no cubre /pricing/ ni /Pricing.
Empieza por	Todas las páginas cuya ruta empieza por lo que introduce, con las mismas mayúsculas y minúsculas. /blog cubre /blog/intro y también /blog-news, así que introduzca /blog/ para cubrir solo la sección del blog.

Revisar la campaña

La pantalla de Revisión resume:

• Contenido: el contenido web adjunto. Consulte Seleccionar contenido web. Una campaña que todavía esté vinculada a un formulario de suscripción heredado en lugar de a contenido web muestra aquí el nombre de ese formulario.
• Audiencia: Todos los usuarios, o Audiencia objetivo con el nombre del segmento seleccionado o las condiciones personalizadas.
• Ajustes de visualización: dispositivo, las páginas en las que se muestra la campaña (incluido el tipo de coincidencia y cualquier exclusión), retardo y frecuencia.

Use CAMBIAR OPCIONES en cualquier bloque para volver atrás y editar esa parte.

El área de Vista previa muestra cómo se ve el contenido en una ventana de visualización de muestra. Use EDITAR CONTENIDO si necesita ajustar el recurso de contenido subyacente.

Cuando todo se vea bien, haga clic en Completar configuración.

Luego, elija una opción del menú:

• Lanzar campaña… activa la campaña después de que introduzca un nombre de campaña y confirme. En una campaña Inline, a continuación un diálogo Código de inserción muestra el elemento que debe añadir a su página. Puede volver a abrirlo más tarde con Obtener código de inserción… en el menú de la fila de la campaña.

  

• Guardar como borrador… guarda la campaña sin activarla. Para publicarla más tarde, vaya a Campañas → Campañas web, abra el menú de tres puntos en la fila del borrador y elija Activar campaña…. Para cambiar antes la configuración, elija Editar campaña… en el mismo menú.

Para buscar, filtrar y gestionar campañas desde la lista, consulte Ver y gestionar campañas.