Crear/Editar ventanas emergentes de marketing

Pixpa te permite añadir una ventana emergente de marketing que mejora la experiencia de tus visitantes y es una herramienta de marketing increíblemente eficaz cuando se utiliza de forma reflexiva y dirigida.

Lo ayudan a resaltar ofertas, productos y ventas relevantes, crear listas de correo electrónico y recuperar la atención de los visitantes antes de que abandonen la página.


En este artículo hablaremos de:

  1. Agregar ventana emergente de marketing
  2. Conceptos básicos de ventanas emergentes
  3. Administrar la configuración de ventanas emergentes
  4. Administrar diseño emergente
  5. Administrar contenido emergente
  6. correos electrónicos de exportación

Agregar una ventana emergente de marketing

  • entrar: Ventana emergente de marketing (1) en la barra de búsqueda.
  • De los resultados relacionados, haga clic en el Ventanas emergentes de marketing opción (2) bajo Enlaces de estudio. 


  • En el lado derecho, tendrá la opción de administrar las ventanas emergentes de marketing.
  • Elija agregar un nuevo Ventana emergente de anuncio (1) o un Ventana emergente de correos electrónicos (2).


Una vez que elija la opción emergente que desea agregar, se abrirá el panel de edición emergente.

  1. Asegúrate de leer tipo de ventana emergente estás trabajando.
  2. Administra los de la ventana emergente.
  3. Diseña tu ventana emergente como el diseño, la imagen destacada, el color y el estilo de fuente.
  4. Especifica el contenido de la ventana emergente.
  5. Ver la ventana emergente en el sitio web en vivo.
  6. Guardar la ventana emergente
  7. Vista previa de la ventana emergente en la que está trabajando.


Administrar la configuración de ventanas emergentes

La configuración de la ventana emergente de correo electrónico y la ventana emergente de anuncio es la misma.

  • Haga clic en el elemento Configuración (1) opción para administrar la configuración de la ventana emergente.
  • Especifica el Nombre (2) de la ventana emergente.
  • Configure Estado (3) de la ventana emergente.
    • Publicado – Mostrar la ventana emergente en el sitio web.
    • programado  – Programe una ventana emergente para que comience y finalice en una fecha y hora determinadas.
    • Inactivo – Establecer el estado de la ventana emergente como inactivo.
  • Seleccione el elemento Fecha de Inicio (4) de la ventana emergente programada.
  • Seleccione el elemento Fecha Final (5) para la ventana emergente programada.

Mostrar ventana emergente activada 

  • Mostrar la ventana emergente en la Primera página del sitio web o en Páginas seleccionadas (6) solamente.
  • Elige las páginas seleccionadas (7) donde desea mostrar la ventana emergente si ha seleccionado mostrar la ventana emergente en páginas específicas.
  • Configure Mostrar (8) de la ventana emergente que se mostrará en computadora de escritorio, dispositivo móvil o ambos.

Cuándo mostrar ventana emergente 

  • Configure Sincronización (9) de la ventana emergente para que aparezca.
    • Al aterrizar – Cuando el usuario visita la página.
    • Desplazamiento de página posterior – Establezca el porcentaje de desplazamiento de página en 25 % o 50 % de desplazamiento de página. Y la ventana emergente se mostrará después del desplazamiento porcentual especificado.
    • Después del tiempo pasado en la página – Elija el tiempo de permanencia de 5 segundos, 10 segundos o 30 segundos en la página. La ventana emergente se mostrará una vez que el visitante pase el tiempo especificado.
    • Al salir – Esto funcionará solo en el escritorio cuando el usuario vaya a cerrar la página al pasar el mouse por encima.
  • Configure frecuencia/cuando quieras mostrar la ventana emergente nuevamente (10) al visitar el sitio web.
  • Guardar (11) sus cambios.


Administrar diseño emergente

El diseño del correo electrónico y la ventana emergente de llamada a la acción son los mismos. Aquí verá las siguientes opciones:

  1. Diseño
  2. Imagen emergente
  3. Color
  4. Opción de estilo
  5. Sombra:

  • Haga clic en el elemento Diseño (1) pestaña para administrar el estilo de la ventana emergente.
  • Elija el diseño (2) de la ventana emergente.

  • Agregar una imagen (3) para la ventana emergente. Haga clic en el botón Eliminar para eliminarlo.

  • Establecer la ventana emergente bases (4) color.
  • Configure fondo superpuesto (5) color y opacidad.
  • Configure color del titulo (6) para la ventana emergente.
  • Configure descripción color (7) de la ventana emergente.
  • Configure cerrar color del icono (8).
  • Guardar (9) sus cambios.


  • Elige tener un común Radio de Esquina (10) para todas las esquinas o un radio de esquina diferente para cada esquina de la ventana emergente (especificado en píxeles).

