Cómo crear una ventana emergente de formulario de inicio de sesión

Cree una ventana emergente de formulario de inicio de sesión con un fondo deslizante.

Aprenderá a:

1. Haga clic en un botón para abrir una ventana emergente de formulario de inicio de sesión
2. Use diapositivas como fondo para la ventana emergente
3. Redirigir al usuario a su panel al cerrar la ventana emergente

Diseñe la ventana emergente y su contenido

1. Ir Plantillas> Popups> Agregar nuevo y dale un nombre a tu nueva ventana emergente. (Un método alternativo es presionar CMD + E o CTRL + E para abrir Descubridor, busque Popup, elija Agregar nueva ventana emergentey darle un nombre.)
2. Elija una plantilla emergente prediseñada o cierre la superposición de la biblioteca y diseñe su ventana emergente desde cero. Para este ejemplo, diseñaremos el nuestro.

Ventana emergente> Ficha Diseño

1. Ancho personalizado: Establecer en 300px
2. Altura: Seleccione Personalizado
3. Altura personalizada: Establecer en 600px
4. Cubrir: Establecer en Ocultar

Ventana emergente> Pestaña avanzada

Evitar el cierre por superposición: Establecer en Sí

Contenido

Sección 1:

Ficha Diseño

1. Altura mínima: Establecido en 600 px
2. Ahora agregue un widget de encabezado e inicio de sesión a la sección. Ajuste el contenido y el estilo del título según sea necesario.
3. En el widget de inicio de sesión> Contenido> Opciones adicionales> Redirigir después de iniciar sesión: Configúrelo en Activado e ingrese la URL de la página para redirigir al usuario a

Sección 2:

Ficha Diseño

Altura mínima: Establecido en 600 px

Widget de diapositivas> pestaña Diseño

1. Altura: Establecer en 600px
2. Imagenes > Para cada imagen de la diapositiva, repita los siguientes cuatro cambios de opción:
3. Imagen: Elige una imagen
4. Talla: Elija Portada
5. Efecto Ken Burns: Establecer en Sí
6. Dirección del zoom: Establecer en

Ahora coloquemos las dos secciones una encima de la otra.

1. Sección 2 > Margen> Superior: -600 px (600 negativos)
2. Sección 1 > Índice Z: 1

Publicar la ventana emergente

Haga clic en el Publicar botón. No hay condiciones, activadores o reglas avanzadas para esta ventana emergente, así que haga clic en el Guardar y cerrar botón.

Controlar la ventana emergente

1. Edite la página que contiene el botón Iniciar sesión.
2. Edite el botón Iniciar sesión. Si aún no ha creado un botón, puede hacerlo ahora. Edite su texto y tipografía según sea necesario.

Botón Widget> Contenido

1. Botón> Enlace: Haga clic en el icono Dinámico Y debajo Comportamiento, escoger Surgir
2. Hacer clic Surgir de nuevo y seleccione Alternar ventana emergente.
3. Ahora, en el campo Ventana emergente, comience a escribir para buscar el widget de inicio de sesión que acaba de crear.
4. Haga clic en el Actualizar botón.

Ventana emergente> Pestaña avanzada

1. Evitar el cierre por superposición: Establecer en Sí

Todo listo. Visite la página con el botón Iniciar sesión como visitante normal (sin iniciar sesión). Haga clic en el Iniciar sesión botón. Si completa el formulario e inicia sesión correctamente, será redirigido a la página que ha designado como su panel de control. Si elige cerrar la ventana emergente en lugar de iniciar sesión, haga clic en el Iniciar sesión de nuevo para alternar / cerrar la ventana emergente.