Inhaltsblöcke für Web-Popups

Referenz für jeden Block, den Sie einem Web-Popup-Inhalt-Layout über die Registerkarte Elements hinzufügen können.

Jeder Blocktyp dient einem anderen Zweck im Popup:

• Text: Text im Popup, mit Inline-Formatierung und Textstilen
• Schaltfläche: ein Call-to-Action, der einen Link öffnet, das Popup schließt, Web-Push anfordert oder zu einer anderen Seite wechselt
• Symbol: ein kleines Piktogramm neben Ihrem Text
• Countdown: ein Live-Timer für eine Frist
• Themenauswahl: Kontrollkästchen oder Chips, die Interessen in ein Tag schreiben
• Bewertung: eine NPS-, Sterne- oder Daumen-Bewertung, die als Event gesendet wird
• Anmeldeformular: E-Mail-Anmeldung und andere Formularfelder

So konfigurieren Sie Inhaltsblöcke

1. Öffnen Sie die Registerkarte Elements auf der rechten Seite.

2. Ziehen Sie eine Kachel auf das Popup oder klicken Sie darauf, um sie zur Seite hinzuzufügen.
   • Ein Klick fügt den Block unter der Auswahl auf der Leinwand ein.
   • Wenn nichts ausgewählt ist, wird der Block am Ende des ersten Abschnitts der Seite platziert.
3. Wählen Sie einen Block im Popup aus, um die Registerkarte Settings (neben Elements) zu öffnen. Das Hinzufügen eines Blocks aus Elements öffnet Settings sofort.

Um einen Block an eine beliebige Stelle im Popup zu verschieben, auch in einen anderen Abschnitt, wählen Sie ihn aus und ziehen Sie den Griff, der links daneben erscheint, in eine beliebige Lücke.

In Settings können Sie:

• Die eigenen Optionen dieses Blocks konfigurieren
• Ihn mit POSITION (Pfeile nach oben und unten) innerhalb seines Abschnitts nach oben oder unten verschieben
• Ihn mit dem Löschen-Symbol entfernen

Hinweis

Wenn ein Abschnitt des Popups noch keine Elemente enthält, werden stattdessen die Steuerelemente + Text, + Button und + Form angezeigt. Um stattdessen ein Symbol, einen Countdown, eine Themenauswahl oder eine Bewertung hinzuzufügen:

1. Fügen Sie ein Element mit dem Steuerelement + Text oder + Button hinzu.
2. Wählen Sie es aus.
3. Fügen Sie den Block aus der Registerkarte Elements hinzu. Er landet im selben Abschnitt unter Ihrer Auswahl.

Text

Klicken Sie auf einen beliebigen Text oder eine Schaltflächenbeschriftung im Popup, um ihn inline zu bearbeiten. Eine Symbolleiste erscheint darüber:

• Fett-, Kursiv- oder Unterstreichungsformatierung anwenden.
• Einen Link hinzufügen oder entfernen.
• Linksbündige, zentrierte oder rechtsbündige Ausrichtung festlegen.

Um den Stil des Textes zu ändern, wählen Sie ihn aus und öffnen Sie die Registerkarte Settings auf der rechten Seite. Wählen Sie Icon (Textstil, nicht der Icon-Block), Eyebrow, Heading 1–3, Body oder Caption.

Schaltfläche

Klicken Sie auf eine Schaltfläche, um sie auszuwählen, und öffnen Sie dann die Registerkarte Settings auf der rechten Seite:

• Schaltflächenstil: Primary oder Secondary.
• Aktion:
  • Einen Link öffnen: Geben Sie die Link URL ein. New tab ist standardmäßig aktiviert. Deaktivieren Sie das Kontrollkästchen, um den Link stattdessen im selben Tab zu öffnen.
  • Das Popup schließen.
  • Abonnieren: Web-Push-Berechtigung anfordern und den Besucher abonnieren. Dies ist nicht der E-Mail-Block Subscription form. Eine gewährte Anfrage schließt das Popup. Eine abgelehnte Anfrage deaktiviert die Schaltfläche, da der Browser nicht zweimal auffordert.
  • Zur Seite gehen: Wählen Sie eine andere Seite des Popups aus, zu der gewechselt werden soll. Diese Option erscheint, sobald das Popup mehr als eine Seite hat. Siehe Mit mehreren Seiten arbeiten.