Tip

Con la opción Radio de esquina, puede darle forma a todo el aspecto de la ventana emergente según sus preferencias.


  1. Pantalla: Elija mostrar la sombra siempre detrás de la ventana emergente o solo al pasar el mouse.
  2. Estilo: Elija entre ajustes preestablecidos existentes o cree una sombra personalizada.
    En caso de que haya elegido la opción Personalizada, visite este Generador de sombras de caja para crear una sombra personalizada. Finalmente, copie y pegue el caja sombra CSS.
  3. En caso de que haya elegido la opción de preajustes, entonces Elija estilos de sombra desde el desplegable.
  4. Guardar los cambios.


Administrar contenido emergente

Ventana emergente de llamada a la acción

  • Haga clic en el elemento Contenido (1) pestaña para administrar el contenido de su Popup.
  • Agregue un Titular (2) a su ventana emergente y habilite la opción para mostrar el título en la ventana emergente.
  • Agregar Mareas Ideales para Lecciones (3) a su ventana emergente y habilite la opción para mostrar el texto en la ventana emergente.
  • Agregar Renuncia de responsabilidad: Texto (4) a su ventana emergente y habilite la opción para mostrar el subtexto en la ventana emergente.

  • Agregue un Descartar texto (5) a su ventana emergente y habilite la opción para mostrar el texto para descartar en la ventana emergente.
  • Active la característica de Cerrar Ícono (6) para la ventana emergente.

  • Habilite la palanca para mostrar Botón 1 (7) en la ventana emergente.
  • Especificar Etiqueta del botón 1 (8).
  • Especificar Botón 1 enlace (9).
  • Configure la ventana de destino para que el enlace sea el misma ventana o una nueva pestaña (10).
  • Invertir (11) el color del Botón 1.
  • Habilite la palanca para mostrar Botón 2 (12) y personalizarlo.
  • Guardar (13) sus cambios.


Recopilar ventana emergente de correo electrónico

  • Haga clic en el elemento Contenido (1) opción para administrar el contenido de su ventana emergente.
  • Agregue un Titular (2) a su ventana emergente y habilite la opción para mostrar el título en la ventana emergente.
  • Agregar Mareas Ideales para Lecciones (3) a su ventana emergente y habilite la opción para mostrar el texto en la ventana emergente.
  • Agregar Renuncia de responsabilidad: Texto (4) a su ventana emergente y habilite la opción para mostrar el subtexto en la ventana emergente.

  • Agregue un Descartar texto (5) a su ventana emergente y habilite la opción para mostrar el texto para descartar en la ventana emergente.
  • Active la característica de cerrar icono (6) para la ventana emergente.

  • Habilite la opción y especifique el texto del marcador de posición para Nombre del visitante (7).
  • Especificar Marcador de posición de correo electrónico (8) texto.
  • Especificar Etiqueta de botón (9).
  • Invertir (10) el color del botón.

 

  • Especificar Publicar Enviar (11) texto para la ventana emergente.
  • Agregue cualquier script en el Publicar Enviar HTML (12) para mostrarlo después del envío de la ventana emergente.
  • Guardar (13) sus cambios.


correos electrónicos de exportación

Una vez que haya agregado las ventanas emergentes en la página de Ventanas emergentes de marketing , podrá ver:

  • Nombre (1) de todas tus ventanas emergentes.
  • Estado (2) de las ventanas emergentes.
  • Fecha de Inicio (3) de la ventana emergente.
  • Fecha Final (4) de la ventana emergente.
  • El número de correos electrónicos (5) capturado en la ventana emergente.
  • Haga clic en los 3 puntos horizontales para el Acciones (6).
  • Haga clic para edición (7) la ventana emergente.
  • Eliminar (8) la ventana emergente.
  • Exportar (9) todos los correos electrónicos capturados en la ventana emergente.
  • Restablecer la visibilidad (10) de la ventana emergente.


¿No encuentras lo que buscas?

Póngase en contacto con un Experto Pixpa.

Pixpa Studio acaba de ser renovado. Actualmente estamos actualizando todas las capturas de pantalla de los artículos de ayuda.