Pop-ups

Was sind Pop-ups?

Ein Pop-up ist ein Overlay, das eine Storefront über dem Seiteninhalt einblendet, um Aufmerksamkeit auf eine einzelne Botschaft zu bündeln. Typische Auslöser sind eine Zeitverzögerung, die Scrolltiefe, die Anzahl der besuchten Seiten, ein Exit-Signal des Mauszeigers oder ein Klick auf ein dafür vorgesehenes Element. Häufige Inhalte sind Newsletter-Formulare, Rabattcodes für die Erstbestellung, Hinweise zu Versand und Lieferzeit oder kurze Umfragen zur Kaufabsicht. Pop-ups erscheinen auf Startseiten, Kategorieseiten, Produktseiten und im Warenkorb und werden in der Regel clientseitig gerendert, nachdem die eigentliche Seite vollständig geladen ist.

Definition

Der Begriff umfasst mehrere Formate mit unterschiedlicher Eingriffstiefe: modale Overlays, die jede Interaktion bis zum Schließen blockieren, Slide-ins an einer Bildschirmecke sowie eingebettete oder fixierte Banner, die keinen Inhalt verdecken. Frequenzbegrenzung, Segmentregeln und Unterdrückung nach erfolgter Conversion unterscheiden ein kontrolliertes Pop-up-Programm von wahlloser Unterbrechung. Nicht jedes Overlay ist ein Pop-up im engeren Sinn, und die Grenze zu fest eingebundenen Bannern verläuft fließend. Es gelten zudem rechtliche und technische Rahmenbedingungen. Die Einwilligung in Werbe-E-Mails muss nach DSGVO ausdrücklich eingeholt und dokumentiert werden, Interstitials, die auf Mobilgeräten Inhalt verdecken, können die Sichtbarkeit in der Suche mindern, und jedes Overlay braucht ein per Tastatur und Screenreader erreichbares Schließen-Element.

Warum es zählt

In einer Composable-Storefront gehört das Overlay zur Präsentationsschicht und bleibt vom Seiten-Rendering entkoppelt. Targeting-Regeln, Kampagnendefinitionen und Kreativinhalte liegen in einem Headless-CMS oder einem Kampagnendienst und erreichen das Frontend über eine API, während die Storefront am Edge oder im Client auflöst, welche Regel für die aktuelle Session gilt. Wird das Overlay-Bundle erst nach dem ersten Rendern nachgeladen, bleiben Largest Contentful Paint und Cumulative Layout Shift der Seite unberührt. Anzeigestatus, Frequenzzähler und Consent-Status gehören in einen gemeinsamen Client-Store, damit alle Kanäle und Kampagnen dieselben Regeln lesen.

Anwendungsfälle

Auf Landingpages sammelt ein Einstiegs-Overlay Adressen für eine Willkommensstrecke. Auf Kategorieseiten kann ein verzögertes Overlay eine saisonale Auswahl bewerben, sobald Browsing-Absicht erkennbar ist. Auf Produktdetailseiten funktionieren Größenberater oder Benachrichtigungsformulare als Overlay besser als auf einer eigenen Seite, weil der Kontext des Artikels erhalten bleibt. Im Warenkorb kann ein Exit-Signal an die Versandkostengrenze erinnern, statt sofort einen Rabatt auszuspielen. Nach dem Kauf lädt ein Overlay zur Produktbewertung oder zur Installation der App ein. B2B-Storefronts nutzen Overlays außerdem für die Länderauswahl, den Zugang zu Preislisten und für Kontoanfragen aus dem laufenden Katalog heraus.

Verwandt

Mehr dazu: Exit Intent · Email Marketing.

Frontend Insights

SEO / GEO / AEO Ready
Performance & Core Web Vitals
WCAG 3.0 Ready
Tracking & Analytics
Brand Consistency