Las ventanas emergentes son ventanas modales de llamada a la acción que aparecen y se superponen a la página en un momento específico o bajo condiciones y desencadenantes específicos. Las ventanas emergentes están diseñadas para centrar la atención del Nutzername una vez que ha realizado una acción.

Um loszulegen, gehen Sie zu Vorlagen> Popups. Controle el diseño, las condiciones, las reglas y los estilos de la ventana emergente y luego diseñe el Inhalt de la ventana emergente.

Hinweis: Klicken Sie auf das Zahnradsymbol Einstellungs-Popup in der unteren Symbolleiste des Bedienfelds, um die Popup-Einstellungen zu bearbeiten.

Popup-Design

Konfigurationen

Design

1. Breite: Stellen Sie die genaue Breite des Popup-Fensters mit px oder vh ein
2. Höhe: Legt die genaue Höhe des Popup-Fensters mit px oder vh fest. Verwenden Sie 100vh für Breite und Höhe, um Vollbild-Popups zu erstellen
3. Horizontal: Wählen Sie die horizontale Position des Popup-Fensters aus Links, Mitte oder Rechts
4. Vertikal: Wählen Sie die vertikale Position des Popup-Fensters oben, in der Mitte oder unten
5. Startseite: Hintergrundüberlagerung ein- oder ausblenden
6. Schaltfläche Schließen: Wählen Sie die Schaltfläche Schließen oder Ausblenden
7. Schaltfläche nach x Sekunden anzeigen (Wenn die Schaltfläche Schließen anzeigen ausgewählt wurde) - Wählen Sie die Anzahl der Sekunden aus, die gewartet werden soll, bevor die Schaltfläche Schließen angezeigt wird
8. Eingangsanimation: Wählen Sie aus den Dropdown-Optionen die Popup-Eingabeanimation aus, z. B. Überblenden und Zoomen. Wählen Sie einen Animationseffekt aus, um eine Vorschau des Effekts anzuzeigen.
9. Animation beenden: Wählen Sie aus der Dropdown-Auswahl die Popup-Ausgabeanimation wie Überblenden und Zoomen aus. Wählen Sie einen Animationseffekt aus, um eine Vorschau des Effekts anzuzeigen.
10. Animationsdauer: Legt die Dauer der Animation in Millisekunden fest

Allgemeine Konfiguration

1. Qualifikation: Geben Sie den Titel des Popup-Fensters ein. Dieser Titel wird nur im Backend angezeigt, nicht für den Benutzer.
2. Bedingung: Entwurf, ausstehende Überprüfung, privat oder veröffentlicht

Vorschau der Einstellungen

1. Vorschau dynamischer Inhalte als: Wählen Sie aus Dateien, Seiten, Posts, Medien oder 404 Seiten.

Hinweis: Um den von Ihnen ausgewählten Inhalt anzuzeigen, müssen Sie die Seite nach Auswahl des dynamischen Inhalts neu laden.

Stil

Entstehen

1. Fondsart: Elija un color de fondo, una imagen o un degradiert
2. Randtyp: Wählen Sie den Randtyp aus und wählen Sie zwischen "Keine", "Fest", "Doppel", "Gepunktet", "Gestrichelt" oder "Gerillt"
3. Kantenradius: Legt den Rahmenradius fest, um die Rundheit der Ecken auf jeder Seite des Popups zu steuern
4. Schatten der Kiste: Passen Sie die Optionen für den Boxschatten an

Startseite

1. Fondsart: Wählen Sie eine Hintergrundfarbe, ein Bild oder einen Farbverlauf

Schaltfläche Schließen

1. Position: Wählen Sie diese Option, um die Schaltfläche Schließen innerhalb oder außerhalb des Popup-Fensters anzuzeigen
2. Vertikale Position: Verwenden Sie den Schieberegler, um die vertikale Position der Schaltfläche Schließen auszuwählen
3. Horizontale Position: Verwenden Sie den Schieberegler, um die horizontale Position der Schaltfläche Schließen auszuwählen

Normal | Schweben Sie auf

1. Farbe: Wählen Sie die Farbe der Schaltfläche Schließen für den Status Normal und Hover
2. Hintergrundfarbe: Wählen Sie die Hintergrundfarbe der Schaltfläche Schließen für den Status Normal und Hover
3. Größe: Legt die Größe der Schaltfläche zum Schließen fest

