Wie kann ich Pop-ups hinzufügen?
Marketingkampagnen sind für jeden Online-Shop unerlässlich, da sie die Aufmerksamkeit der Besucher auf sich ziehen und Sonderangebote, zeitlich begrenzte Aktionen sowie bestimmte Produkte hervorheben. Eine der effizientesten Methoden, diese umzusetzen, sind Popup-Fenster, die direkt auf Ihrer Website erscheinen.
In dieser Anleitung erfahren Sie, wie Sie Pop-ups in Ihrem E-Commerce-Shop hinzufügen können.
Was sind Pop-ups?
Mit Pop-ups können Sie gezielte Nachrichten über Ihrer Shop-Oberfläche anzeigen. Der Zweck der Nachricht kann variieren. Zu den häufigsten Anwendungsfällen für Pop-ups gehören:
- Willkommensangebote
- Aktionen
- Newsletter-Anmeldungen usw.
Sie erstellen diese visuell im Website Builder, legen genau fest, wer sie wann sieht, und können sie jederzeit zwischen „Aktiv“ und „Inaktiv“ umschalten.
So fügen Sie Pop-ups hinzu
Navigieren Sie im Website Builder im Menü auf der linken Seite zum Abschnitt „Popups“, in dem alle Pop-ups Ihrer Website aufgelistet sind. Jedes Pop-up hat einen von zwei Status:
- Aktiv – veröffentlicht und für Besucher auf Ihrer Live-Website sichtbar (vorbehaltlich der Anzeigeregeln).
- Inaktiv – ein Arbeitsentwurf. Änderungen an einem inaktiven Popup werden nicht live geschaltet; die Überarbeitung bleibt im Entwurfsstatus, bis Sie sie auf „Aktiv“ setzen.
Klicken Sie oben im Abschnitt auf die Schaltfläche „+ NEU HINZUFÜGEN“.
Es öffnet sich ein neues Fenster, in dem Sie eine Popup-Vorlage auswählen oder ein neues Layout von Grund auf erstellen können.
- Die Vorlagen sind in den Kategorien „Willkommen“, „Werbeaktionen“ und „Abonnieren“ organisiert, die auf der linken Seite aufgelistet sind. Die erste Vorlage aus der Kategorie „Willkommen“ wird standardmäßig angezeigt und ist ausgewählt.
- Um von Grund auf neu zu beginnen, verwenden Sie oben in der Galerie die Schaltfläche „+ LEERES POPUP HINZUFÜGEN“.
- Wenn Sie eine Vorlage auswählen, wird die Schaltfläche „Popup hinzufügen“ angezeigt. Durch Klicken auf „Popup hinzufügen“ wird das Popup anhand der ausgewählten Vorlage erstellt und die entsprechenden Einstellungen geöffnet, sodass Sie es sofort konfigurieren können.
So bearbeiten Sie ein Popup
Bewegen Sie den Mauszeiger über ein beliebiges Popup in der Liste „Popups“ und wählen Sie das Symbol „Aktionen“ (drei Punkte) auf der rechten Seite.
Die Menüoptionen sind:
| Aktion | Funktion |
|---|---|
| Einstellungen | Öffnet die Seitenleiste „Einstellungen“ für das Popup. |
| Anzeigen auf | Springt direkt zu den Regeln „Anzeigen auf“ für dieses Popup. |
| Aktivieren | Öffnet ein Bestätigungsfenster, in dem Sie das Popup veröffentlichen können. |
| Deaktivieren | Hebt die Veröffentlichung des Popups auf und setzt es zurück auf „Entwurf“. |
| Duplizieren | Erstellt eine exakte Kopie des ausgewählten Popups mit allen vorausgefüllten Einstellungen. Die Kopie wird standardmäßig als „Entwurf“ gespeichert. |
| Löschen | Öffnet ein Bestätigungsfenster, in dem Sie das Popup löschen können. |
Einstellungen
Die Seitenleiste „Einstellungen“ enthält zwei Registerkarten: „Allgemein“ (standardmäßig geöffnet) und „Anzeigen auf“.
Allgemein
| Feld | Optionen / Verhalten |
|---|---|
| Popup-Status | „Inaktiv“ (standardmäßig) oder „Aktiv“. |
| Popup-Name | Erforderlich. Bei einem neuen Popup lautet der Name standardmäßig #(Name der Kategorie) #(Nummer), wenn Sie eine Vorlage auswählen, oder #Neues-Pop-up #(Nummer), wenn Sie ein leeres Popup erstellen. Sie können den Namen später jederzeit ändern. |
| Anzeigen für | Legt fest, welche Besucher das Popup sehen können. Zur Auswahl stehen „Alle Benutzer“ (Standard), „Nur registrierte Benutzer“ oder „Nur Gäste“. |
| Anzeigeregel | Legt fest, wodurch das Popup ausgelöst wird. Zur Auswahl stehen „Zeitverzögerung“, „Scrollen“ oder „Zeit und Scrollen“ (Standard).
Wenn „Zeit und Scrollen“ ausgewählt ist, erscheint das Popup entweder beim Scrollen oder nach der festgelegten Zeit – je nachdem, was zuerst eintritt. |
| Zeitverzögerung | Verfügbar bei den Optionen „Zeitverzögerung“ und „Zeit und Scrollen“: „Nach 5 Sekunden“ (Standard), „Nach 10 Sekunden“ oder „Nach 30 Sekunden“. |
| Scrollen | Verfügbar bei den Optionen „Scrollen“ und „Zeit und Scrollen“: „25 % nach unten“ (Standard), „50 % nach unten“ oder „75 % nach unten“. |
| Auf Mobilgerät anzeigen | Legt fest, ob das Popup auf Mobilgeräten angezeigt wird. Standardmäßig aktiviert. |
| Erneut Anzeigen nach | Legt fest, wie häufig das Popup erneut angezeigt wird. Zur Auswahl stehen 1 Tag, 7 Tage, 14 Tage, 30 Tage (Standard) oder Nie. |
Anzeigen auf
Die Registerkarte „Anzeigen auf“ legt fest, auf welchen Seiten Ihrer Website das Popup angezeigt wird.
Das wichtigste Steuerelement ist der Schalter „Überall anzeigen“, der standardmäßig aktiviert ist:
- Ein – Das Popup wird auf der gesamten Website angezeigt, einschließlich aller neuen Seiten, Marken, Produkte oder Kategorien, die Sie später hinzufügen. Die vier darunter liegenden Kategorieauswahlfelder sind gesperrt; bereits getroffene Auswahlen bleiben schreibgeschützt erhalten.
- Aus – Hier können Sie auswählen, wo das Popup angezeigt wird. Sie können zwischen den folgenden Kategorien von Website-Elementen wählen: Seiten, Marken, Kategorien und Produkte. Wenn eine Kategorie keine Elemente enthält, wird sie in diesem Menü nicht angezeigt.
Jede Kategorie verfügt neben ihrem Namen über ein Hauptkontrollkästchen, das als „Alle auswählen“ fungiert – wenn Sie es aktivieren, werden alle Elemente (zukünftig hinzugefügte Elemente werden automatisch ausgewählt) in dieser Kategorie ausgewählt; wenn Sie es deaktivieren, wird die Auswahl aufgehoben. Verwenden Sie das Suchfeld, um ein bestimmtes Element schnell zu finden.
So ändern Sie den Popup-Status
Wenn Sie ein Popup auf „Aktiv“ (oder zurück auf „Inaktiv“) umstellen, werden Sie immer zuerst zur Bestätigung aufgefordert, da das Popup durch die Aktivierung öffentlich sichtbar wird:
Klicken Sie auf „VERÖFFENTLICHEN“, um zu bestätigen, oder auf „ABBRECHEN“, um den Status unverändert zu lassen.
So bearbeiten Sie das Design eines Popups
Klicken Sie in der Liste auf den Namen eines Popups, um es im visuellen Editor zu öffnen. Das Popup wird auf einer abgeblendeten Arbeitsfläche angezeigt und kann bearbeitet werden.
Popups sind rasterbasiert, und Sie können Komponenten zum Raster hinzufügen. Die verfügbaren Komponenten sind „Text“, „Bild“, „Schaltfläche“, „Video“, „Kontaktformular“, „Formen“, „Anmeldeformular“, „Code“ und „Einzelartikel“ (aus Ihrem Shop).
Klicken Sie an eine beliebige Stelle im Popup selbst – also auf den Hintergrund, nicht auf eine der darin enthaltenen Komponenten –, um das Popover „Popup bearbeiten“ zu öffnen. Es verfügt über zwei Registerkarten: „Allgemein“ und „Design“.
Unter „Allgemein“ werden das Layoutraster und die Karte gesteuert:
- Raster – Abstand und Zeilenabstand, jeweils einstellbar auf „Keine“, „S“, „M“ (Standard) oder „L“.
- Karte – Abstand und Eckenradius, jeweils einstellbar auf „Keine“, „S“, „M“ (Standard) oder „L“.
„Design“ steuert das Erscheinungsbild:
- Palette – Wählen Sie eine der voreingestellten Farbpaletten aus.
- Hintergrund – Wählen Sie „Farbe“ oder „Bild“ aus. Bei „Farbe“ werden ein Farbwähler sowie die Option „Überlagerungsfarbe“ angezeigt. Mit „Bild“ können Sie ein Hintergrundbild hinzufügen:
Sobald ein Bild hinzugefügt wurde, erscheinen zusätzliche Steuerungen: Bildgröße (Original, Ausfüllen, Anpassen), Bildposition (Oben links, Oben mittig, Oben rechts, Links, Mitte – Standard, Rechts, Unten links, Unten mittig, Unten rechts), Hintergrundbinding (Scrollen, Fixiert) und Überlagerung / Farbe der Überlagerung.
So zeigen Sie eine Vorschau der Popups an
In der Vorschau des Builders wird ein aktives Popup immer dann angezeigt, wenn seine Anzeigeregeln erfüllt sind – die Einstellung „Erneut anzeigen nach“ wird während der Vorschau außer Kraft gesetzt, sodass das Popup jedes Mal angezeigt wird, was die Überprüfung Ihrer Arbeit erleichtert.
