Saltar al contenido principal




Las ventanas emergentes emergentes son efectivas porque atraen la atención del usuario, pero son relativamente discretas. La experiencia del usuario no se interrumpe por completo y, sin embargo, el usuario sabe que hay algo de posible interés disponible. Para este ejemplo, esperaremos a que el usuario llegue al final de un artículo, y luego desplegaremos una alerta en la esquina inferior derecha que la anima a leer otro artículo. Mostraremos la ventana emergente en computadoras de escritorio y tabletas, pero no en dispositivos móviles.

Crear ventana emergente

  1. Ir Panel de control> Plantillas> Ventanas emergentes> Agregar nuevo
  2. Ponle un nombre a tu plantilla y haz clic en ‘Crear plantilla
  3. Elija una plantilla de la biblioteca o cree su propio diseño

file-cfwjsqz20c-4969004


Configuración emergente

Configuraciones

  1. Establecer un ancho y alto personalizados
  2. Establezca la posición horizontal en centro y la posición vertical en centro.
  3. Ocultar una suposición
  4. Mostrar botón de cierre
  5. Configurar la animación de entrada para que se deslice hacia arriba

file-qdnsdeeemo-6572599

Estilo

Cambie el texto, la imagen de fondo, el borde y el estilo según sea necesario.

Ajustar el contenido de la sección

Cambie el contenido según sea necesario. Usamos un Titular widget y un Publicaciones widget para mostrar una publicación de una categoría de nuestra elección.

file-p7mzk33kt7-4331629


Configuración de publicación

Condiciones: Incluir: Singular> Todo singular

file-vzfycjjle9-2730788

Disparadores: En desplazamiento, abajo, al 80%

file-ydvcrv61qd-4761986

Reglas avanzadas: Mostrar solo en dispositivos de escritorio y tableta.

file-r1tewsxxvz-3485876




Las ventanas emergentes emergentes son efectivas porque atraen la atención del usuario, pero son relativamente discretas. La experiencia del usuario no se interrumpe por completo y, sin embargo, el usuario sabe que hay algo de posible interés disponible. Para este ejemplo, esperaremos a que el usuario llegue al final de un artículo, y luego desplegaremos una alerta en la esquina inferior derecha que la anima a leer otro artículo. Mostraremos la ventana emergente en computadoras de escritorio y tabletas, pero no en dispositivos móviles.

Crear ventana emergente

  1. Ir Panel de control> Plantillas> Ventanas emergentes> Agregar nuevo
  2. Ponle un nombre a tu plantilla y haz clic en ‘Crear plantilla
  3. Elija una plantilla de la biblioteca o cree su propio diseño

file-cfwjsqz20c-4969004


Configuración emergente

Configuraciones

  1. Establecer un ancho y alto personalizados
  2. Establezca la posición horizontal en centro y la posición vertical en centro.
  3. Ocultar una suposición
  4. Mostrar botón de cierre
  5. Configurar la animación de entrada para que se deslice hacia arriba

file-qdnsdeeemo-6572599

Estilo

Cambie el texto, la imagen de fondo, el borde y el estilo según sea necesario.

Ajustar el contenido de la sección

Cambie el contenido según sea necesario. Usamos un Titular widget y un Publicaciones widget para mostrar una publicación de una categoría de nuestra elección.

file-p7mzk33kt7-4331629


Configuración de publicación

Condiciones: Incluir: Singular> Todo singular

file-vzfycjjle9-2730788

Disparadores: En desplazamiento, abajo, al 80%

file-ydvcrv61qd-1048520

Reglas avanzadas: Mostrar solo en dispositivos de escritorio y tableta.

file-r1tewsxxvz-4301281