Ein Popup und seinen Teaser gestalten

Eine Popup-Kampagne besteht aus zwei Teilen: dem Popup selbst und einem optionalen Teaser. Der Teaser ist ein kleines Banner auf Ihrer Website, etwa „Drehen und gewinnen 🎁“, das beim Anklicken das Popup öffnet.

Das Popup gestalten

1. Klicken Sie über der Seite auf Popup-Einstellungen oder klicken Sie auf den Rand des Popups.
2. Legen Sie im Tab Stile unter Popup Hintergrund, Hintergrundüberlagerung (die abgedunkelte Ebene hinter dem Popup), Rahmen, Größe, Form, Ausrichtung des Inhalts und Außenabstand fest. Aktivieren Sie Hintergrundüberlagerung deaktivieren, wenn die Seite hinter dem Popup nicht abgedunkelt werden soll.
3. Legen Sie unter Schließen-Button seinen Hintergrund, die Icon-Farbe, Größe, Ecke (Ausrichtung) und Außenabstand fest.
4. Wählen Sie im Tab Effekte, wie sich das Popup öffnet und schließt, zum Beispiel Einblenden oder Gleiten.

Die Popup-Add-ons:

• Teaser beim Schließen ausblenden: „Den Teaser ebenfalls ausblenden, wenn dieses Popup geschlossen wird.“
• Nach dem Absenden des Formulars ausblenden: „Dieses Popup einem Besucher nicht erneut anzeigen, nachdem er darin ein Formular abgesendet hat.“

Popup-Typ und Position

Öffnen Sie im Editor Platzierung unter Layout:

• Typ: eine Leiste oben oder unten auf dem Bildschirm, ein Standard-Popup, ein Slider an der Seite oder eine ganze Seite. Ist ein Typ ausgegraut, enthält Ihr Plan ihn nicht.
• Ausrichtung: Leisten können oben oder unten sein, Slider links oder rechts und Standard-Popups an jeder Stelle eines 3 × 3-Rasters.

Wenn Sie ein neues Popup zum ersten Mal öffnen, bittet Scratcher Sie unter Domain auswählen um die Website, auf der es angezeigt werden soll. Sie können sie später unter Domain ändern. Siehe Eine Kampagne als Popup anzeigen.

Der Teaser

Unter Ablauf zeigt die Zeile Teaser den Teaser. Ihr Menü Aktionen enthält:

• Teaser aktivieren und Teaser deaktivieren. Bei einem deaktivierten Teaser steht Teaser ist deaktiviert.
• Teaser ändern: ein anderes Teaser-Design wählen.
• Einstellungen: die eigenen Einstellungen des Teasers (siehe unten).
• Teaser als Vorlage speichern: den Teaser in anderen Popups wiederverwenden.

Gestalten Sie den Teaser wie eine Seite: Klicken Sie auf seine Texte und Bilder, um sie zu ändern.

Teaser-Einstellungen

• Aktion: was beim Klick auf den Teaser passiert: Popup anzeigen, Link (bei Bedarf mit Link in neuem Tab öffnen) oder Keine.
• Auf Desktop ausblenden, Auf Tablets ausblenden, Auf Mobilgeräten ausblenden.
• Stile: Hintergrund, Rahmen, Größe, Form, Ausrichtung des Inhalts, Ecke (Ausrichtung) und Außenabstand des Teasers sowie sein eigener Schließen-Button.

Der Teaser erscheint, sobald die Seite geladen ist. Die Auslöser unter Anzeige gelten nur für das Popup. Wenn ein Besucher den Teaser mit seinem Schließen-Button schließt, bleibt er für diesen Besucher ausgeblendet.

Hintergrundbild in Popups

Popups haben ein Element Bildhintergrund, das eine Seite des Popups mit einem Bild füllt. Legen Sie die Höhe auf Mobilgeräten fest, um zu steuern, wie viel vom Bildschirm es auf Smartphones einnimmt.

Ein Popup über Ihren eigenen Button öffnen

Mit dem Auslöser-Add-on Klick-Auslöser unter Anzeige öffnet sich das Popup, wenn jemand auf Ihrer Website auf ein Element klickt. Geben Sie den CSS-Selektor des Elements ein, zum Beispiel .open-competition. Fragen Sie Ihre Webentwicklerin oder Ihren Webentwickler, wenn Sie unsicher sind.

Tipps

• Halten Sie das Popup kurz: eine Überschrift, das Spiel und das Formular. Besucher entscheiden in Sekunden.
• Testen Sie Popup und Teaser auf einem Smartphone. Nutzen Sie Auf Mobilgeräten ausblenden für einen Teaser, der dort zu viel Platz einnimmt.
• Ein ganzseitiges Popup bekommt die meiste Aufmerksamkeit, setzen Sie es aber mit Bedacht ein, zum Beispiel mit Exit-Intent am Computer.