Inhalt für Web-Popups

Der Inhalt eines Web-Popups ist das visuelle Layout, das Besucher sehen, wenn ein Web-Popup auf Ihrer Website erscheint. Erstellen Sie es unter Inhalt und fügen Sie es dann einer Web-Popup-Kampagne hinzu.

Inhalt für Web-Popups erstellen

1. Gehen Sie zu Inhalt → Web-Popup-Inhalt.
2. Klicken Sie auf Web-Popup-Inhalt erstellen.
3. Wählen Sie eine Startvorlage aus der Galerie. Verwenden Sie das Dropdown-Menü für Kategorien oben rechts, um nach Anwendungsfällen zu filtern (z. B. Aktionen & Angebote oder Gaming & Marktplätze), oder lassen Sie es auf Alle Vorlagen.

4. Sobald Sie eine Vorlage ausgewählt haben, passen Sie das Popup im Editor an.

Das Popup benennen

Klicken Sie auf den Namen des Popups in der oberen Leiste, um ihn zu bearbeiten. Der Name identifiziert diesen Inhalt innerhalb von Pushwoosh, in der Inhaltsliste und im Kampagnen-Assistenten. Website-Besucher sehen ihn nicht.

Popup-Einstellungen bearbeiten

Passen Sie das Erscheinungsbild und die Position des Popups im Einstellungsfenster links von der Arbeitsfläche an:

Hinweis

Diese Einstellungen steuern nur das Design des Popups. Zielgruppe, Seitenausrichtung, Verzögerung, Häufigkeit und Starteinstellungen werden in der Web-Popup-Kampagne konfiguriert.

Bilder

Wenn das Layout ein oder mehrere Bilder enthält, erhält jedes seinen eigenen Block oben im Bedienfeld mit einer Vorschau und Steuerelementen.

Klicken Sie auf Bild ändern, um eine Datei aus der Mediathek Ihres Projekts auszuwählen.

Unter der Vorschau:

• Anpassung: wie das Bild seinen Rahmen ausfüllt: Natürlich, Abdecken oder Enthalten. Wird nicht für ein Hintergrundbild angezeigt, das immer seinen Bereich abdeckt.
• Weichzeichnen: das Bild weichzeichnen, von 0 bis 20 px.
• Abdunkeln: nur Hintergrundbilder. Fügt eine dunkle Tönung über das Foto, damit der darüber platzierte Text lesbar bleibt, von 0 bis 100 %.

Einige Layouts fügen auch einen Layout-Abschnitt mit Einstellungen zur Bildplatzierung hinzu:

• Bildbreite: Anteil an der Popup-Breite in Prozent.
• Bildposition: Links oder Rechts, für Layouts mit einem Bild neben dem Text.

Der Layout-Abschnitt erscheint nur, wenn das aktuelle Layout solche Einstellungen hat. Bei einem Layout mit unterer Leiste bietet er Schaltflächenbreite anstelle von Bildsteuerelementen.

Popup-Größe und -Stil

Im Abschnitt Popup:

• Breite, Höhe (leer = automatisch): lassen Sie beide leer für ein Popup, das sich an seinen Inhalt anpasst, oder legen Sie eine feste Größe in Pixeln fest. In einem Popup mit mehreren Seiten hat jede Seite ihre eigene Größe.
• Eckenradius, Schatten: die Eckenabrundung und der Schlagschatten des Popups.
• Animation: wie das Popup erscheint: Keine, Einblenden oder Hineingleiten.

Farben

Klicken Sie auf Farben, um die Farbpalette des Popups zu erweitern:

• Hintergrund, Akzent (Schaltflächen): der Popup-Hintergrund und die Akzentfarbe, die auf Schaltflächen angewendet wird.
• Text, Sekundärtext: die Farbe des Fließtextes und von sekundärem Text wie Bildunterschriften und Eyebrows.
• Text über Bild: wird nur für Layouts mit Text über einem Hintergrundbild angezeigt. Legt die Farbe für diesen Text fest.

