Exit Intent Pop-ups in Shopify, die konvertieren (2026)

Wichtigste Erkenntnisse

• Ein Exit Intent Shopify Popup wird ausgelöst, sobald ein Käufer Anstalten macht, die Seite zu verlassen. Es gibt dir eine letzte Chance, eine E-Mail-Adresse einzusammeln oder einen Rabatt anzubieten.
• Auf dem Desktop feuert es, wenn der Cursor schnell in Richtung Browserleiste (Browser-Chrome) wandert. Auf Mobile gibt es kein echtes Mouseout, deshalb weicht man auf den Zurück-Button, ein schnelles Hochscrollen oder ein Timeout aus.
• Der Aufbau ist schlank: ein Mouseout-Detektor, ein Modal und ein Frequency Capping im localStorage, damit es nur einmal pro Session auslöst und nach dem Wegklicken auch weg bleibt.
• Googles Richtlinien zu aufdringlichen Interstitials richten sich primär gegen Pop-ups, die Inhalte beim Einstieg über die mobile Suche blockieren. Ein Exit Popup, das erst beim Verlassen feuert, hat generell ein geringeres Risiko, aber die Design-Regeln sind trotzdem wichtig.
• Fudge baut das Popup als nativen Theme-Code mit sauberen Triggern und Capping, sodass du auf eine schwerfällige Drittanbieter-App verzichten kannst.

Ein Exit Intent Shopify Popup ist ein Pop-up, das erscheint, wenn ein Besucher signalisiert, dass er die Seite verlassen will. Es ist eine der wenigen Möglichkeiten, einen Käufer genau in dem Moment anzusprechen, in dem er im Begriff ist zu gehen – bevor sich der Tab schließt und die Session endgültig vorbei ist.

Dieser Guide behandelt, was Exit Intent ist, das CRO-Argument dafür, wie man es auf Desktop und Mobile nativ einbaut, und die Google-Penalty-Regeln, die du beachten musst, damit das Popup Conversions bringt, ohne deinen Rankings zu schaden.

Warum du uns vertrauen kannst

Wir arbeiten seit über vier Jahren im Shopify-Umfeld und haben Hunderten von Brands geholfen, ihre Storefronts zu optimieren. Wir entwickeln Fudge, einen KI-Storefront-Editor mit einer 5.0-Bewertung im Shopify App Store. Wir arbeiten also auf derselben Theme-Ebene, auf der auch ein Popup lebt, und sehen genau, was kaputtgeht, wenn es schlecht umgesetzt wird.

Was ist ein Exit Intent Pop-up?

Ein Exit Intent Popup ist ein Modal, das inaktiv bleibt, bis der Besucher eine Absicht zeigt, die Seite zu verlassen. Es ist ein Verhaltens-Trigger, kein Timer, der sofort nach dem Landen auf der Seite abläuft.

Auf dem Desktop wird die “Absicht zu gehen” an der Maus abgelesen. Wenn der Cursor sich nach oben aus dem Viewport heraus in Richtung Adressleiste, Zurück-Button oder einem anderen Tab bewegt, löst der Browser ein mouseout- oder mouseleave-Event aus, während sich der Zeiger über der Seite befindet. Dieser Exit nach oben ist das klassische Exit-Intent-Signal.¹

Der Inhalt ist meist ein einzelnes, fokussiertes Angebot: ein Rabattcode für die erste Bestellung, eine Newsletter-Anmeldung oder eine Erinnerung an Artikel, die noch im Warenkorb liegen.

Der CRO-Aspekt

Der wahre Wert liegt im Timing. Ein normales Popup unterbricht einen Käufer, der sich noch umsieht. Ein Exit Popup unterbricht niemanden, da es erst erscheint, wenn der Besucher sich bereits entschieden hat zu gehen.

Das macht es zu einer kostengünstigen Rückgewinnungsmaßnahme (Recovery Layer). Ein Besucher, der eigentlich ohne etwas zu kaufen gehen wollte, hinterlässt stattdessen eine E-Mail-Adresse oder überdenkt seine Entscheidung wegen eines Rabatts. Du stiehlst einem engagierten Käufer nicht die Aufmerksamkeit, du fängst ihn ab, wenn er quasi schon zur Tür draußen ist.