Fortgeschrittene

Fortgeschrittene

1. Schaltfläche zum Schließen nach (Sekunden) anzeigen: Geben Sie eine Anzahl von Sekunden ein. Die Schaltfläche zum Schließen wird erst nach Ablauf dieser Zeit angezeigt.
   
2. Nach (ms) automatisch schließen: Geben Sie die Anzahl der zu wartenden ms ein, bevor das Popup-Fenster automatisch geschlossen wird. Lassen Sie das Feld leer, um das automatische Herunterfahren zu deaktivieren.
3. Vermeiden Sie überlappende Verschlüsse: Wählen Sie Ja, um zu verhindern, dass Benutzer das Popup schließen, indem Sie auf die Überlagerung klicken.
4. Vermeiden Sie das Schließen mit der ESC-Taste: Wählen Sie Ja, um zu verhindern, dass Benutzer das Popup durch Drücken der ESC-Taste schließen.
5. Deaktivieren Sie das Scrollen von Seiten: Wählen Sie Ja, um zu verhindern, dass Benutzer durch die Seite blättern, die hinter dem Popup-Fenster angezeigt wird
6. Vermeiden Sie mehrere Popups: Wenn der Benutzer auf der von ihm besuchten Seite ein anderes Popup gesehen hat, blenden Sie dieses Popup aus, indem Sie Ja auswählen
7. Mit Selektor öffnen: Ingrese una lista de selectores que activarán manualmente la ventana emergente (ID de CSS, clases o elementos de datos). Vea las instrucciones
8. Spanne: Passen Sie die Ränder an
9. Ausgestopft: Passt die Polsterung um das Popup an
10. CSS-Klassen: Fügen Sie Ihre benutzerdefinierte Klasse ohne Punkt hinzu (z. B. meine Klasse).

Benutzerdefinierte CSS

Benutzerdefinierte CSS: Geben Sie Ihr eigenes CSS ein

Bedingungen einstellen

Bedingungen le permite establecer en qué páginas de su sitio Netz aparecerá la ventana emergente.

Legen Sie die Bedingungen fest, die bestimmen, wo Ihr Popup verwendet wird (ausgenommen manuelle Aktivierung). Fügen Sie beispielsweise eine Include-Bedingung hinzu und wählen Sie Singular> Cover um nur das Popup-Fenster auf der Homepage der Site anzuzeigen. Erfahren Sie mehr über die Bedingungen.

Trigger setzen

Löst aus Es sind die Benutzeraktionen, die Ihre Kampagne erscheinen lassen. Wählen Sie für jede Option, die das Popup-Fenster öffnet, Ja oder Nein aus.

1. Laden auf der Seite: Wenn diese Option auf Ja gesetzt ist, legen Sie die Anzahl der Sekunden fest, die beim Laden der Seite gewartet werden soll, bevor das Popup-Fenster aktiviert wird.
2. In Verdrängung: Wenn Ja eingestellt ist, wählen Sie die Richtung (Auf oder Ab) und den Bildlauf aus, bevor das Popup aktiviert wird. Scrollen nach unten basiert auf Prozentsatz Seite nach unten gescrollt; Scrollen nach oben basiert auf Anzahl der Pixel verschoben.
3. Beim Scrollen zum Element: Wenn auf Ja gesetzt, geben Sie den Namen des Selektors (CSS-ID) ein, der das Popup auslöst, wenn der Benutzer zu ihm blättert. Sie müssen auch die CSS-ID zur Registerkarte Erweitert des Elements hinzufügen.
4. Klicken Sie auf: Wenn auf Ja gesetzt, geben Sie die Anzahl der Klicks ein, die das Popup auslösen
5. Nach Inaktivität: Wenn auf Ja gesetzt, geben Sie die Anzahl der Sekunden der Inaktivität des Benutzers ein, die das Popup-Fenster auslösen.
6. Absicht auf Seite beenden: Setzen Sie Ja, um das Popup-Fenster auszulösen, wenn die Mausaktivität des Benutzers die Absicht anzeigt, die Seite zu verlassen

Erweiterte Regeln

Erweiterte Regeln Geben Sie andere Anforderungen an, die erfüllt sein müssen, um ein Popup-Fenster zu generieren.