Platzierung und Überlagerung

Im Abschnitt PLATZIERUNG:

• Position: wählen Sie mit dem 3×3-Raster aus, wo das Popup auf der Seite verankert wird.
• Randabstand: legen Sie den Abstand in Pixeln vom ausgewählten Rand fest.

Im Abschnitt ÜBERLAGERUNG:

• Seite dahinter abdunkeln: aktivieren, um den Rest der Seite abzudunkeln, während das Popup angezeigt wird.
• Farbe, Deckkraft: legen Sie die Farbe und Deckkraft der Überlagerung von 0 bis 1 fest.

Text bearbeiten

Klicken Sie auf einen beliebigen Textblock im Popup, um ihn direkt zu bearbeiten. Eine Symbolleiste erscheint darüber:

• Fett, kursiv oder unterstrichen formatieren.
• Einen Link hinzufügen oder entfernen.
• Linksbündige, zentrierte oder rechtsbündige Ausrichtung festlegen.
• Wählen Sie einen Textstil: Symbol, Eyebrow, Überschrift 1–3, Fließtext oder Bildunterschrift.

Schaltflächen bearbeiten

Klicken Sie auf eine Schaltfläche, um ihre Symbolleiste zu öffnen:

• Wählen Sie den Schaltflächenstil: Primär oder Sekundär.
• Wählen Sie, was die Schaltfläche tun soll:
  • Einen Link öffnen: geben Sie die Ziel-URL ein.
  • Das Popup schließen.
  • Gehe zu Seite: 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.

Tipp

Wenn ein Textblock, eine Schaltfläche oder ein Anmeldeformular ausgewählt ist, klicken Sie in der Symbolleiste auf Hinzufügen und wählen Sie Text, Schaltfläche oder Anmeldeformular, um diesen Block darunter einzufügen. Verwenden Sie die Pfeile nach oben und unten, um ihn auf der Seite zu verschieben, und das Löschsymbol, um ihn zu entfernen. Das letzte verbleibende Element einer Seite kann nicht gelöscht werden.

Wenn ein Abschnitt des Popups keine Elemente enthält, werden die Schaltflächen + Text, + Schaltfläche und + Formular angezeigt – klicken Sie auf eine, um diesen Blocktyp dort hinzuzufügen.

Ein Anmeldeformular hinzufügen

Fügen Sie einen Anmeldeformular-Block hinzu, um E-Mail-Anmeldungen und andere Felder direkt im Popup zu sammeln. Erfahren Sie mehr über Anmeldeformulare.

Den Block hinzufügen

1. Wählen Sie einen Textblock, eine Schaltfläche oder ein anderes Element auf der Arbeitsfläche aus.
2. Klicken Sie in der Symbolleiste auf Hinzufügen.
3. Wählen Sie Anmeldeformular. Der Block erscheint sofort mit einem Standardfeld E-Mail und einer Abonnieren-Schaltfläche.

Eine Formularquelle auswählen

Klicken Sie auf den Anmeldeformular-Block, um die FORMULAR-Symbolleiste zu öffnen. Das erste Dropdown-Menü verknüpft den Block mit einem Anmeldeformular in Ihrem Projekt. Sie können ein neues Formular erstellen oder ein bereits vorhandenes auswählen:

Option	Wann zu verwenden
Neues Formular – beim Speichern 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 Neues Anmeldeformular – geben Sie einen Namen ein, legen Sie dann seine Felder, den Senden-Text und die Datenschutz-Einstellungen wie unten beschrieben fest und klicken Sie auf Erstellen.
Ein bestehendes Formular aus dem Dropdown-Menü	Verwenden Sie ein Formular wieder, das bereits Abonnenten oder ein Double-Opt-In konfiguriert hat.

Wichtig

Wenn Sie ein bestehendes Formular aus dem Dropdown-Menü auswählen, wird durch das Speichern dieses Popups das 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 vorherigen Einstellungen des Formulars. Dies betrifft das auf Ihrer Website eingebettete Formular und das Formular unter Zielgruppe → Anmeldeformulare.

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