Exit Intent ist eine Taktik innerhalb einer umfassenderen Conversion-Strategie. Für das Gesamtbild, schau dir unseren Shopify CRO Guide an. Wenn es speziell um das Einsammeln von E-Mails geht, lies nach, wie man ein E-Mail-Pop-up in Shopify hinzufügt.

So baust du ein Exit Intent Pop-up in Shopify

Du brauchst dafür keine separate App. Ein nativer Build besteht aus drei Teilen: dem Exit-Detektor, dem Modal und dem Frequency Cap, das verhindert, dass es nervig wird.

1. Exit auf dem Desktop erkennen

Das zuverlässigste Desktop-Signal ist, wenn der Cursor den oberen Rand des Dokuments verlässt. Lausche auf mouseleave auf dem Dokument und prüfe, ob der Zeiger sich am oder über dem oberen Rand des Viewports befindet.

document.addEventListener("mouseleave", (event) => {
  // clientY <= 0 bedeutet, dass der Cursor den oberen Rand überschritten hat
  if (event.clientY <= 0) {
    showExitPopup();
  }
});

Die Prüfung auf clientY <= 0 ist wichtig. Ohne sie würde das Popup jedes Mal ausgelöst, wenn der Cursor die Seite in irgendeine Richtung verlässt, auch nach unten zur Taskleiste – was kein Exit-Signal ist.

2. Das Mobile-Problem lösen

Smartphones haben keinen Cursor, also gibt es kein echtes Mouseout, das man abfangen könnte. Ein Desktop Exit Intent Script bewirkt auf dem Handy nichts, und der meiste Shopify-Traffic ist mobil.

Die ehrliche Antwort ist: Mobile Exit Intent ist immer nur eine Annäherung. Du wählst stattdessen ein Proxy-Signal (Ersatz-Signal):

Nichts davon ist so sauber wie das Desktop-Signal. Der Zurück-Button-Ansatz kommt einer echten Absicht noch am nächsten, aber gehe vorsichtig damit um: Sperre den Käufer niemals komplett auf der Seite ein und sorge dafür, dass die normale Zurück-Aktion des Browsers weiterhin funktioniert.

3. Frequency Capping, damit es nur einmal feuert

Ein Exit Popup, das auf jeder Seite und in jeder Session wieder auftaucht, sorgt schnell für einen Bounce. Speichere ein Flag (Kennzeichen), damit es nur einmal ausgelöst wird und ein Wegklicken respektiert.

const SEEN_KEY = "exit_popup_seen";

function showExitPopup() {
  // Wurde in dieser Session schon gezeigt oder geschlossen, mache nichts
  if (localStorage.getItem(SEEN_KEY)) return;

  openModal();
  localStorage.setItem(SEEN_KEY, "1");
}

Nutze localStorage für ein Capping, das über mehrere Besuche hinweg bestehen bleibt, oder sessionStorage, wenn du es nur für die aktuelle Session unterdrücken willst. Wenn der Käufer das Popup schließt oder konvertiert, verhindert dasselbe Flag, dass es zurückkehrt.

Die Regel ist simpel: Respektiere das Schließen. Wenn jemand das Popup wegklickt, hat er geantwortet. Frage beim nächsten Seitenaufruf nicht gleich wieder.

Schädigen Exit Intent Pop-ups das SEO?

Das ist der Teil, den die meisten Guides falsch verstehen. Hier ist die genaue Erklärung.

Google hat Richtlinien zu aufdringlichen Interstitials veröffentlicht, die den Zugang zu Inhalten erschweren. Das betrifft vor allem Seiten, bei denen der Content über die mobile Suche aufgerufen wird und bei denen ein Pop-up den Hauptinhalt direkt beim Laden oder kurz danach blockiert.²

Was die Richtlinie als Problem einstuft:

• Ein Pop-up, das den Hauptinhalt verdeckt, sobald der Besucher von einem Suchergebnis kommt.
• Ein eigenständiges Interstitial, das der Nutzer erst wegklicken muss, bevor er etwas lesen kann.
• Ein Layout, bei dem der “Above-the-fold”-Bereich (der sofort sichtbare Teil) mehr aus dem Interstitial als aus dem eigentlichen Inhalt besteht.

Was Google allgemein als risikoärmer einstuft:

• Interstitials, die gesetzlich vorgeschrieben sind, wie z. B. Cookie-Einwilligungen oder Altersverifizierungen.
• Login-Dialoge für Inhalte, die nicht öffentlich indexiert werden sollen.
• Banner, die ein angemessenes Maß an Platz einnehmen und leicht zu schließen sind.

