So fügen Sie 2026 ein Pop-up zu Squarespace hinzu

Last Updated on Februar 9, 2026 by Himanshu Rawat

Das Hinzufügen eines Pop-ups zu Ihrer Squarespace-Website ist eine der einfachsten Möglichkeiten, E-Mail-Adressen zu erfassen, Angebote zu bewerben und Besucher zu wichtigen Aktionen zu führen. Squarespace bietet eine integrierte Funktion für Werbe-Pop-ups, sodass Sie keine zusätzlichen Plugins oder Programmierkenntnisse benötigen.

Diese Schritt-für-Schritt-Anleitung erklärt Ihnen, wie Sie Pop-ups in Squarespace erstellen, wann Sie diese einsetzen und wie Sie die Conversion-Rate verbessern können, insbesondere für Online-Shops.

Was ist ein Squarespace-Pop-up?

Ein Squarespace-Pop-up ist ein kleines Fenster, das über dem Inhalt Ihrer Website erscheint, um eine Nachricht hervorzuheben oder Besucherinformationen zu erfassen. Es wurde entwickelt, um schnell Aufmerksamkeit zu erregen, ohne dass Nutzer die Seite verlassen müssen. Dadurch ist es ein nützliches Werkzeug zur Steigerung von Interaktion und Konversionen. Squarespace bietet integrierte Werbe-Pop-up-Funktionen, die sich einfach anpassen, zeitlich steuern und gezielt an bestimmte Besucher richten lassen.

Warum Pop-ups in Squarespace einbinden?

Pop-ups gehören zu den effektivsten Conversion-Tools für Online-Shops und Dienstleistungswebseiten.

Wichtigste Vorteile:

Gewinnen Sie E-Mail-Abonnenten, bevor Besucher die Seite verlassen.
Bewerben Sie Blitzverkäufe oder Produkteinführungen, um Warenkorbabbrüche zu reduzieren. Fast 72 % der Käufer verlassen die Seite, ohne etwas zu kaufen; Exit-Intent-Trigger können etwa 17–20 % davon zurückgewinnen.
Reduzieren Sie Warenkorbabbrüche mit Exit-Intent-Angeboten.
Steigern Sie Ihre Conversion-Rate im Vergleich zu statischen Bannern.

Gut getimte Pop-ups können die Conversion-Rate deutlich verbessern, insbesondere wenn sie nach einigen Sekunden oder einem Teil des Scrollens anstatt sofort erscheinen.

So fügen Sie ein Werbe-Pop-up in Squarespace hinzu

Squarespace verfügt über ein integriertes Werbe-Pop-up-Tool, das keine Programmierkenntnisse erfordert und ab dem Business-Tarif funktioniert.

Schritt 1: Einstellungen für Werbe-Pop-ups öffnen

So erstellen Sie ein Pop-up in Squarespace:

Melden Sie sich in Ihrem Squarespace-Konto an.
Öffnen Sie die Website, die Sie bearbeiten möchten.

Gehen Sie zu Marketing → Werbe-Pop-ups.
Klicken Sie auf „Pop-up bearbeiten“, um mit der Anpassung zu beginnen.

Dieses integrierte Tool funktioniert sowohl in Squarespace 7.0 als auch in 7.1.

Schritt 2: Wählen Sie das Pop-up-Layout

Squarespace bietet verschiedene Pop-up-Stile an, darunter:

Newsletter-Anmeldeformular
Button-basierte Handlungsaufforderung
Werbebotschaft mit Bild

Wählen Sie das Layout, das am besten zu Ihrem Ziel passt. Verwenden Sie beispielsweise ein Newsletter-Layout, um E-Mail-Adressen zu sammeln, oder ein Button-Layout, um Nutzer auf eine Verkaufsseite weiterzuleiten.

Schritt 3: Inhalt und Design anpassen

Sie können den Text und das Aussehen des Pop-ups vollständig bearbeiten:

Textinhalt

Fügen Sie eine aussagekräftige Überschrift hinzu, die den Vorteil erklärt.
Verfassen Sie eine kurze Beschreibung in einfacher Sprache.
Fügen Sie einen überzeugenden Handlungsaufruf wie „Abonnieren“, „Rabatt sichern“ oder „Mehr erfahren“ ein.

Designeinstellungen

Laden Sie optional ein Bild oder einen Hintergrund hoch.
Passen Sie Farben und Schriftarten an Ihr Branding an.
Wählen Sie den Button-Stil und die Ausrichtung.

Achten Sie auf ein klares Design, damit Besucher die Botschaft schnell erfassen können.

Schritt 4: Anzeigeregeln und Timing festlegen

Mit Squarespace können Sie genau steuern, wann und wie Ihr Pop-up erscheint, und so ein optimales Gleichgewicht zwischen Sichtbarkeit und reibungsloser Benutzererfahrung schaffen.

Sie haben folgende Möglichkeiten:

