Popup-Element

Über das Popup-Element

Ein Popup ist ein Fenster, das beim Surfen auf einer Website angezeigt wird. Sein Hauptzweck besteht darin, mehr Leads zu generieren und Werbeziele effektiv zu erreichen.

Von dem GemPages Dashboard, öffnen Sie eine Vorlage zum Bearbeiten. Sie finden schnell die Element in der linken Seitenleiste des Editors, unter dem Conversion-Booster Abschnitt. Ziehen Sie das Element per Drag & Drop an eine beliebige Position auf Ihrer Seite.

So verwenden Sie die Popup-Element:

Schritt 1: Von dem GemPages Dashboard, suchen Sie die Zielseite, um den Editor zu öffnen.

Schritt 2: Das Pop-up Element finden Sie in der linken Seitenleiste unter dem Conversion-Booster .

Schritt 3: Ziehen Sie die Pop-up Element an eine beliebige Position auf Ihrer Seite.

Sobald das Popup minimiert ist, wird auf der rechten Seite des Editors ein kleines Label angezeigt. Sie können jederzeit auf dieses Label klicken, um den Popup-Inhalt erneut zu öffnen und zu bearbeiten.

Um den Popup-Inhalt zu bearbeiten, klicken Sie einfach auf die Popup-Beschriftung auf der rechten Seite des Editors.

Das Popup wird erneut im Editor angezeigt, sodass Sie die darin enthaltenen Elemente (wie Text, Bilder oder Schaltflächen) direkt auswählen und bearbeiten können.

Konfigurieren der Registerkarte „Einstellungen“

Popup-Name

Name: Geben Sie Ihren bevorzugten Namen für das Popup-Element ein.

Schaltfläche „Schließen“

