Löse ein Formular für neue Abonnenten aus, teile einen Rabatt oder mach eine Ankündigung, die erscheint, wenn ein Besucher deine Website lädt.
Du kannst ein Pop-up erstellen, das angezeigt wird, wenn Besucher auf deiner Website landen. In dieser Anleitung wird beschrieben, wie du ein Werbe-Pop-up zu Ihrer Website hinzufügen und wie du auswählen kannst, wann und wo Pop-ups angezeigt werden.
Werbe-Pop-ups sind ideal, um:
- Besucher einzuladen, deiner Mailingliste beizutreten
- Einen Verkauf oder Rabattcode zu bewerben
- Ankündigung Ihres neuesten Blogeintrags oder eines neuen Produkts
- Besucher aufzufordern, ihr Alter anzugeben, bevor sie zu altersbeschränkten Inhalten gelangen
Werbe-Pop-ups sind eine Premium-Funktion, die im Rahmen der Business-, E-Commerce-, Professional- und Premium-Abos verfügbar ist. Um eines zu erstellen, benötigst du einen Computer. Es ist nicht möglich, Werbe-Pop-ups in der Squarespace-App hinzuzufügen.
Video ansehen
Hinzufügen eines Werbe-Popups
So fügst du ein Werbe-Pop-up hinzu:
- Öffne das Menü „Werbe-Pop-up“.
- Wähle ein Layout für das Werbe-Pop-up aus.
- Passe den Text, das Timing und das Erscheinungsbild des Pop-ups mithilfe der Einstellungen für Aktion, Inhalt, Darstellung & Timing, Bild und Stil an. Weitere Informationen findest du in der folgenden Tabelle.
- Aktiviere den Schalter neben Pop-up anzeigen und klicke dann auf Speichern.
Um dein Pop-up zu testen, nachdem du es erstellt hast, besuche deine Website in einem Inkognito-Fenster.
Pop-up-Einstellungen
Klicke im Menü „Werbe-Pop-up“ auf die Einstellung, um das Pop-up anzupassen. Verwende diese Tabelle als Leitfaden.
Einstellung | Beschreibung |
Pop-up anzeigen |
Aktiviere oder deaktiviere den Schalter neben Pop-up anzeigen, um das Pop-up zu aktivieren oder zu deaktivieren, und klicke dann auf Speichern. Für ein deaktiviertes Pop-up bleiben alle Einstellungen intakt, bis du bereit bist, es wieder zu aktivieren. |
Layout ändern |
Wähle die Größe des Pop-ups und ob es die gesamte Seite oder einen kleinen Teil davon abdecken soll. Du kannst nur Bilder zu Templates hinzufügen, die sie enthalten. Bewege den Mauszeiger über ein Layout und klicke auf Auswählen, um eine Vorschau anzuzeigen. Klicke dann auf Speichern, um das Layout anzuwenden. Beachte, dass größere Layouts die SEO beeinträchtigen können. |
Aktionen |
Wähle aus, ob das Pop-up Besucher auffordern soll, sich für einen Newsletter anzumelden oder auf einen Button zu klicken. |
Inhalt |
Füge Text zum Pop-up hinzu. Klicke auf die Felder Überschrift und Textkörper, um Text hinzuzufügen, und klicke dann auf Speichern. Halte diesen Text kurz. Zu viel Text kann zu Darstellungsproblemen führen. |
Darstellung & Timing |
Wähle aus, wann, wo und wie oft das Pop-up angezeigt werden soll. |
Bild |
Füge ein Bild zum Pop-up hinzu, falls das von dir gewählte Layout eines unterstützt. |
Stil |
Gestalte das Pop-up so, dass es dem Erscheinungsbild deiner Website entspricht. Klicke in der Vorschau auf einen Bereich des Pop-ups, um nur die für diesen Bereich verfügbaren Stil-Anpassungen anzuzeigen und den Rest auszublenden. Klicke auf Alle anzeigen, um alle verfügbaren Anpassungen anzuzeigen. Die Empfangsbestätigungsnachricht folgt den Anpassungen für Textkörper-Schriftart und -Farbe. |
Aktionseinstellungen
Verwende die Aktionseinstellungen im Menü „Werbe-Pop-up“, um eine Handlungsaufforderung für deine Besucher hinzuzufügen.
Einen Newsletter abonnieren
Um Besucher einzuladen, deine E-Mail-Liste zu abonnieren, wähle Anmeldung für einen Newsletter.
Schaltfläche
Klicke auf den Tab Button, um den Text zu ändern, der im Newsletter-Pop-up angezeigt wird.
- Platzhaltertext für E-Mail-Feld – Text, der im Feld „E-Mail-Adresse“ angezeigt wird. Der Standardtext lautet E-Mail-Adresse.
- Label für den „Senden“-Button – Text auf dem Button, den Besucher anklicken, um ihre E-Mail-Adresse zu übermitteln. Der Standardtext ist Senden, aber du kannst ihn beispielsweise zu Beitreten oder Registrieren ändern.
- Haftungsausschluss – Text, der unter dem Feld „E-Mail-Adresse“ angezeigt wird.
Speicher
Um Besucherantworten zu sammeln, klicke auf den Tab Speicher, um eine Speicheroption zu verbinden.
- Klicke auf Squarespace-Kampagnen oder auf Andere Services verbinden, um MailChimp oder Google Drive auszuwählen und deine Übermittlungen zu speichern.
- Kann ich Newsletter-Anmeldungen mit E-Mail oder einem anderen Service eines Drittanbieters verbinden?
Verifizierung
Klicke auf die Registerkarte Verifizierung, um die Verifizierungsoptionen für Abonnenten zu überprüfen. Die Standardoption ist Bestätigungs-E-Mail senden, aber wenn du Google reCAPTCHA aktivierst, kannst du die Bestätigungs-E-Mail deaktivieren. Für Mailinglisten von Squarespace E-Mail-Kampagnen ist mindestens eine Verifizierungsmethode erforderlich.
Nach dem Senden
Klicke auf den Tab „Nach dem Senden“, um den Text zu ändern, der angezeigt wird, nachdem sich ein Besucher für deine Mailingliste angemeldet hat.
- Bestätigungsnachricht – Der Text, der unterhalb der Überschrift, des Textkörpers und des Haftungsausschlusses angezeigt wird, nachdem ein Besucher ein Formular übermittelt hat.
- Bestätigungs-HTML – Wenn du über Programmierkenntnisse verfügst, kannst du diesem Feld benutzerdefinierten Code hinzufügen, der zusammen mit der Bestätigungsnachricht unterhalb der Überschrift, des Textkörpers und des Haftungsausschlusses angezeigt wird. Die Bestätigungs-HTML ersetzt nicht die Bestätigungsnachricht.
Einen Button anklicken
Du kannst bis zu zwei Buttons hinzufügen, die auf die Seiten deiner Website, eine Datei, eine andere Website oder etwas anderes verlinken, das deine Besucher entdecken sollen.
- Wähle in den Aktionseinstellungen die Option Einen Button anklicken.
- Fügen Sie im ersten Feld ein Button-Label hinzu. Dieses wird zum Text für den Button.
-
Füge einen Link für den Button im URL-Feld hinzu oder klicke für weitere Link-Optionen auf
.
- Wiederhole diese Schritte für den zweiten Button. Wenn du nur einen Button möchtest, lässt du das zweite Label und URL-Feld leer.
Einstellungen für Darstellung & Timing
Verwende die Einstellungen für Darstellung & Timing im Menü „Werbe-Pop-up“, um eine Handlungsaufforderung für deine Besucher hinzuzufügen.
Wählen Sie Seiten für das Pop-up aus.
Wähle die Seiten, auf denen das Pop-up angezeigt wird, im Abschnitt Seiten aus. Um das Pop-up auf der ersten Seite anzuzeigen, die der Besucher sieht, wähle Beliebige erste Seite aus dem Drop-down-Menü aus.
Wähle Nur bestimmte Seiten aus, um einzuschränken, wo das Pop-up angezeigt werden soll. Dies kann nützlich sein, um das Pop-up von einer Seite auszublenden, auf der bereits ein Newsletter-Formular vorhanden ist, oder um es nur auf deiner Startseite anzuzeigen. Das Pop-up erscheint auf den von dir ausgewählten Seiten, auf denen Besucher zuerst landen. Nachdem du die Seiten ausgewählt hast, klicke außerhalb des Seiten-Menüs, um es zu schließen.
Denk daran:
- Du kannst kein Pop-up auf Seiten innerhalb eines Mitgliederbereichs oder auf Index-Unterseiten einrichten.
- Wenn Sie mehrere Seiten auswählen, gelten die von Ihnen unten festgelegten Regeln für diese Seiten.
Auswählen, wann das Pop-up erscheint (beim Scrollen oder mit einem Timer)
Wähle im Abschnitt Timing aus, ob das Pop-up mit einem Timer und/oder beim Scrollen angezeigt werden soll. Verwende nach deiner Auswahl die anderen Drop-down-Menüs, um die Zeit, den Prozentsatz für das Scrollen oder beides festzulegen.
Wenn Sie eine Zeit und eine Scrollen-Position einstellen, erscheint das Pop-up, wenn die erste Aktion ausgeführt wird. Wenn Sie beispielsweise die Zeit auf Nach 10 Sekunden und den Prozentsatz für das Scrollen auf 25 % nach unten eingestellt haben, gibt es zwei Möglichkeiten, wie das Pop-up angezeigt werden kann:
- Der Besucher landet auf der Seite und scrollt sofort 25 % der Seite nach unten.
- Der Besucher landet auf der Seite und scrollt nicht, sondern bleibt 10 Sekunden lang dort.
Wenn Ihr Besucher auf einer passwortgeschützten Seite landet, folgt Ihr Pop-up den eingestellten Regeln für Darstellung und Timing, nachdem er das Passwort eingegeben hat.
Eine Frequenz auswählen
Legen Sie über das Drop-down-Menü Frequenz fest, wie oft wiederkehrende Besucher Ihr Pop-up sehen. Wenn sie es einmal gesehen haben, möchten Sie vielleicht nicht, dass sie es auch bei ihrem nächsten Besuch sehen. Sie können es für ein weniger störendes Erlebnis nach einer bestimmten Zeit erneut anzeigen oder es für wiederkehrende Besucher ganz ausblenden.
Du kannst zwischen den folgenden Zeitabständen wählen:
- Am nächsten Tag – wiederkehrende Besucher sehen das Pop-up nach 24 Stunden wieder
- In 1 Woche
- In 2 Wochen
- In 30 Tagen
- Nie – wiederkehrende Besucher werden das Pop-up nie ein zweites Mal sehen
Wir verwenden Cookies, um neue und wiederkehrende Besucher zu identifizieren. Wenn ein Besucher unser Cookie in seinem Browser hat, betrachtet deine Website ihn als wiederkehrenden Besucher. Wenn Ihre Besucher deren Cache leeren oder Ihre Website von einem neuen Browser aus besuchen, werden sie als neue Besucher betrachtet.
Nicht mehr anzeigen, nachdem der Newsletter abonniert wurde
Wenn du ein Newsletter-Pop-up verwendest, kannst du das Pop-up für Besucher, die sich bereits angemeldet haben, ausblenden, indem du Nicht mehr anzeigen, nachdem der Newsletter abonniert wurde aktivierst.
Tipp: Nur Abonnements über das Pop-up zählen zu dieser Regel. Wenn sich jemand über einen anderen Bereich deiner Website anmeldet, wie z. B. über einen Newsletter-Block oder an der Kasse, kann das Pop-up trotzdem erscheinen.
Auf Mobilgeräten ein- oder ausblenden
Um dein Pop-up Besuchern anzuzeigen, die ein Mobilgerät verwenden, aktiviere Auf Mobilgeräten anzeigen.
Für eine optimale Anzeige hat das Pop-up auf Mobilgeräten ein anderes Erscheinungsbild. Um es anzupassen, verwende die Stil-Anpassungen im Abschnitt Mobilgeräte des Stil-Panels. Wie sich dies auswirkt, kannst du mithilfe der Geräteansicht testen.
Ansichten zurücksetzen
Um das Pop-up allen Besuchern bei deren nächsten Besuch erneut anzuzeigen, auch wenn Ihre Einstellungen es sonst verhindern würden, klicken Sie auf den Button Zurücksetzen.
Dies ist hilfreich, wenn du das Pop-up geändert hast und möchtest, dass wiederkehrende Besucher das neue Design bei deren nächsten Besuch sehen. Nachdem deine Besucher den neuen Inhalt einmal gesehen haben, gilt wieder die eingestellte Frequenzregel für das Pop-up.
Bildeinstellungen
Klicke in den Bildeinstellungen auf das Feld „Bild-Upload“ und dann auf Bild hochladen. Du kannst auch ein Bild wiederverwenden, das du bereits zu deiner Website hinzugefügt hast, oder ein Agenturbild verwenden. Um eine einfarbige Hintergrundfarbe anstelle eines Bildes zu verwenden, lasse das Bild-Menü leer und wähle im Stil-Menü eine Hintergrundfarbe aus.
Denk daran:
- Es werden nur .jpg-, .png- oder .gif- Dateien unterstützt.
- Stelle sicher, dass du deine Bilder ordnungsgemäß formatierst, bevor du sie hochlädst.
- Lies die Best Practices für Agenturbilder, falls du sie verwendest.
- Wenn du mehrere Bilder hochlädst, wird eine Slideshow erstellt. Es ist in einer Slideshow nicht möglich, Navigationssteuerelemente hinzuzufügen oder die Übergangsgeschwindigkeit festzulegen.
- Um mehr Kontrolle über Bildabmessungen zu erhalten, aktiviere die Anpassungen für Erweitertes Overlay-Layout unter Overlay-Design im Menü Stil.
Beispiel-Pop-ups
Klicke auf die Tabs, um mögliche Einstellungen für gängige Werbe-Pop-ups zu überprüfen. Du kannst alle Template- und Stil-Einstellungen verwenden, um diese Pop-ups zu erstellen, aber nur Templates, die Bilder enthalten, können Bilder unterstützen.
Einstellung | Beispiel |
Aktionen | Schaltfläche |
Schaltflächentext | „Nutze den Ausverkauf“ |
Button-Link | Die Sale-Kategorie |
Inhalt |
Überschriftentext: „10 % Rabatt auf Bademode“ Textkörper: „Bei Bestellungen" über 50 $“ |
Darstellung & Timing |
Pop-up anzeigen auf: Beliebige erste Seite Timing: Nach 5 Sekunden auf dem Timer anzeigen Häufigkeit: Am nächsten Tag |
Einstellung | Beispiel |
Aktionen | Schaltfläche |
Schaltflächentext | „Ja“ |
Button-Link | Deine Startseite |
Inhalt |
Überschriftentext: „Du musst über 21 Jahre alt sein, um diese Website besuchen zu können“ Textkörper: „Bist du über 21?“ |
Darstellung & Timing |
Pop-up anzeigen auf: Beliebige erste Seite Timing: Auf einem Timer und beim Scrollen anzeigen, nach 5 Sekunden und nachdem 25 % nach unten gescrollt wurde Häufigkeit: Am nächsten Tag |
Einstellung | Beispiel |
Aktionen |
Anmeldung für einen Newsletter Platzhaltertext für E-Mail-Feld: „E-Mail-Adresse“ Label für „Senden“-Button: „Registrieren“ |
Inhalt |
Überschriftentext: „Sichere dir 10 % Rabatt“ Textkörper: „Registriere dich, um 10 % Rabatt auf deinen ersten Einkauf im Wert von 50 $ oder mehr zu erhalten“ |
Speicher | Squarespace-E-Mail-Marketing |
Nach dem Senden | „Danke!“ |
Darstellung & Timing |
Pop-up anzeigen auf: Beliebige erste Seite Timing: Beim Scrollen anzeigen, nach 25 % Häufigkeit: Am nächsten Tag |
Interaktionen mit Werbe-Pop-ups verfolgen
Verwende die Option Formular- & Button-Conversions, um einen Einblick zu erhalten, wie Besucher mit deinen Werbe-Pop-ups interagieren. So hast du die Conversion-Rate stets im Blick und kannst die Anzahl der Aufrufe eines Pop-ups mit der Anzahl der Übermittlungen oder Klicks vergleichen.
Werbe-Pop-ups auf Mobilgeräten
Werbe-Pop-ups funktionieren auf Mobilgeräten, werden aber anders angezeigt als auf Computern:
- Das Pop-up füllt den halben Bildschirm aus
- Hintergrundbilder werden nicht angezeigt
- Bei Layouts, die Text auf Computern zentrieren, wird der Text auf Mobilgeräten immer linksbündig ausgerichtet, damit das X-Symbol sichtbar ist
Du kannst spezifische Stile für Mobilgeräte im Menü Stil festlegen oder mobile Pop-ups im Menü Darstellung und Timing deaktivieren.
Pop-ups und SEO
Die Verwendung von Werbe-Pop-ups kann sich negativ auf das Ranking Ihrer Website in Suchmaschinen auswirken. Wenn Sie sich Sorgen um die SEO machen, empfehlen wir Ihnen, ein Pop-up-Layout zu wählen, das nur einen Teil eines Computerbildschirms abdeckt.
Es ist besonders wichtig, sicherzustellen, dass Pop-ups den Zugriff auf Ihre Webinhalte auf Mobilgeräten nicht einschränken. Andernfalls kann Google Ihre Website bei den Suchergebnissen für Mobilgeräte nicht hoch einordnen. Um dieses Problem zu vermeiden, füllen alle Werbe-Pop-ups nur die Hälfte der Seite auf Mobilgeräten aus. Sie können Pop-ups auch deaktivieren, auf Mobilgeräten insgesamt.
Hinweis: SEO-Strategie fällt außerhalb des Bereichs des Squarespace Support. Wir bieten SEO-freundliche Funktionen und eine vollständige SEO-Checkliste, um Ihre Website für Suchmaschinen und Besucher zu optimieren, aber wir sind nicht in der Lage, spezifische Ratschläge zum Ranking der Website zu geben.
Fehlerbehebung
Das Pop-up erscheint immer wieder, nachdem es geschlossen wurde
Wenn Ihre Besucher das Pop-up während derselben Browsersitzung erneut sehen, besuchen diese Ihre Website möglicherweise in einem privaten oder Inkognito-Fenster. Private Fenster erkennen keine einzelnen Besuche, was bedeutet, dass das Pop-up jedes Mal den festgelegten Zeit- und Frequenzregeln folgt, wenn die Besucher die Seite aktualisieren oder eine neue Seite Ihrer Website aufrufen.
Das Pop-up zeigt eine Bildlaufleiste an
Bei zu viel Text wird eine Bildlaufleiste hinzugefügt, die auf Mobilgeräten zu Darstellungsproblemen führen kann. Versuche, die Überschrift auf einen Satz und den Textkörper auf drei Sätze zu beschränken.
Das Pop-up wird langsam geladen
Das Hochladen zu vieler hochauflösender Bilder kann sich auf die Ladezeit Ihres Pop-ups auswirken.
Beschränkungen
- Du kannst immer nur ein Pop-up auf einmal aktivieren. Füge eine Mitteilungsleiste hinzu, um eine andere Mitteilung auf deiner Website einzublenden.
- Pop-ups unterstützen keinen benutzerdefinierten Code.
- Werbe-Pop-ups werden nur angezeigt, wenn ein Besucher auf einer Seite landet. Es ist nicht möglich, ein Pop-up festzulegen, das angezeigt wird, wenn jemand deine Website verlässt.
- Du kannst keine Videodateien in ein Pop-up hochladen. Um den Effekt eines Videos zu simulieren, empfehlen wir die Verwendung einer animierten GIF-Datei.