Erstellen Sie ein Anmeldeformular-Popup mit einem verschiebbaren Hintergrund.
Du wirst lernen zu:
- Klicken Sie auf eine Schaltfläche, um ein Anmeldeformular-Popup zu öffnen
- Verwenden Sie Folien als Hintergrund für das Popup-Fenster
- Redirigir al Nutzername a su panel al cerrar la ventana emergente
Diseñe la ventana emergente y su Inhalt
- Gehen Vorlagen> Popups> Neue hinzufügen und geben Sie Ihrem neuen Popup einen Namen. (Eine alternative Methode besteht darin, CMD + E oder STRG + E zum Öffnen zu drücken Entdecker, nach Popup suchen, wählen Neues Popup hinzufügenund gib ihm einen Namen.)
- Wählen Sie eine vordefinierte Popup-Vorlage oder schließen Sie die Bibliotheksüberlagerung und gestalten Sie Ihr Popup von Grund auf neu. In diesem Beispiel werden wir unsere eigenen entwerfen.
Popup-Fenster> Registerkarte Design
- Benutzerdefinierte Breite: Auf 300px einstellen
- Höhe: Wählen Sie Benutzerdefiniert
- Benutzerdefinierte Höhe: Auf 600px einstellen
- Startseite: Auf Ausblenden setzen
Popup> Registerkarte Erweitert
Vermeiden Sie überlappende Verschlüsse: Auf Ja setzen
Inhalt
Abschnitt 1:
Registerkarte Design
- Minimun Höhe: Auf 600 px einstellen
- 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 Sein necesario.
- Im Login-Widget> Inhalt> Zusätzliche Optionen> Nach dem Login umleiten: Configúrelo en Activado e ingrese la Url de la página para redirigir al usuario a
Sektion 2:
Registerkarte Design
Minimun Höhe: Auf 600 px einstellen
Folien-Widget> Registerkarte Design
- Höhe: Auf 600px einstellen
- Bilder > Wiederholen Sie für jedes Bild auf der Folie die folgenden vier Optionsänderungen:
- Bild: Wählen Sie ein Bild
- Größe: Wählen Sie Cover
- Ken Burns-Effekt: Auf Ja setzen
- Zoomrichtung: Eingestellt auf
Legen wir nun die beiden Abschnitte übereinander.
- Sektion 2 > Rand> Oben: -600 px (600 Negative)
- Abschnitt 1 > Z-Index: 1
Veröffentlichen Sie das Popup
Klicke auf das Zu posten Taste. Es gibt keine erweiterten Bedingungen, Auslöser oder Regeln für dieses Popup. Klicken Sie daher auf Speichern und schließen Taste.
Steuern Sie das Popup-Fenster
- Bearbeiten Sie die Seite, die die Schaltfläche Anmelden enthält.
- Bearbeiten Sie die Schaltfläche Anmelden. Wenn Sie noch keine Schaltfläche erstellt haben, können Sie dies jetzt tun. Bearbeiten Sie Ihren Text und Ihre Typografie nach Bedarf.
Widget-Schaltfläche> Inhalt
- Botón> Verknüpfung: Klicken Sie auf das dynamische Symbol
Und darunter Verhalten, wählen Entstehen
- Klicken Entstehen erneut und wählen Sie Popup umschalten.
- Beginnen Sie nun im Popup-Feld mit der Eingabe, um das soeben erstellte Anmelde-Widget zu finden.
- Klicke auf das Aktualisieren Taste.
Popup> Registerkarte Erweitert
- Vermeiden Sie überlappende Verschlüsse: Auf Ja setzen
Alles bereit. Besuchen Sie die Seite mit der Schaltfläche Als normaler Besucher anmelden (kein Login). Klick auf das Einloggen Taste. Wenn Sie das Formular ausfüllen und sich erfolgreich anmelden, werden Sie zu der Seite weitergeleitet, die Sie als Dashboard festgelegt haben. Wenn Sie das Popup schließen möchten, anstatt sich anzumelden, klicken Sie auf Einloggen erneut, um das Popup-Fenster umzuschalten / zu schließen.