Verwenden Sie POSITION, um die Schaltfläche nach oben oder unten zu verschieben, oder das Löschen-Symbol, um sie zu entfernen.

Symbol

Fügen Sie einen Icon-Block hinzu, um ein kleines Piktogramm (z. B. ein Prozentzeichen für einen Verkauf oder ein Geschenk für ein Giveaway) neben Ihrem Text zu platzieren. Dies ist der Icon-Block, nicht der Icon-Textstil unter Text.

1. Öffnen Sie die Registerkarte Elements auf der rechten Seite.
2. Klicken Sie auf Icon.
3. Legen Sie die Optionen in der Registerkarte Settings fest:

• Symbol: Wählen Sie aus einem festen Satz von 20 Symbolen (Glocke, Geschenk, Warenkorb, Diagramm, Schloss, Kalender, Häkchen, Stern, Uhr, Etikett, E-Mail, Telefon, Download, Wiedergabe, Schild, Funkeln, Prozent, LKW, Ticket, Benutzer). Das Hochladen benutzerdefinierter Symbole wird nicht unterstützt.
• Größe: 24, 32 oder 48 px.
• Akzent: Standardmäßig aktiviert, sodass das Symbol zur Akzentfarbe des Popups passt. Deaktivieren Sie es, um eine benutzerdefinierte Farbe auszuwählen.

Countdown

Fügen Sie einen Countdown-Block hinzu, um mit einer Frist, die live im Popup herunterzählt, Dringlichkeit zu erzeugen.

1. Öffnen Sie die Registerkarte Elements auf der rechten Seite.
2. Klicken Sie auf Countdown.
3. Legen Sie die Optionen in der Registerkarte Settings fest:

• Frist: Das Datum und die Uhrzeit, zu der der Countdown Null erreicht.
• Zeitzone: Die Zone, in der die Frist gelesen wird, nicht die eigene Zeitzone des Besuchers. Standardmäßig wird die Zeitzone Ihres Browsers verwendet; wählen Sie UTC aus der Liste, um die Frist stattdessen wörtlich zu lesen.
• Sprache: Die Sprache der Einheitenbeschriftungen (Tage, Stunden usw.). Belassen Sie es bei English (default) oder wählen Sie aus 14 anderen Sprachen.
• Beschriftungen: Aktivieren, um Einheitenbeschriftungen neben den Zahlen anzuzeigen.
• Wenn die Frist abläuft:
  • Nullen anzeigen: Der Countdown zeigt weiterhin 00:00:00 an.
  • Popup nicht anzeigen: Das gesamte Popup wird übersprungen, sobald die Frist in der Vergangenheit liegt. Pushwoosh überprüft die Frist direkt bevor das Popup erscheinen würde. Ein auf diese Weise übersprungenes Popup zählt nicht gegen die Häufigkeit Once per visitor.
  • Zur Seite gehen: Springen Sie zu einer anderen Seite des Popups, wenn die Frist abläuft. Wird nur angeboten, wenn das Popup mehr als eine Seite hat. Wählen Sie die Zielseite aus dem erscheinenden Dropdown-Menü. Siehe Mit mehreren Seiten arbeiten.

Themenauswahl

Fügen Sie einen Topic picker-Block hinzu, damit Besucher ihre Interessen selbst als Kontrollkästchen oder Chips auswählen können. Ihre Auswahl wird in ein Tag auf ihrem Gerät geschrieben.

1. Öffnen Sie die Registerkarte Elements auf der rechten Seite.
2. Klicken Sie auf Topic picker. Der Block erscheint mit zwei Platzhalteroptionen. Seine Einstellungen öffnen sich in der Registerkarte Settings.

