So erstellen Sie ein Popup zum Blockieren von Inhalten

Cree una ventana emergente que evite que los visitantes vean el contenido de la página a menos que hagan clic en un botón específico dentro de la ventana emergente.

Sie erfahren, wie Sie ein Popup-Fenster erstellen, das:

1. Haga al visitante una pregunta de Sí o No, y permita que el visitante haga clic en el botón Sí o No
2. Muestre el contenido de la página si el visitante hace clic en el botón Sí, y redirija al visitante a otra URL si hace clic en el botón No o en cualquier otro lugar que no sea el botón Sí.

Entwerfen Sie das Popup-Fenster und seinen Inhalt

1. Gehen Vorlagen> Popups> Neu hinzufügen und geben Sie Ihrem neuen Popup einen Namen. (Eine alternative Methode ist das Drücken CMD + E. oder STRG + E. öffnen Entdecker, nach Popup suchen, wählen Neues Popup hinzufügenund gib ihm einen Namen.)
2. 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

1. Breite: Auf 600px einstellen
2. Höhe: Wählen Sie Benutzerdefiniert
3. Benutzerdefinierte Höhe: Establecer en 800px
4. Vertikale Position: Centro
5. Schaltfläche Schließen: Auf Ausblenden setzen
6. Eingangsanimation: Elija Fade In

Inhalt

1. Agregue un encabezado que haga una pregunta de sí o no, y modifíquelo según sea necesario.
2. Agregue dos botones, uno para Sí y otro para No, y modifique el estilo de cada uno según sea necesario.
3. Klicke auf das Zahnrad / Zahnradsymbol ubicado en la parte inferior izquierda del panel para volver a la Configuración emergente

Popup-Fenster> Registerkarte Stil

1. Fondsart: Transparent
2. Bild: Agregue una imagen de fondo y ajuste su configuración según sea necesario

Popup> Registerkarte Erweitert

1. Ausgestopft: Establecido en 80 px para derecha e izquierda, dejando
   
   oberer Teil
   y el fondo en blanco
2. Vermeiden Sie überlappende Verschlüsse: Auf Ja setzen
3. Prevenir al cerrar con la tecla ESC: Auf Ja setzen

Editar la sección

Sección> Estilo> Borde

1. Randtyp: Solide
2. Rahmenbreite: 15px
3. Farbe: Elija un color para su borde
4. Kantenradius: 40 solo para la parte inferior

Abschnitt> Erweitert

Ausgestopft: 30px solo para la parte inferior.

Spalte bearbeiten

Spalte> Stil

1. Fondsart: Degradado
2. Farbe: Wählen Sie die erste Verlaufsfarbe
3. Zweite Farbe: Wählen Sie die zweite Verlaufsfarbe
4. Nett: Radial

Rand

1. Kantenradius: 20px solo para la parte inferior
2. Schatten der Kiste: Establecer según sea necesario

Spalte> Erweitert

1. Spanne: Establezca -30 (menos 30) para Superior e Izquierda
2. Ausgestopft: Establezca 100 px para la parte superior e inferior

Editar el contenido

Titel> Stil

Qualifikation: Establece el color en blanco.

Schaltfläche> Stil

Textfarbe: Establece el color en blanco para cada botón.

Edite el botón Sí

Inhalt:

1. Verknüpfung: Klicken Sie auf das dynamische Symbol und wähle Aktionen> Popup-Fenster
2. Klicke auf Entstehen de nuevo
3. Wählen Popup schließen und schieben Nicht wieder auftauchen a sí

Editar el botón No

Inhalt:

Verknüpfung: Ingrese cualquier vínculo de sitio apropiado para la edad

Legen Sie die Veröffentlichungsoptionen fest

Klicken 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.

Bearbeiten la página que contiene el botón Comprar (o cualquier botón que cree para abrir la ventana emergente).

Editar el botón Comprar

1. Si aún no ha creado un botón para iniciar la ventana emergente, puede hacerlo ahora. Edite su texto y tipografía según sea necesario
2. Verknüpfung: Klicken Sie auf das dynamische Symbol und wähle Aktionen> Popup-Fenster
3. Haga clic en Ventana emergente nuevamente y, en Acción, elija Popup-Fenster öffnen.
4. En el campo Popup, ingrese algunas letras para buscar / encontrar el Popup que acaba de crear.
5. Klicke auf das Aktualisieren botón para actualizar la página.

Todo listo. Ahora vaya a la página con el botón Comprar, haga clic en él y vea la ventana emergente en acción.