Das Pop-up wird nach einigen Sekunden angezeigt, damit Besucher Zeit haben, sich mit Ihren Inhalten auseinanderzusetzen, bevor die Nachricht erscheint.
Es wird nach einem bestimmten Scroll-Prozentsatz ausgelöst, um Nutzer anzusprechen, die bereits Interesse haben und mit höherer Wahrscheinlichkeit konvertieren.
Es wird nur einmal pro Besucher angezeigt, um Wiederholungen zu vermeiden und Frustration zu reduzieren.
Bei Bedarf wird es auf kleinen Bildschirmen ausgeblendet, damit mobile Nutzer nicht überfordert werden und Ihr Design übersichtlich bleibt.

Durch intelligentes Timing wirkt Ihr Pop-up hilfreich und nicht aufdringlich. Im richtigen Moment angezeigt, können Pop-ups E-Mail-Anmeldungen generieren, Angebote bewerben oder Besucher zu wichtigen Seiten führen, ohne deren Surfverhalten zu unterbrechen.

Schritt 5: E-Mail- oder Marketing-Tools verbinden

Wenn Ihr Pop-up dazu dient, E-Mail-Adressen zu sammeln, ist es wichtig, es mit einem Marketing- oder Speichertool zu verbinden, damit jede Eingabe automatisch erfasst und organisiert wird.

Sie können Ihr Pop-up-Formular mit Folgendem verknüpfen:

Squarespace-E-Mail-Kampagnen ermöglichen Ihnen das Speichern von Abonnenten, den Versand von Newslettern und die Erstellung automatisierter E-Mail-Sequenzen direkt über Ihr Squarespace-Dashboard.
Mailchimp oder andere unterstützte Integrationen bieten Ihnen Zugriff auf erweiterte Zielgruppensegmentierung, Automatisierung und detaillierte Kampagnenanalysen.
Google Drive-Tabellenspeicherung ist eine einfache Möglichkeit, eine Echtzeitliste neuer Kontakte zu führen, die Sie später einsehen, herunterladen oder in andere Tools importieren können.

Durch die Anbindung Ihres Pop-ups an den richtigen Dienst verpassen Sie keinen potenziellen Kunden und können neue Abonnenten sofort mit Willkommens-E-Mails, Aktionen oder Updates ansprechen.

Schritt 6: Pop-up speichern und testen

Bevor Sie Ihr Pop-up veröffentlichen, nehmen Sie sich einen Moment Zeit, um alles sorgfältig zu überprüfen und zu testen und sicherzustellen, dass es wie erwartet funktioniert.

Klicken Sie auf „Speichern“, um alle Design-, Zeit- und Anzeigeeinstellungen zu übernehmen.

Überprüfen Sie Ihre Website in der Vorschau auf Desktop- und Mobilgeräten, um sicherzustellen, dass das Pop-up auf verschiedenen Bildschirmgrößen übersichtlich, gut lesbar und korrekt positioniert ist.
Prüfen Sie Timing, Layout und Formularübermittlung, damit das Pop-up zum richtigen Zeitpunkt erscheint und Besucher ihre Daten problemlos übermitteln können.
Stellen Sie sicher, dass die erfassten E-Mail-Adressen korrekt in Ihrem E-Mail-Marketing-Tool oder Ihrer Tabelle gespeichert werden, damit keine potenziellen Leads verloren gehen.

Gründliche Tests helfen Ihnen, kleinere Probleme frühzeitig zu erkennen und einen reibungslosen Ablauf Ihres Pop-ups, ein professionelles Nutzererlebnis und die Gewinnung jedes wertvollen Abonnenten zu gewährleisten.

Alternative: Lightbox-Formular in Squarespace

Wenn Sie ein Pop-up bevorzugen, das per Knopfdruck ausgelöst wird, anstatt eines automatisch erscheinenden, können Sie eine Formularblock-Lightbox verwenden. So können Besucher selbst bestimmen, wann sich das Pop-up öffnet, was eine weniger aufdringliche und gezieltere Interaktion ermöglicht.

So erstellen Sie ein Lightbox-Formular:

Fügen Sie einen Formularblock auf der Seite hinzu, auf der der Call-to-Action erscheinen soll.
Öffnen Sie den Tab „Design“ in den Formulareinstellungen.
Aktivieren Sie die Lightbox-Option. Dadurch wird das Formular in ein Pop-up umgewandelt, das sich beim Klicken auf den Button öffnet.
Passen Sie den Button-Text so an, dass der Vorteil – z. B. Abonnieren, Herunterladen oder Einlösen eines Angebots – klar kommuniziert wird.

Diese Methode eignet sich besonders gut für seitenbezogene Call-to-Actions, wie z. B.:

„Jetzt abonnieren“
„Gutschein sichern“
„Kostenlosen Leitfaden herunterladen“

Da der Besucher den Button selbst anklickt, wirken Lightbox-Formulare oft benutzerfreundlicher und weniger aufdringlich als automatische Pop-ups. Im Gegensatz zu Werbe-Pop-ups unterstützen Lightbox-Formulare jedoch keine seitenweite Zeitsteuerung oder Verhaltensauslöser. Daher eignen sie sich am besten für gezielte Seiten und nicht für globale Ankündigungen.

Erweiterte Pop-ups mit Drittanbieter-Tools

