Ein Werbe-Pop-up erstellen

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.

Zuletzt aktualisiert: 29. Januar 2025

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: 

So erlangst du Zugriff auf diese Funktion

Werbe-Pop-ups sind in den Abos Core, Plus, Advanced, Business, E-Commerce Basis-Abo und Erweitertes E-Commerce-Abo verfügbar. Weitere Informationen findest du unter Das richtige Squarespace-Abonnement wählen.Um sie 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:

  1. Öffne das Menü „Werbe-Pop-up“.
  2. Wähle ein Layout für das Werbe-Pop-up aus. 
  3. 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.
  4. 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.

Befolge diese Schritte, um die Einstellungen anzuwenden.

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.

Folge diesen Schritten, um die Einstellungen anzuwenden.

Bild

Füge ein Bild zum Pop-up hinzu, falls das von dir gewählte Layout eines unterstützt. 

Befolge diese Schritte, um ein Bild hochzuladen.

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. 

  1. Wähle in den Aktionseinstellungen die Option Einen Button anklicken.
  2. Fügen Sie im ersten Feld ein Button-Label hinzu. Dieses wird zum Text für den Button.
  3. Füge einen Link für den Button im URL-Feld hinzu oder klicke für weitere Link-Optionen auf „das.
  4. 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 einer Mitglieder-Website oder auf Index-Unterseiten einrichten.
  • Wenn Sie mehrere Seiten auswählen, gelten die von Ihnen unten festgelegten Regeln für diese Seiten.
  • Selbst wenn du mehrere Seiten für das Pop-up auswählst, wird das Pop-up nur auf derjenigen deiner ausgewählten Seiten angezeigt, auf der der Besucher zuerst landet. 

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. 

sale promotional popup.png
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

 

age restriction promotional popup.png
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

 

newsletter promotional popup.png
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
  • Bilder 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 deine Webinhalte auf Mobilgeräten nicht einschränken. Andernfalls kann Google deine 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. Du kannst Pop-ups auch auf Mobilgeräten insgesamt deaktivieren.

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.
Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.