3. Wählen Sie unter List tag the choice is written to ein vorhandenes Tag vom Typ „Liste“ aus oder wählen Sie Create a list tag, um eines zu erstellen, ohne den Editor zu verlassen. Solange Sie kein Tag auswählen, schreibt der Block nichts.
4. Stellen Sie Control auf Checkboxes oder Chips ein.
5. Stellen Sie Minimum picks und Maximum picks ein. 0 an beiden Enden bedeutet keine Begrenzung auf dieser Seite (0 = any in den Feldbezeichnungen). Mindestens eine Auswahl ist immer erforderlich, um abzusenden, auch wenn Minimum 0 ist. Wenn die maximale Anzahl überschritten wird oder versucht wird, unter dem Minimum abzusenden, wird eine Inline-Nachricht neben dem Block angezeigt, anstatt etwas zu senden.
6. Bearbeiten Sie unter Options and copy die Beschriftung jeder Option (was der Besucher liest) und den Tag value (was in das Tag geschrieben wird). Wenn Sie Tag value leer lassen, schreibt Pushwoosh stattdessen die interne ID der Option (option-1, option-2 usw.). Verwenden Sie + Option, um eine weitere Zeile hinzuzufügen, bis zu insgesamt 12 Optionen.
7. Stellen Sie die Button label (Standard Save) und die Message after sending (Standard Thanks! Your choice is saved.) ein.

Auswahl fügt nur hinzu, sie entfernt nie

Die Auswahl eines Besuchers wird an das Tag angehängt. Ein erneutes Absenden des Blocks fügt weitere Werte hinzu. Es löscht niemals frühere Werte. Ein Popup kann einem Besucher nicht erlauben, ein zuvor gewähltes Thema abzuwählen. Dazu ist eine andere Oberfläche erforderlich, wie z. B. eine Einstellungsseite, die auf demselben Tag basiert.

Bewertung

Fügen Sie einen Rating-Block hinzu, um eine schnelle Bewertung (NPS, Sterne oder Daumen) als benutzerdefiniertes Event zu sammeln.

1. Öffnen Sie die Registerkarte Elements auf der rechten Seite.
2. Klicken Sie auf Rating. Der Block erscheint ohne festgelegtes Event. Seine Einstellungen öffnen sich in der Registerkarte Settings.

3. Stellen Sie Scale auf NPS 0–10, Stars (1 bis 5) oder Thumbs (Daumen hoch oder runter) ein. Bei allen drei bedeutet eine höhere Punktzahl eine positivere Bewertung. Daumen sendet 1 für einen Daumen hoch und 0 für einen Daumen runter.
4. Stellen Sie When the score is sent auf On tap (sendet, wenn der Besucher einen Wert auswählt) oder With a button (wartet auf einen Klick zum Absenden) ein.
5. Wählen Sie unter Event the score is sent as ein Event aus Ihrem Projekt aus oder wählen Sie Create an event, um ein neues zu definieren, ohne das Popup zu verlassen. Die Bewertung wird als dieses Event gespeichert (Attribute score, scale und slotKey). Verwenden Sie es in Segmenten oder Customer Journeys wie jedes andere Event. Solange Sie kein Event auswählen, sendet der Block nichts.
6. Füllen Sie optional Left label und Right label an den beiden Enden der Skala aus.
7. Wenn When the score is sent auf With a button eingestellt ist, legen Sie die Button label fest (Standard Send rating).

Das Erstellen eines Events hier ist dauerhaft

• Ein Event, das Sie aus diesem Menü erstellen, ist ein echtes Event in Ihrem Projekt, kein Entwurf. Um es später zu löschen, müssen Sie zur Event-Liste Ihres Projekts gehen, nicht nur das Popup ändern.
• Wenn ein an den Block gebundenes Event später an anderer Stelle umbenannt oder gelöscht wird oder in dieses Feld eingegeben wurde, bevor es zu einer Auswahl wurde, zeigt die Auswahl Missing: <event name>. Es wird das Event nicht stillschweigend verwerfen oder austauschen. Wählen Sie ein anderes Event, um die Bindung zu korrigieren.