Für Funktionen, die über die integrierten Pop-ups von Squarespace hinausgehen, wie Exit-Intent-Pop-ups, erweitertes Targeting oder A/B-Testing, können Sie Widgets von Drittanbietern wie Elfsight verwenden. Diese Tools helfen Ihnen, Leads zu generieren, Angebote zu bewerben und Nachrichten basierend auf dem Besucherverhalten anzuzeigen.

Installationsmethoden

Code-Einbindung (seitenweit)
Einstellungen → Benutzerdefinierter Code → Fußzeile → Widget-Skript einfügen → Speichern.
Codeblock (einzelne Seite)
Seite bearbeiten → Abschnitt hinzufügen → Codeblock einfügen → Skript einfügen.

Das erhalten Sie: Trigger wie Scrollen, zeitverzögerte Aktionen, Klicks oder Seitenausstiege

Integrationen für E-Mail-Marketing (z. B. Mailchimp, Klaviyo)
Vorgefertigte, anpassbare Vorlagen
Grundlegende Analysen und schnelle Einrichtung in wenigen Minuten

Mit diesem Ansatz haben Sie mehr Kontrolle über Engagement und Conversions – ganz ohne komplizierte Konfiguration.

Häufige Probleme mit Squarespace-Pop-ups und deren Behebung

1. Pop-up wird nicht angezeigt

Überprüfen Sie die Anzeigeeinstellungen (Zeitpunkt, Auslöser, Zielgruppe), um sicherzustellen, dass das Pop-up aktiv ist.
Leeren Sie Ihren Browser-Cache oder öffnen Sie die Website in einem privaten/Inkognito-Fenster, um auszuschließen, dass zwischengespeicherte Daten oder Erweiterungen die Anzeige blockieren.

2. E-Mails werden nicht gespeichert

Stellen Sie die Verbindung zu Ihrer E-Mail-Marketing-Integration neu oder aktualisieren Sie sie, um die Verbindung wiederherzustellen.
Überprüfen Sie, ob Formulareingaben korrekt in Squarespace oder Ihrer verbundenen E-Mail-Plattform gespeichert werden.

4. Sieht auf Mobilgeräten falsch aus.

Passen Sie Abstände, Schriftgrößen und Layout an, um die Darstellung auf kleineren Bildschirmen zu verbessern.
Verbergen Sie große Bilder oder vereinfachen Sie das Design, damit das Pop-up auf Mobilgeräten übersichtlich, lesbar und leicht zu schließen bleibt.

Fazit

Pop-ups auf Squarespace sind eine einfache und dennoch wirkungsvolle Methode, Ihre E-Mail-Liste zu erweitern, Sonderangebote zu bewerben und Besucher zu relevanten Aktionen zu führen. Dank der integrierten Werbe-Pop-ups und Lightbox-Formulare von Squarespace erstellen Sie effektive Pop-ups ohne Programmierkenntnisse und behalten dabei die volle Kontrolle über Timing, Design und Targeting.

Durchdacht eingesetzt mit klaren Botschaften, ansprechendem Design und intelligentem Anzeigezeitpunkt verbessern Pop-ups das Besuchererlebnis, anstatt es zu stören. Ob Online-Shop oder Service-Website: Ein gut optimiertes Pop-up kann die Interaktion deutlich steigern, verlorene Besucher zurückgewinnen und die Conversion-Rate erhöhen. Es ist daher neben anderen bewährten Methoden eine unverzichtbare Strategie zur Bewerbung Ihres Squarespace-Shops.

Häufig gestellte Fragen

1. Sind Pop-ups in allen Squarespace-Tarifen verfügbar?

Werbe-Pop-ups sind ab dem Business-Tarif verfügbar. Für Privatkunden-Tarife sind möglicherweise alternative Methoden wie Lightbox-Formulare oder Tools von Drittanbietern erforderlich.

2. Kann ich auf verschiedenen Seiten unterschiedliche Pop-ups anzeigen?

Das integrierte Werbe-Pop-up von Squarespace wird in der Regel seitenweit angezeigt. Sie können jedoch seitenbezogene Lightbox-Formulare erstellen oder Pop-up-Tools von Drittanbietern für ein erweitertes Targeting verwenden.

3. Funktionieren Squarespace-Pop-ups auf Mobilgeräten?

Ja, Pop-ups können auf Mobilgeräten angezeigt werden. Es ist jedoch wichtig, Abstände, Schriftgröße und Layout zu optimieren, damit sie gut lesbar und leicht zu schließen sind.

4. Wie kann ich E-Mail-Adressen aus einem Pop-up erfassen und speichern?

Sie können das Pop-up-Formular mit Squarespace Email Campaigns, Mailchimp oder Google Drive verbinden. So stellen Sie sicher, dass alle Eingaben gespeichert und für das Follow-up-Marketing bereit sind.

5. Verlangsamen Pop-ups meine Squarespace-Website?

Die nativen Squarespace-Pop-ups haben nur minimale Auswirkungen auf die Leistung. Die Verwendung zu vieler Drittanbieter-Skripte kann die Ladezeit jedoch leicht beeinträchtigen. Gehen Sie daher mit externen Tools vorsichtig um.