So erstellen Sie ein Countdown-Popup für die Hallo-Leiste

Erstellen Sie ein Popup-Fenster mit einem Countdown-Timer für den 24-Stunden-Verkauf

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

1. Fügen Sie Dringlichkeit hinzu
2. Verkaufszahlen steigern

Diseñe la ventana emergente y su Inhalt

1. Gehen Vorlagen> Popups> Neue hinzufügen und geben Sie Ihrem neuen Popup-Fenster 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: 100vw, wird also in der Ansichtsfensterbreite 100% angezeigt
2. Höhe: Personalisiert
3. Benutzerdefinierte Höhe: 300 px
4. Position> Vertikal: Oberer Teil
5. Startseite: Auf Aus schieben
6. Eingangsanimation: Zusammenführen
7. Animationsdauer: 2,2 Sekunden

Popup-Fenster> Registerkarte Stil

1. Popup> Farbe: Schieben Sie auf transparent
2. Popup> Box Shadow: Klicken Sie auf den Rücksetzpfeil, um den Feldschatten auszuschalten.
3. Schaltfläche Schließen> Vertikale Position: 20
4. Schaltfläche Schließen> Horizontale Position: 4
5. Größe: 30

Popup> Registerkarte Erweitert

Ausgestopft: 30px für alle.

Inhalt

1. Klicken + um einen neuen Abschnitt mit 4 Spalten hinzuzufügen.
2. Abschnitt> Design> Inhaltsposition: Mittel, mittel
3. Abschnitt> Stil> Farbe: # e8e8e8
4. Füge hinzu ein Gewölbe Widget, schreiben Sie Ihren Titel und passen Sie Schriftgröße und -stärke nach Ihren Wünschen an
5. Füge hinzu ein Taste Widget und passen Sie Text-, Farb- und Designelemente nach Ihren Wünschen an
6. Füge hinzu ein Countdown Widget und dehnen Sie es durch Ziehen der Spalte
7. Countdown> Inhalt> Nett: Temporizador Immergrün
8. Countdown> Inhalt> Std: 23
9. Countdown> Inhalt> Protokoll: 59
10. Countdown> Inhalt> Aktionen nach Ablauf: Wählen Sie Ausblenden und Neue Nachricht
11. Countdown> Inhalt> Botschaft: Die Nachricht, die Sie mit dem Timer anzeigen möchten, läuft ab
12. Countdown> Stil> Boxen> Hintergrundfarbe: Wählen Sie eine Farbe
13. Countdown> Stil> Inhalt> Ziffern: Ändern Sie die Farbe und Schriftart nach Ihren Wünschen
14. Countdown> Stil> Inhalt> Etikette: Ändern Sie die Farbe und Schriftart nach Ihren Wünschen
15. Füge hinzu ein Bild Widget und wählen Sie ein Foto aus Ihrer Bibliothek.
16. Bild> Erweitert> Spanne: Stellen Sie unten einen negativen Rand ein, damit das Bild leicht unter dem Popup-Fenster schwebt.
17. Bild> Erweitert> Eingangsanimation: Nach links drehen
18. Bild> Erweitert> Animationsdauer: Schleppend
19. Bild> Erweitert> Animationsverzögerung (ms): 500

Legen Sie die Veröffentlichungsoptionen fest

1. Bedingung: Include> Ganze Site
2. Trigger> Auf Seite laden: Ja, in 3 Sekunden
3. Erweiterte Regeln> Vor angemeldeten Benutzern ausblenden: Ja, alle Benutzer
4. Erweiterte Regeln> Bis zu X-mal anzeigen: Ja, 1 mal

Alles bereit. Besuchen Sie Ihre Seite und nach 3 Sekunden wird das Countdown-Popup angezeigt, das ein Gefühl der Dringlichkeit und einen Anreiz zum Kauf eines Produkts schafft.