Anmeldeformular

Fügen Sie einen Subscription form-Block hinzu, um E-Mail-Anmeldungen und andere Felder im Popup zu sammeln. Verwenden Sie diesen für E-Mail- und Formularfelder. Für die Web-Push-Berechtigung verwenden Sie stattdessen eine Schaltfläche mit der Aktion Subscribe. Erfahren Sie mehr über Anmeldeformulare.

Hinweis

Ein Popup kann nur ein Subscription form haben. Sobald eine Seite bereits eines hat, ist diese Kachel in Elements nicht mehr verfügbar.

Den Block hinzufügen

1. Öffnen Sie die Registerkarte Elements auf der rechten Seite.
2. Klicken Sie auf Subscription form.
3. Der Block erscheint mit einem standardmäßigen Email-Feld und einer Subscribe-Schaltfläche. Seine Einstellungen öffnen sich in der Registerkarte Settings.

Eine Formularquelle auswählen

Wenn der Block ausgewählt ist, zeigt die Registerkarte Settings ein Subscription form-Dropdown-Menü, das den Block mit einem Anmeldeformular in Ihrem Projekt verknüpft. Sie können ein neues Formular erstellen oder ein bereits vorhandenes auswählen:

Option	Wann zu verwenden
Neues Formular – bei Speicherung erstellt (Standard)	Schnellster Start: Pushwoosh erstellt das Formular für Sie, wenn Sie das Popup speichern, benannt „Popup-Name – Web-Popup“.
+ Neues Formular erstellen…	Sie möchten das Formular benennen und einrichten, bevor Sie das Popup speichern. Öffnet einen Dialog New subscription form. Geben Sie einen Name ein, legen Sie Fields, Submit-Text und Privacy fest und klicken Sie dann auf Create.
Ein vorhandenes Formular aus dem Dropdown-Menü	Verwenden Sie ein Formular wieder, das bereits Abonnenten oder Double-Opt-In konfiguriert hat.

Wichtig

Wenn Sie ein vorhandenes Formular aus dem Dropdown-Menü auswählen, wird durch das Speichern dieses Popups dieses Anmeldeformular für das gesamte Projekt aktualisiert. Die Felder, der Text der Senden-Schaltfläche und die Erfolgsmeldungen, die Sie in diesem Block festlegen, ersetzen die bisherigen Einstellungen dieses Formulars. Das schließt das auf Ihrer Website eingebettete Formular und das Formular unter Audience → Subscription forms ein.

Andere Web-Popups, die dasselbe Formular verwenden, werden nicht aktualisiert. Jedes Popup behält seine eigene Kopie der Felder und Texte des Blocks, bis Sie dieses Popup erneut öffnen und speichern.

Felder und Sende-Verhalten festlegen

Noch in der Registerkarte Settings:

1. Legen Sie den Submit button style fest:
   • Primary: gefüllte Schaltfläche in der Accent-Farbe des Popups. Am besten, wenn Subscribe die Hauptaktion auf der Seite ist.
   • Secondary: umrandete Schaltfläche mit einem Rahmen und einer Beschriftung in Akzentfarbe. Am besten, wenn das Popup bereits eine primäre Schaltfläche hat oder Sie ein leichteres Aussehen wünschen.
2. Aktivieren Sie Privacy, um eine Zeile zur Datenschutzeinwilligung unter dem Formular hinzuzufügen, und geben Sie dann die URL Ihrer Datenschutzrichtlinie in das erscheinende Feld ein.

3. Behalten Sie unter Fields die Email (immer erforderlich) bei und fügen Sie First name, Last name, Phone oder Custom hinzu.
   • Wählen Sie für ein Custom-Feld das Tag, an das sein Wert gesendet wird, aus dem Dropdown-Menü Pick a tag… aus oder wählen Sie Create a tag, um ein neues String-Tag zu erstellen, ohne den Editor zu verlassen.
   • Legen Sie die Texte für Success und Confirm email fest, die angezeigt werden, nachdem ein Besucher das Formular abgeschickt hat.