1. Legen Sie den Stil der Senden-Schaltfläche in der FORMULAR-Symbolleiste fest:
   • Primär: gefüllte Schaltfläche in der Akzent-Farbe des Popups. Am besten, wenn Abonnieren die Hauptaktion auf der Seite ist.
   • Sekundär: 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 Datenschutz, um eine Zeile zur Datenschutzeinwilligung unter dem Formular hinzuzufügen, und geben Sie dann die URL Ihrer Datenschutzrichtlinie in das erscheinende Feld ein.

3. Klicken Sie auf Felder…, um ein Popover zu öffnen, in dem Sie E-Mail (immer erforderlich) beibehalten und Vorname, Nachname, Telefon oder Benutzerdefiniert hinzufügen können. Legen Sie außerdem die Texte für Erfolg und E-Mail bestätigen fest, die nach dem Absenden durch einen Besucher angezeigt werden.

Mit mehreren Seiten arbeiten

Ein Web-Popup kann mehr als eine Seite haben, zum Beispiel um Besucher durch ein kurzes, mehrstufiges Angebot zu führen.

Eine Seite hinzufügen

Klicken Sie auf + Seite hinzufügen, um das Menü zum Hinzufügen von Seiten zu öffnen:

• Aktuelle Seite duplizieren: kopiert die aktive Seite, einschließlich aller von Ihnen vorgenommenen Änderungen, als neue Seite.
• Wählen Sie eines der einseitigen Layouts, um eine neue Seite mit dem Demo-Inhalt dieses Layouts hinzuzufügen. Die neue Seite ist unabhängig von den anderen, sodass sie ein anderes Layout verwenden kann.

Hinweis

Beispiellayouts mit mehreren Seiten, wie Produkttour (mehrseitig), werden immer als vollständiger Satz von Seiten geliefert und sind daher nur in der Startgalerie und nicht in diesem Menü verfügbar.

Jeder Tab ist eine Seite. Klicken Sie auf einen Tab, um zu ihm zu wechseln.

Die Startseite festlegen

Der mit ★ markierte Tab ist die Startseite, die Besucher zuerst sehen. Um sie zu ändern, öffnen Sie einen anderen Tab und klicken Sie auf ☆ in diesem Tab.

Eine Seite löschen

Klicken Sie im aktiven Tab auf ✕. Ein Bestätigungsdialog öffnet sich. Klicken Sie auf Löschen, um die Seite zu entfernen. Dies kann nicht rückgängig gemacht werden.

Hinweis

Schaltflächen mit einer Gehe zu Seite-Aktion, die auf die gelöschte Seite verweisen, fallen auf die Startseite zurück.

Den Inhalt speichern

Überprüfen Sie den Inhalt, die Bilder und die Aktionen der Schaltflächen. Wenn Sie fertig sind, klicken Sie in der oberen Leiste auf Speichern.

Hinweis

Das Speichern von Inhalten zeigt das Web-Popup nicht auf Ihrer Website an. Der Inhalt erscheint erst auf der Website, nachdem Sie ihn in einer Web-Popup-Kampagne ausgewählt und die Kampagne gestartet haben.

Den Inhalt in einer Kampagne verwenden

Nach dem Speichern erscheint der Inhalt unter Inhalt → Web-Popup-Inhalt. Öffnen Sie ihn aus der Liste, um die Bearbeitung fortzusetzen.

Um ihn auf der Website anzuzeigen, gehen Sie zu Kampagnen → Web-Popups, erstellen oder bearbeiten Sie eine Kampagne und wählen Sie diesen Inhalt im Schritt Inhalt aus.

Konfigurieren Sie dann die Zielgruppe, Anzeigeeinstellungen, Häufigkeit und Startoptionen. Den vollständigen Ablauf finden Sie unter Web-Popup-Kampagnen erstellen.