> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/mehrere-pop-ups-auf-einer-website-oder-funnel-seite-einsetzen.md).

# Mehrere Pop-ups auf einer Website- oder Funnel-Seite einsetzen

Erstelle mehrere Pop-ups auf einer Website- oder Funnel-Seite, steuere ihren Auslöser und teste die Anzeige auf allen wichtigen Geräten.

## Das Ergebnis

Auf einer einzelnen Seite kannst du mehrere voneinander unabhängige Pop-ups einrichten. Jedes Pop-up hat einen eigenen Inhalt, eine eigene Darstellung und einen eigenen Auslöser. So kann beispielsweise ein Hinweis nach einigen Sekunden erscheinen, während ein zweites Pop-up erst über eine Schaltfläche geöffnet wird.

Nutze Pop-ups sparsam. Sie sollen Besucher beim nächsten sinnvollen Schritt unterstützen, nicht den eigentlichen Seiteninhalt verdecken.

## Pop-up anlegen

1. Öffne unter **Websites und Leadgewinnung** die gewünschte Website oder den Funnel und starte den Seiteneditor.
2. Wähle in der oberen Leiste **Pop-up-Einstellungen**.
3. Klicke auf **Neues Pop-up erstellen** und vergib einen eindeutigen Namen, zum Beispiel „Termin-Hinweis“.
4. Öffne das Stift-Symbol neben dem neuen Eintrag.
5. Gestalte das Pop-up wie einen Seitenabschnitt: Du kannst Text, Bilder, Formulare, Schaltflächen, Videos oder einen Countdown einfügen.
6. Speichere die Seite.

Wiederhole diese Schritte für weitere Zwecke. Ein sprechender Name hilft, mehrere Pop-ups später sicher auseinanderzuhalten.

## Auslöser passend wählen

Öffne beim jeweiligen Pop-up den Bereich **Einstellungen** und wähle unter **Pop-up anzeigen bei** den passenden Auslöser:

* **Verzögerung:** Das Pop-up erscheint nach einer festgelegten Anzahl von Sekunden.
* **Verlassen:** Das Pop-up erscheint, wenn ein Desktop-Besucher die Seite vermutlich verlassen möchte.
* **Keine:** Das Pop-up öffnet sich nicht selbstständig. Diese Einstellung ist passend, wenn es ausschließlich über einen Klick geöffnet werden soll.

Bei einer Verzögerung trägst du die Anzahl der Sekunden ein. Die Exit-Erkennung beruht auf der Bewegung des Mauszeigers und funktioniert deshalb nicht auf Touchgeräten.

### Sichtbare Einstellungen bewusst prüfen

Neben dem Auslöser siehst du weitere Einstellungen, die die Nutzung deutlich verändern können:

* **Pop-up deaktivieren:** Nutze diese Option, wenn ein fertig gestaltetes Pop-up vorübergehend nicht erscheinen soll. Prüfe danach in der Vorschau, ob es wirklich ausgeblendet bleibt.
* **Beim Klick außerhalb schließen:** Lege fest, ob ein Klick auf die abgedunkelte Fläche neben dem Pop-up es schließt. Bei einem freiwilligen Hinweis ist das meist hilfreich; bei einem Pflichtschritt solltest du diese Entscheidung besonders bewusst treffen.
* **Überlagerung, Hintergrund und Breite:** Sie steuern, wie stark der Seiteninhalt in den Hintergrund tritt und wie viel Platz das Pop-up einnimmt. Prüfe besonders auf kleinen Bildschirmen, ob das Schließen und alle Felder erreichbar bleiben.

## Pop-up über Schaltfläche, Bild oder Text öffnen

Für einen gezielten Klick-Auslöser:

1. Wähle auf der Seite die Schaltfläche, das Bild oder den Text aus.
2. Öffne die Verknüpfungs-Einstellung.
3. Wähle **Pop-up öffnen**.
4. Wähle das gewünschte Pop-up aus.
5. Speichere und teste die Seite.

Die Einstellung **Keine** ist dafür besonders sinnvoll: Das Pop-up unterbricht den Seitenbesuch nicht und erscheint nur nach der bewussten Aktion.

## Reihenfolge, Darstellung und mobile Ansicht

In den Pop-up-Einstellungen kannst du Einträge bearbeiten, löschen und über das Griff-Symbol umsortieren. Die Reihenfolge bestimmt die Priorität: Haben mehrere Pop-ups denselben Auslöser, erscheint der weiter oben eingeordnete Eintrag zuerst.

Für jedes Pop-up stehen die üblichen Gestaltungsmöglichkeiten eines Seitenabschnitts zur Verfügung. Passe insbesondere Position, Hintergrund, Überlagerung, Innen- und Außenabstände sowie maximale Breite an. Prüfe Desktop, Tablet und Smartphone getrennt. Auf Mobilgeräten sollten Inhalt, Schließen-Schaltfläche und Formularfelder gut erreichbar bleiben.

## Ergebnis prüfen

1. Speichere und veröffentliche die Seite.
2. Öffne sie in einem privaten Browserfenster.
3. Prüfe jeden Auslöser einzeln: Zeitverzögerung, Verlassen und Klick.
4. Teste bei gleichen Auslösern die festgelegte Reihenfolge.
5. Kontrolliere Inhalt, Schließen-Schaltfläche, Links und gegebenenfalls eine Testeinsendung.
6. Wiederhole den Test auf einem Smartphone.

Wird ein Pop-up vor einer eingestellten Verzögerung manuell geöffnet, erscheint es bei diesem Seitenaufruf nicht zusätzlich automatisch. Damit wird eine doppelte Anzeige vermieden.

## Wichtige Grenzen

* Die Exit-Erkennung funktioniert nur auf Desktop-Geräten.
* Ein Pop-up mit gleicher Auslösebedingung konkurriert mit anderen Pop-ups; die Priorität entscheidet.
* Ein Pop-up mit **Verzögerung** wird bei jedem neuen Laden der Seite wieder ausgelöst, sofern der Besucher auf derselben Seite bleibt.
* Ein Pop-up wird erst für Besucher sichtbar, wenn die bearbeitete Seite gespeichert und veröffentlicht wurde.
* Vermeide mehrere automatische Pop-ups direkt hintereinander. Eine klare nächste Aktion ist meist wirksamer.

## Praxisbeispiel

Eine Beratungsseite soll zunächst ruhig erklären, worum es geht. Nach 20 Sekunden erscheint ein kleiner Hinweis auf eine Terminbuchung. Zusätzlich gibt es neben einer Leistungsbeschreibung eine Schaltfläche „Frage stellen“, die ein zweites Pop-up mit einem kurzen Formular öffnet. Das Team ordnet dem zeitgesteuerten Pop-up die höhere Priorität zu, testet beide Abläufe im privaten Browserfenster und prüft die Darstellung auf dem Smartphone.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/mehrere-pop-ups-auf-einer-website-oder-funnel-seite-einsetzen.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.