Saltar al contenido

Contenido de pop-up web

El contenido de pop-up web es el diseño visual que los visitantes ven cuando aparece un pop-up web en tu sitio web. Créalo en Contenido y luego adjúntalo a una campaña de pop-up web.

Crear contenido de pop-up web

Anchor link to
  1. Ve a ContenidoContenido de pop-up web.
  2. Haz clic en Crear contenido de pop-up web. El editor se abre en una nueva vista.
Lista de contenido de pop-up web con controles de Búsqueda, Crear contenido de pop-up web, tarjetas de contenido y Mostrar en página
  1. Nombra el contenido.

    El nombre se utiliza dentro de Pushwoosh para identificar este contenido en la lista y en el asistente de campaña. Los visitantes del sitio web no lo ven.

  2. Elige cómo empezar:

    • Haz clic en una de las Plantillas de inicio para cargar un borrador de diseño editable. Luego, ajusta los bloques según sea necesario. Consulta Editar bloques.
    • Haz clic en Empezar desde una plantilla en blanco para abrir un lienzo vacío y construir desde cero añadiendo bloques uno por uno. Puedes editar bloques manualmente o con prompts.

Añadir un bloque

Anchor link to

Pasa el cursor entre los bloques hasta que aparezca el control +, abre el menú y elige el tipo de bloque que necesitas.

Editar bloques

Anchor link to

Haz clic en el bloque que quieres cambiar. Aparecerá una barra de herramientas sobre él con dos opciones.

Editar manualmente

Anchor link to

Haz clic en el icono de configuración en la barra de herramientas del bloque. Se abrirá el panel de configuración para el bloque seleccionado, donde puedes ajustar el diseño, la imagen, el texto alternativo, el ajuste de la imagen, el espaciado, el fondo, los bordes y otros estilos del bloque.

Bloque de pop-up web seleccionado con el panel de configuración que muestra los controles de diseño, imagen, espaciado y estilo del bloque
Bloques de texto
Anchor link to

Haz clic en el texto para editarlo directamente. Usa la barra de herramientas para elegir el nivel de encabezado, aplicar formato de negrita, cursiva o subrayado, añadir o eliminar enlaces, insertar etiquetas de combinación (merge tags) o eliminar el bloque.

Para personalizar el texto, haz clic en Etiquetas de combinación en la barra de herramientas y elige una etiqueta. La etiqueta se reemplaza con el valor del atributo del visitante cuando se muestra el pop-up, para que puedas mostrar contenido como un nombre o el estado de lealtad. Aprende más sobre la personalización basada en etiquetas en Contenido dinámico.

Haz clic en el botón para abrir su barra de herramientas. Usa el icono de enlace para abrir Insertar/Editar enlace, establece el Tipo de acción en Abrir sitio web e introduce la URL de destino.

Puedes seleccionar una imagen de la Galería de medios. Haz doble clic en el marcador de posición de la imagen o en la imagen que deseas reemplazar. Luego, selecciona una imagen o haz clic en Subir para añadir una nueva.

Editor de pop-up web con un bloque seleccionado y panel de configuración para diseño, imagen, espaciado y estilos

Editar con un prompt

Anchor link to

Haz clic en el icono de destellos en la barra de herramientas del bloque. El campo de prompt muestra lo que estás editando, por ejemplo, Tarjeta. Introduce el cambio que quieres hacer y envía el prompt. Por ejemplo, pide que la tarjeta sea más corta o que se cambie el texto del botón. Revisa los cambios generados antes de guardar.

Bloque de pop-up web seleccionado con el campo de edición de prompt que muestra el nombre del bloque y la entrada del prompt

Configurar los ajustes del pop-up

Anchor link to

En el panel derecho, abre la pestaña Configuración junto a IA para ajustar la apariencia y el diseño:

  • Pop-up: apariencia y posición en la pantalla, incluyendo radio del borde, sombra, animación, superposición y punto de anclaje.
  • Área de contenido: el área de contenido dentro del pop-up, incluyendo ancho, relleno, colores de fondo y texto, y espaciado entre bloques.
  • Valores predeterminados de bloque: estilos compartidos aplicados a todos los bloques de contenido, incluyendo fondo, borde y radio de las esquinas.
  • Columnas, Tarjeta, Grupo de botones, Valores predeterminados de botón: valores predeterminados de diseño y estilo para cada tipo de bloque.

Revisar y guardar el contenido

Anchor link to

Revisa el diseño del contenido, el texto, las imágenes y los enlaces de los botones. Cuando hayas terminado, haz clic en Guardar en la barra de herramientas.

Usar el contenido en una campaña

Anchor link to

Después de guardar, el contenido aparece en ContenidoContenido de pop-up web. Ábrelo desde la lista para seguir editando.

Para mostrarlo en el sitio, ve a CampañasPop-ups web, crea o edita una campaña y elige este contenido en el paso Contenido. Luego, configura la audiencia, los ajustes de visualización, la frecuencia y las opciones de lanzamiento. Para ver el flujo completo, consulta Crear campañas de pop-up web.