Contenido de popups web

El contenido de popups web es el diseño visual que los visitantes ven cuando aparece un popup web en su sitio web. Créelo en Contenido y luego adjúntelo a una campaña de popups web.

Vaya a Contenido → Contenido de popups web.
Haga clic en Crear contenido de popup web.
Elija una plantilla de inicio de la galería.

Una vez que haya elegido una plantilla, personalice el popup en el editor.

Haga clic en el nombre del popup en la barra superior para editarlo. El nombre identifica este contenido dentro de Pushwoosh, en la lista de contenido y en el asistente de campaña. Los visitantes del sitio web no lo ven.

Ajuste la apariencia y la posición del popup en el panel de configuración a la izquierda del canvas:

Imágenes

Si el diseño incluye una o más imágenes, cada una tiene su propio bloque en la parte superior del panel con una vista previa y controles.

Haga clic en Cambiar imagen para elegir un archivo de la Galería de medios de su proyecto.

Debajo de la vista previa:

Ajuste: cómo la imagen llena su marco: Natural, Cubrir o Contener. No se muestra para una imagen de fondo, que siempre cubre su área.
Desenfoque: suaviza la imagen, de 0 a 20 px.
Atenuar: solo para imágenes de fondo. Agrega una capa oscura sobre la foto para que el texto colocado encima permanezca legible, de 0 a 100%.

Algunos diseños también agregan una sección de Diseño con configuraciones de ubicación de la imagen:

Ancho de la imagen: parte del ancho del popup, como porcentaje.
Posición de la imagen: Izquierda o Derecha, para diseños con una imagen al lado del texto.

La sección de Diseño solo aparece cuando el diseño actual tiene configuraciones como estas. En un diseño de barra inferior, ofrece Ancho de los botones en lugar de controles de imagen.

En la sección Popup:

Ancho, Alto (vacío = automático): deje ambos vacíos para un popup que se ajuste a su contenido, o establezca un tamaño fijo en píxeles. En un popup con varias páginas, cada página tiene su propio tamaño.
Radio de esquina, Sombra: el redondeo de las esquinas y la sombra del popup.
Animación: cómo aparece el popup: Ninguna, Desvanecer o Deslizar.

Colores

Haga clic en Colores para expandir la paleta de colores del popup:

Fondo, Acento (botones): el fondo del popup y el color de acento aplicado a los botones.
Texto, Texto secundario: el color del texto del cuerpo y del texto secundario, como leyendas y encabezados.
Texto sobre imagen: solo se muestra para diseños con texto sobre una imagen de fondo. Establece el color utilizado para ese texto.

Ubicación y superposición

En la sección UBICACIÓN:

Posición: elija dónde se ancla el popup en la página usando la cuadrícula de 3×3.
Desplazamiento del borde: establezca la distancia en píxeles desde el borde seleccionado.

En la sección SUPERPOSICIÓN:

Atenuar la página de fondo: actívelo para oscurecer el resto de la página mientras se muestra el popup.
Color, Opacidad: establezca el color de la superposición y la opacidad de 0 a 1.

Editar texto

Haga clic en cualquier bloque de texto en el popup para editarlo en línea. Aparecerá una barra de herramientas sobre él:

Aplique formato de negrita, cursiva o subrayado.
Añada o elimine un enlace.
Establezca la alineación a la izquierda, al centro o a la derecha.
Elija un estilo de texto: Icono, Encabezado, Título 1–3, Cuerpo o Leyenda.

Editar botones

Haga clic en un botón para abrir su barra de herramientas:

Elija el estilo del botón: Primario o Secundario.
Elija qué hace el botón:
- Abrir un enlace: ingrese la URL de destino.
- Cerrar el popup.
- Ir a la página: elija otra página del popup para cambiar a ella. Esta opción aparece una vez que el popup tiene más de una página. Consulte Trabajar con varias páginas.

Añadir un formulario de suscripción

Añada un bloque de Formulario de suscripción para recopilar suscripciones por correo electrónico y otros campos directamente en el popup. El bloque utiliza un formulario de suscripción de su proyecto.

Seleccione un bloque de texto, un botón u otro elemento en el canvas.
Haga clic en Añadir en su barra de herramientas.
Elija Formulario de suscripción.

Vincule un formulario de suscripción al bloque. Hasta que no vincule uno, el popup no recopilará envíos. En el selector de formularios, haga una de las siguientes acciones:
- Elija un formulario existente de la lista. El bloque adopta los campos de ese formulario, el texto del botón de envío y los mensajes de éxito/confirmación.
- Haga clic en + Crear nuevo formulario… para crear un nuevo formulario sin salir del editor de popups.

Crear un nuevo formulario

Si eligió + Crear nuevo formulario…, complete el cuadro de diálogo Nuevo formulario de suscripción:

Ingrese un Nombre.
En Campos, mantenga Correo electrónico (siempre obligatorio) y añada Nombre, Apellido, Teléfono o Personalizado según sea necesario. Marque obligatorio en cualquier campo opcional para hacerlo mandatorio, o haga clic en × para eliminarlo.
Establezca el texto del botón Enviar.
Opcionalmente, active Privacidad e ingrese la URL de su política de privacidad.
Haga clic en Crear.

El formulario se crea en su proyecto (también aparece en Audiencia → Formularios de suscripción) y se vincula a este bloque de inmediato.

Trabajar con varias páginas

Un popup web puede tener más de una página, por ejemplo, para guiar a los visitantes a través de una oferta corta de varios pasos.

Añadir una página

Haga clic en + Añadir página para abrir el menú de añadir página:

Duplicar página actual: copia la página activa, incluidas las ediciones que haya realizado, como una nueva página.
Elija uno de los diseños de una sola página para añadir una página nueva con el contenido de demostración de ese diseño. La nueva página es independiente de las demás, por lo que puede usar un diseño diferente.

Cada pestaña es una página. Haga clic en una pestaña para cambiar a ella.

Establecer la página de inicio

La pestaña marcada con ★ es la página de inicio, la página que los visitantes ven primero. Para cambiarla, abra otra pestaña y haga clic en ☆ en esa pestaña.

Eliminar una página

En la pestaña activa, haga clic en ✕. Se abrirá un cuadro de diálogo de confirmación. Haga clic en Eliminar para quitar la página. Esto no se puede deshacer.

Guardar el contenido

Revise el contenido, las imágenes y las acciones de los botones. Cuando haya terminado, haga clic en Guardar en la barra superior.

Usar el contenido en una campaña

Después de guardar, el contenido aparece en Contenido → Contenido de popups web. Ábralo desde la lista para seguir editando.

Para mostrarlo en el sitio, vaya a Campañas → Popups web, cree o edite una campaña y elija este contenido en el paso Contenido.

Luego configure la audiencia, los ajustes de visualización, la frecuencia y las opciones de lanzamiento. Para ver el flujo completo, consulte Crear campañas de popups web.