Ein Exit Intent Popup ist hier auf der sichereren Seite, da es ausgelöst wird, wenn der Nutzer die Seite verlässt, und nicht, wenn er über die Suche ankommt. Es blockiert den Inhalt beim Einstieg nicht – und genau darauf zielt die Richtlinie ab.

Betrachte dies als Best-Practice-Designrichtlinie und nicht als garantierte Ranking-Strafe. Es gibt keinen offiziell veröffentlichten Prozentsatz für eine Abstrafung, und du solltest jedem Guide gegenüber skeptisch sein, der einen erfindet. Baue das Popup so, dass es beim Exit feuert, mach es leicht schließbar, und du bleibst absolut im Rahmen der Regeln.

Design- und UX-Regeln für Exit Pop-ups

Ein Popup, das konvertiert, und ein Popup, das nervt, unterscheiden sich nur durch ein paar Details.

• Niemals beim Einstieg feuern. Der ganze Sinn besteht darin, dass es bei einem Exit Intent auslöst, und nicht durch einen Timer in der Sekunde, in der die Seite geladen wird.
• Mach das Schließen offensichtlich. Ein klarer Schließen-Button, ein Klick auf den Hintergrund (Backdrop) und die Escape-Taste sollten es alle schließen können. Ein eingesperrter Käufer ist ein verlorener Käufer.
• Fokus nur einfangen, solange es offen ist (Focus Trap). Ein Modal sollte den Tastaturfokus behalten, während es sichtbar ist, damit die Tab-Reihenfolge darin bleibt. Beim Schließen muss der Fokus auf die Seite zurückkehren. Dies ist der einzige Ort, an dem ein Focus Trap richtig ist, und er muss sich lösen, sobald das Popup schließt.
• Füge das richtige ARIA hinzu. Nutze role="dialog" mit aria-modal="true" und einem Label, damit Screenreader es als Dialog ansagen.
• Stapele keine Pop-ups. Wenn ein Cookie-Banner, ein Chat-Widget und ein Newsletter-Modal alle gleichzeitig feuern, hast du eine Wand aus Overlays. Prüfe, was bereits angezeigt wird, bevor du noch eines hinzufügst.

Wenn du das richtig machst, wirkt das Popup wie ein hilfreiches letztes Angebot und nicht wie ein Hindernis. Für eine auf Newsletter fokussierte Variante desselben Musters, sieh dir unseren Guide zum Shopify Newsletter Popup an.

App vs. Nativ: Der Kompromiss

Du kannst ein Exit Popup mit einer App in wenigen Klicks hinzufügen, und für einen nicht-technischen Shop ist das ein fairer Startpunkt. Die Kompromisse sind die altbekannten: eine monatliche Gebühr, zusätzliches JavaScript auf jeder Seite, ein Popup, das vielleicht nicht zu deinem Theme passt, und eine Abhängigkeit, die das Popup wieder mitnimmt, wenn du die App deinstallierst.

Nativer Code vermeidet alle vier Probleme. Der Haken ist, dass jemand den Detektor, das Modal, das Frequency Capping und die Barrierefreiheit (Accessibility) richtig programmieren muss. Genau diese Lücke füllt der nächste Abschnitt.

Wo Fudge ins Spiel kommt

Fudge ist ein KI-Storefront-Editor, der nativen Theme-Code schreibt. Du beschreibst das Popup einfach in Klartext: “Füge ein Exit Intent Popup hinzu, das 10% Rabatt anbietet, wenn ein Desktop-Besucher gehen will, mit einem Zurück-Button-Fallback auf Mobile, das nur einmal pro Session angezeigt wird.” Er schreibt das Liquid, CSS und JavaScript direkt in dein Theme.

Da der Output nativ ist, gibt es kein Third-Party-Widget, das über deinen Store gerendert wird, kein zusätzliches App-Script auf jeder Seite und keine monatlichen Popup-Gebühren. Das Frequency Capping und die Exit-Trigger sind integriert, sodass es einmal feuert und ein Schließen respektiert.

Und weil es Theme-Code ist, überlebt es eine Deinstallation. Wenn du Fudge kündigst, bleibt das Popup genau da, wo es ist – das Gegenteil von einem App-gerenderten Element, das verschwindet, wenn du die App entfernst. Das Gleiche gilt für alles andere, was du mit dem Shopify Store Editor baust.

FAQ