• Icon: Wählen Sie das Symbol für die Schaltfläche „Schließen“ (z. B. „X“ oder „X fett“).
• Symbolgröße: Passen Sie die Symbolgröße an.
• Symbolfarbe: Wählen Sie die Symbolfarbe (z. B. Weiß, #FFFFFF).
• Breite Höhe: Legen Sie die Größe der Schaltfläche fest.
  
• Hintergrund: Wählen Sie die Hintergrundfarbe für die Schaltfläche „Schließen“ aus.
• Position: Wählen Sie, ob die Schaltfläche „Schließen“ innerhalb oder außerhalb des Popups angezeigt wird.

Auflage

Die Überlagerung verdunkelt den Seiteninhalt im Hintergrund, wenn das Popup angezeigt wird, und hilft so, die Aufmerksamkeit auf das Popup selbst zu lenken. Wenn diese Option aktiviert ist, können Sie die Farbe und Transparenz der Überlagerung anpassen.

• Farbe,: Wählen Sie aus der Palette eine Farbe für die Überlagerungsfarbe.
• Deckkraft: Passen Sie die Deckkraft des gesamten Abschnitts an. Ein niedrigerer numerischer Wert entspricht einer höheren Transparenz.
• Klicken Sie zum Schließen: Schalten Sie diesen Schalter um, damit Benutzer auf den Overlay-Hintergrund klicken können, um das Popup zu schließen. 

Größe

• Vollbild: Wählen Sie, ob das Popup den gesamten Bildschirm einnehmen soll (Ja/Nein).
• Länge: Legen Sie die Breite des Popups fest (z. B. 600 Pixel).
• Höhe: Passen Sie die Höhe des Popups an (automatisch oder bestimmter Wert).
• Polsterung: Definieren Sie die Polsterung innerhalb des Popup-Elements (z. B. 32 Pixel rundherum).

Hintergrund

• Farbe,: Wählen Sie eine Hintergrundfarbe für das Popup (z. B. #FFFFFF).

• Bild: Sie können auch ein Hintergrundbild hinzufügen.

Shape

• Grenze: Legen Sie die Art des Rahmens fest (z. B. durchgezogen, gestrichelt).
• Radius Corner: Passen Sie die Eckenrundung an (z. B. 16 Pixel für abgerundete Ecken).
• Shadow: Sie können Schatteneffekte für das Popup aktivieren oder deaktivieren.

Position

Passen Sie die Position des Bildes in 9 verschiedenen Positionen an: oben links, oben Mitte, oben rechts, Mitte links, Mitte Mitte, Mitte rechts, unten links, unten Mitte und unten rechts.

Zustand anzeigen

Konfigurieren Sie, wann das Popup ausgelöst wird:

Zeigen Sie wann: Wählen Sie eine der 5 Optionen aus dem Dropdown-Menü, um die genaue Zeit für das Erscheinen des Popups festzulegen.

• Keine Präsentation: Das Popup wird nicht auf der Live-Seite angezeigt.
• Nach dem Laden der SeiteDas Popup wird beim Laden der Seite angezeigt.
• Teilweise scrollen: Das Popup wird ausgelöst, nachdem der Benutzer zu einem bestimmten Prozentsatz der Seite gescrollt hat.
• Im Begriff zu beenden: Das Popup wird angezeigt, wenn der Benutzer kurz davor ist, die Seite zu verlassen.

Verzögern: Diese Einstellung wird angezeigt, wenn Sie „Nach dem Laden der Seite“ auswählen.

Mit dieser Option können Sie festlegen, wie viele Sekunden das System nach dem Laden der Seite warten soll, bevor das Popup angezeigt wird.

• Geben Sie die Verzögerungszeit in Sekunden ein.
• Maximale Verzögerungszeit: 100 Sekunden

Blättern Sie: Diese Einstellung wird angezeigt, wenn Sie „Teilweises Scrollen“ auswählen.

Mit dieser Option können Sie festlegen, wie weit der Benutzer auf der Seite scrollen muss, bevor das Pop-up erscheint.

• Geben Sie den Scrollprozentsatz ein (z. B. bedeutet 50 %, dass das Pop-up erscheint, nachdem der Benutzer bis zur Hälfte der Seite gescrollt hat).

Auf dem Handy: Diese Einstellung wird angezeigt, wenn Sie zum Beenden „Über“ auswählen.

Wählen Sie aus, wie sich das Pop-up auf Mobilgeräten verhalten soll.

Frequenz: Diese Einstellung steuert, wie oft das Pop-up angezeigt wird.

Verfügbare Optionen:

• Einmal pro Benutzer: Das Pop-up erscheint nur einmal pro Benutzer.
• Bei jedem Besuch: Das Pop-up erscheint jedes Mal, wenn der Benutzer die Seite besucht.
• Nach einer gewissen Zeit: Das Pop-up erscheint nach einer bestimmten Anzahl von Tagen erneut.

Wenn Sie „Nach einer gewissen Zeit“ auswählen, erscheint eine zusätzliche Einstellung, in der Sie die Anzahl der Tage eingeben können, nach denen das Pop-up demselben Benutzer erneut angezeigt wird.

Ergebnisse

Dieses Element verfügt über 7 Eingangseffekte, aus denen Sie wählen können:

• Verblassen
• Zoom
• Rauszoomen
• Horizontale Bewegung
• Vertikale Bewegung
• 3D-Entfaltung
• Keine: Kein Eingangseffekt.

Konfigurieren der Registerkarte „Erweitert“

Für erweiterte Anpassungen navigieren Sie bitte zu Registerkarte Erweitert und befolgen Sie die Anweisungen in Dieser Artikel.

Weitere nützliche Tipps und Video-Tutorials finden Sie auch unter GemPages-Akademie.

Bewährte Vorgehensweise: Ein Popup mit einem Link auslösen

Mit GemPages können Sie Popups über Hyperlink-Text auslösen. Das bedeutet, dass Sie die Popup-ID abrufen und den ausgewählten Text damit verlinken können.

• Wählen Sie das Popup aus, das beim Auslösen geöffnet werden soll, und klicken Sie mit der rechten Maustaste.
• Wähle aus Klasse kopieren um die Popup-ID zu kopieren.
• Schließen Sie das Popup-Fenster und markieren Sie den Text, den Sie in einen Link umwandeln möchten.
• Klicken Sie auf die Schaltfläche „Hyperlink“ und pFügen Sie den kopierten Link ein.
• Entfernen Sie den Punkt am Anfang der ID und ersetzen Sie ihn durch ein #. Wählen Sie dann Link zu dieser URL.

Wie man ein Formular in ein Popup einfügt

Um ein Formular in ein Popup einzubetten, fügen Sie einfach Folgendes hinzu: Kontaktformular Element innerhalb des Popup-Elements.

Schritt 1: Das Popup-Fenster wird durch Anklicken der Popup-Bezeichnung auf der rechten Seite des Editors geöffnet.

Schritt 2: Ziehen Sie als Nächstes aus der linken Seitenleiste die Kontaktformular Element in den Popup-Bereich einfügen.

Nach dem Hinzufügen können Sie die Formularfelder und Einstellungen nach Bedarf anpassen.

Klicken Sie abschließend auf Gespeichert und Veröffentlichen um die Änderungen zu übernehmen.

FAQs zum Popup-Element

1. Warum funktioniert das Popup-Element in den Themenabschnitten nicht?

Derzeit ist das Popup-Element wird in Themenabschnitten nicht unterstütztDas bedeutet, dass ein von Ihnen erstellter Themenabschnitt mit einem Popup auf Live-Seiten nicht richtig angezeigt wird oder nicht richtig funktioniert.

In diesem Fall müssen Sie Fügen Sie das Popup-Element direkt auf jeder Seite hinzu stattdessen.

2. Wie kann ich den Popup-Inhalt nach dem Minimieren bearbeiten?

Nach der Minimierung erscheint auf der rechten Seite des Editors ein Popup-Fenster. Klicken Sie einfach auf dieses Fenster, und das Popup wird erneut angezeigt, sodass Sie den Inhalt bearbeiten können.

3. Wann wird mein Popup auf der Live-Seite angezeigt?

Die Anzeigedauer des Popups hängt von Ihrer ausgewählten Anzeigen, wenn Zustand unter Zustand anzeigen:

• Nach dem Laden der Seite
• Teilweise scrollen
• Im Begriff zu beenden
• Keine Präsentation (das Popup wird nicht angezeigt)

4. Wie kann ich ein Popup mit einem Link oder Button öffnen?

Sie können ein Popup durch Hyperlink-Text oder Schaltflächen auslösen, indem Sie den Popup kopieren ID (über „Klasse kopieren“) und mit einem „#“-Präfix in der URL verknüpfen.

5. Welche Effekte kann ich auf mein Popup anwenden?

Das Popup-Element enthält sieben Eingangseffekte: Ausblenden, Zoomen, Verkleinern, Horizontale Bewegung, Vertikale Bewegung, 3D-Entfaltung und Keine.

6. Ich habe im Editor ein Popup hinzugefügt, kann es aber nicht mehr finden. Wo ist es?

Wenn das Popup minimiert wird, bleibt es nicht mehr im Arbeitsbereich sichtbar. Stattdessen wird rechts im Editor eine kleine Popup-Beschriftung angezeigt. Klicken Sie auf diese Beschriftung, um das Popup wieder zu öffnen und die Bearbeitung fortzusetzen.

7. Wo finde ich die Popup-ID?

Wählen Sie das Popup im Editor aus, klicken Sie mit der rechten Maustaste darauf und wählen Sie Kopieren > Klasse kopierenDer kopierte Wert ist die Popup-ID, mit der Sie das Popup über einen Link auslösen können.

8. Kann ich ein Popup-Element zur globalen Verwendung auf mehreren Seiten speichern?

Aktuell unterstützt GemPages die globale Wiederverwendung nur über die Themenbereiche Diese Funktion gilt nur für Abschnitte, nicht für einzelne Elemente. Wenn Sie dasselbe Popup auf mehreren Seiten verwenden möchten, können Sie stattdessen das Popup-Element kopieren und einfügen.

Eine detaillierte Anleitung finden Sie im Leitfaden auf Elemente kopieren und einfügen.

9. Wie entferne ich ein Popup?

Rechts im Editor erscheint ein kleines Popup-Fenster. Klicken Sie darauf, um das Popup erneut zu öffnen, und anschließend auf das Papierkorbsymbol, um es zu löschen.