1. Nach X Seitenaufrufe anzeigen: Wenn diese Option auf Ja gesetzt ist, legen Sie die Anzahl der Seitenaufrufe fest, bevor das Popup aktiviert wird.
2. Nach X-Sitzungen anzeigen: Si se establece en Sí, establezca el número de sesiones de usuario antes de que se active la ventana emergente (una sesión comienza cuando el usuario visita el sitio web y finaliza cuando el usuario cierra el Browser).
3. Stellen Sie sich bis zu X Mal vor: Maximal wird das Popup-Fenster angezeigt. Wenn Count auf On Open gesetzt ist, kann das Popup nur so oft geöffnet werden wie die konfigurierte Nummer. Wenn Count auf On Close eingestellt ist, wird das Popup nur geöffnet, bis der Benutzer es zum x-ten Mal geschlossen hat. Danach wird es nicht wieder geöffnet. Diese Einstellung ist auf lokalen Speicher eingestellt und bleibt dort, bis sie entfernt wird.
4. Al llegar de una Url específica: Si se establece en Sí, muestra u oculta la ventana emergente si un usuario llega desde una URL específica (ingresa la URL específica). Regex es una opción para que los usuarios avanzados establezcan reglas avanzadas para patrones de URL coincidentes.
5. Zeigen Sie bei der Ankunft von: Si se establece en Sí, muestra si el usuario llega de los Suchmaschinen, ein Verknüpfung externo (ingrese la URL del enlace específico) y / o un enlace interno (ingrese la URL del enlace específico).
6. Für registrierte Benutzer ausblenden: Configúrelo en Sí para ocultar la ventana emergente para todos los usuarios que iniciaron sesión o para seleccionar roles personalizados. Para sitios web con Zwischenspeicher, es posible que esta función no funcione correctamente
7. Auf Geräten anzeigen: Wählen Sie Ja, um die Anzeige auf Desktop-, Tablet- und / oder Mobilgeräten auszuwählen

Hinweis: Popups können nur einmal angezeigt werden, wenn die Seite nicht neu geladen oder erneut eingegeben wird.

Steuern Sie das Popup-Fenster durch manuelle Aktivierung

Popups können manuell aktiviert werden. Dynamische Links können die Popup-Aktion verwenden, um ein Popup zu öffnen oder zu schließen. Das Formular kann die Option Aktionen nach dem Senden verwenden, um ein Popup-Fenster zu öffnen oder zu schließen. Jedes Element kann einen einzelnen Selektor (Klasse, ID oder Datenelement) verwenden, um manuell ein Popup auszulösen, wenn auf dieses Element geklickt wird.

• Wählen Sie aus einem beliebigen Linkelement Dynamisch> Aktionen> Popup-Fenster. Klicken Entstehen para seleccionar ya Sein Popup-Fenster öffnen oder Popup schließen. Wenn Sie Popup-Fenster schließen wählen, wird die Option «Nicht wieder auftauchen'Wird eine verfügbare Option.
• Wählen Sie in einem Elementor-Formular aus Aktionen nach dem Senden> Aktion hinzufügen> Popup öffnen oder Popup schließen
• Ausgehend von a Benutzerdefinierte Auswahl: Jedes Element kann eine Reihe von Selektoren haben, die als manueller Popup-Trigger verwendet werden können. Bearbeiten Sie das Element und gehen Sie zu Erweitert> CSS-Klassen (oder CSS ID) und geben Sie dem Element einen Klassennamen (ohne den vorhergehenden Punkt) oder einen identifizierenden Namen (ohne den vorhergehenden #). In Popup-Fenstern BedingungenWählen Sie die Seite aus, die das Element mit dem einzelnen Selektor enthält (z. Bedingungen> Einschließen> Singular> Seiten> Titel Ihrer Seite). Wenn ein Benutzer diese Seite besucht und auf das Element klickt, wird das Popup aktiviert. Dies ist nützlich, um ein Popup über das Navigationsmenüelement eines Themas, den Inhalt eines Texteditor-Widgets, über ein Nicht-Elementor-Element oder -Skript usw. zu öffnen.

Beachten Sie beim Aktivieren eines Popups über einen benutzerdefinierten Selektor, dass das Element kein "Link" sein muss. Ein Element, auf das normalerweise nicht geklickt werden kann, z. B. einfacher Text, kann ebenfalls angeklickt werden, um das Popup-Fenster zu generieren. Beachten Sie auch, dass die Löst aus y Erweiterte Regeln wird sein ignoriert während Sie diese Option verwenden.