Pop-up für die Website erstellen, das Leads sammelt: Schritt-für-Schritt-Anleitung

Die meisten Besucher verlassen die Website eines kleinen Unternehmens spurlos. Sie lesen einen Preis, sehen sich ein, zwei Fotos an und schließen den Tab, und du erfährst nie, wer sie waren. Ein gut getimtes Pop-up gibt diesen Menschen einen einfachen Grund, vor dem Gehen einen Kontakt zu hinterlassen. In dieser Lektion baust du in AI SMM eines auf, von der Verbindung der Website bis zum Auswerten der gesammelten Leads.

Was du aufbauen wirst

Am Ende dieser Lektion läuft auf deiner Website ein Pop-up, das etwas Nützliches anbietet (einen Rabatt, eine Preisliste, eine kostenlose Beratung) und dafür eine E-Mail-Adresse und optional eine Telefonnummer verlangt. Es erscheint nur für die richtigen Besucher im richtigen Moment, und jede Übermittlung wird in einer Liste gespeichert, mit der du arbeiten kannst.

Dieselben Schritte funktionieren für andere Pop-up-Typen der App, etwa ein Gutscheinangebot, eine Ankündigung oder eine Kundenbewertung. Hast du es einmal gemacht, kannst du es für jedes Ziel wiederholen.

Was du vor dem Start brauchst

• Ein AI-SMM-Konto mit Zugang zur Pop-up-App. Die Verfügbarkeit hängt von deinem Tarif ab. Du siehst sie auf dem Bildschirm Alle Apps.
• Zugriff auf den Code deiner Website oder auf jemanden, der ein kurzes Snippet in den Seitenkopf einfügen kann. In den meisten Website-Baukästen ist das ein Feld für „Eigenen Code“ oder „Header-Skripte“.
• Ein Angebot. Entscheide, bevor du den Editor öffnest, was der Besucher für seinen Kontakt bekommt. „Abonniere unseren Newsletter“ reicht selten. „10 % Rabatt auf die erste Bestellung“ oder „die komplette Preisliste in deinem Postfach“ funktioniert viel besser.
• Eine Seite mit der Datenschutzerklärung auf deiner Website, damit die Leute wissen, wie ihr Kontakt verwendet wird.

Schritt 1. Pop-up-App und Startanleitung öffnen

Gehe zu Alle Apps → Pop-ups. Das Menü links ist in Bereiche gegliedert: Übersicht und Startanleitung, dann Websites, Kampagnen, Vorlagen, A/B-Experimente, Leads, Analysen, Verkäufe durch Pop-ups und die Integrationswerkzeuge.

Beginne mit der Startanleitung. Sie ist eine Checkliste, und jeder Punkt wird aus dem tatsächlichen Zustand deines Arbeitsbereichs gelesen, nicht aus Schaltflächen, die du gedrückt hast:

1. Website verbinden
2. Pixel bestätigen
3. Verifiziertes Ereignis senden
4. Kampagne vorbereiten
5. Veröffentlichen und Auslieferung beobachten

Lass diese Seite in einem Tab offen. Wenn etwas nicht funktioniert, komm hierher zurück: Der Punkt ohne Häkchen zeigt dir, wo du suchen musst.

Schritt 2. Website verbinden und Pixel installieren

Klicke auf Website verbinden (oder öffne Websites) und gib die Adresse deiner Website ein. AI SMM gibt dir ein Code-Snippet, das Pop-up-Pixel. Füge es in den Kopfbereich jeder Seite ein, vor dem schließenden Tag </head>.

Öffne dann deine Website in einem normalen Browserfenster. Das Pixel meldet sich aus echten Browsern zurück, und der Punkt Pixel bestätigen in der Startanleitung zeigt, wie viele Browsersignale angekommen sind. Bleibt der Zähler bei null, klicke auf Installation prüfen und stelle sicher, dass das Snippet auf der geöffneten Seite steht, nicht nur auf der Startseite.

Der dritte Punkt, Verifiziertes Ereignis senden, ist wichtig für Social-Proof-Widgets wie „Jemand hat gerade gebucht“: Sie zeigen nur echte, passende Ereignisse von deinem Server, AI SMM erfindet also nie Aktivität. Ein Lead-Formular speichert Übermittlungen selbst, für diese Lektion kannst du daher später auf Ereignisse zurückkommen.

Schritt 3. Kampagne aus einer Vorlage erstellen

Öffne Kampagnen und erstelle eine neue Kampagne, oder gehe zu Vorlagen und wähle ein Ausgangsdesign. Zum Sammeln von Kontakten wähle den Typ Lead-Sammler. Weitere Typen sind Gutscheinangebot, Live-Aktivität, Infonachricht, Bewertung, ein Video, eine Schaltfläche zum Teilen in sozialen Netzwerken und ein Cookie-Hinweis.

Die Kampagne öffnet sich im Kampagnenstudio mit Tabs am oberen Rand: Inhalt, Zielgruppe, Regeln, Optik, Stile und Daten. Arbeite sie von links nach rechts ab.

Inhalt

Gib der Kampagne einen Namen, den du später wiedererkennst („Frühlingsrabatt, erster Besuch“), wähle die Website und schreibe dann die Überschrift, den Text und die Beschriftung der Schaltfläche. Stell in der Überschrift den Nutzen in den Mittelpunkt, nicht dich: „10 % Rabatt auf deine erste Bestellung“ schlägt „Werde Teil unserer Community“.

Daten: das Formular selbst

Auf dem Tab Daten richtest du das Formular ein. Die E-Mail-Adresse wird immer erfasst. Aktiviere Telefonnummer erfassen nur, wenn du die Leute wirklich anrufen oder anschreiben willst, denn jedes zusätzliche Feld senkt die Zahl derer, die das Formular abschließen. Unter Zusätzliche Formularfelder kannst du eine Frage wie „Für welche Leistung interessierst du dich?“ als Text, Zahl, Dropdown, langen Text oder Datum hinzufügen.

Schritt 4. Festlegen, wann und für wen das Pop-up erscheint

Dieser Schritt trennt ein hilfreiches Pop-up von einem nervigen. Auf dem Tab Zielgruppe kannst du unter Zielgruppen-Trigger kombinieren:

Einstellung	Was sie bewirkt	Typische Anwendung
URL enthält	Zeigt das Pop-up nur auf passenden Seiten	Ein Rabatt nur auf Produkt- oder Preisseiten
Gerät	Alle Geräte, Desktop oder Mobil	Eine kürzere Version für Smartphones
Besuchertyp	Neue oder wiederkehrende Besucher	Ein Erstbestellrabatt nur für neue Besucher
Referrer enthält / UTM-Kampagne	Spricht Leute an, die aus einer bestimmten Quelle kamen	Ein Sonderangebot für Besucher aus deiner Instagram-Bio
Verzögerung (Sekunden) und Scrollen (%)	Wartet, bis die Person die Seite tatsächlich angesehen hat	Anzeige nach 15 Sekunden oder 50 % Scrollen
Mindestanzahl an Seitenaufrufen	Wartet, bis der Besucher mehrere Seiten gesehen hat	Eine Beratung für Leute anbieten, die Leistungen vergleichen
Exit-Intent	Erscheint, wenn der Besucher gleich geht	Ein letztes Angebot statt einer Unterbrechung

Auf dem Tab Regeln schützt du den Besucher: Wähle die Position auf dem Bildschirm, die maximale Anzahl an Einblendungen pro Person, die Wartezeit (Stunden) zwischen Einblendungen und Eine Kampagne pro Sitzung, damit ein Besucher nie drei Pop-ups hintereinander sieht. Diese Regeln laufen im Pixel auf der Live-Website, nicht nur in der Vorschau.

Schritt 5. Gestalten, testen und veröffentlichen

Wähle unter Stile ein Preset (schlicht, Verlauf, warmes Angebot, minimal und weitere) und passe dann Farben, Ecken und die Schaltfläche auf dem Tab Optik an. Gleiche die Farben deiner Website an, damit das Pop-up wie ein Teil der Seite wirkt und nicht wie Werbung.

Klicke auf Entwurf speichern. Das Studio führt seine Freigabeprüfungen für den gespeicherten Entwurf durch und zeigt, was das Veröffentlichen noch blockiert, falls etwas blockiert. Mit Website testen siehst du das Pop-up auf der echten Seite. Wenn die Prüfungen bestanden sind, veröffentliche die Kampagne. Der letzte Punkt der Startanleitung wartet dann auf die erste echte Einblendung und zählt sie mit.

Wenn das Pop-up nicht erscheint, öffne Sichtbarkeit des Pop-ups testen im Einstellungsbereich des Menüs. Dort findest du heraus, ob das Pixel, eine Targeting-Regel oder ein Häufigkeitslimit die Ursache ist.

Ein Praxisbeispiel: Erstbesuchsangebot eines Nagelstudios

Angenommen, ein Nagelstudio bekommt die meisten Websitebesucher von Instagram und aus der lokalen Suche. Viele davon sehen sich die Preisseite an und gehen, um „darüber nachzudenken“.

• Angebot: „15 % Rabatt auf deine erste Maniküre: Wir schicken dir den Code per E-Mail.“
• Typ: Lead-Sammler, nur E-Mail, dazu ein Dropdown-Feld „Welche Leistung?“ mit drei Optionen.
• Zielgruppe: URL enthält /preise, Besuchertyp: neue Besucher, Verzögerung 20 Sekunden oder Exit-Intent.
• Regeln: höchstens 2 Einblendungen pro Person, Wartezeit 72 Stunden, eine Kampagne pro Sitzung, unten rechts.

Die Leads erscheinen unter Leads mit der Antwort auf „Welche Leistung?“, sodass die Administration weiß, ob sie wegen Gelnägeln oder einer Pediküre nachfassen soll. Dasselbe Studio könnte später eine zweite Kampagne ergänzen, ein Gutscheinangebot mit Countdown für eine saisonale Aktion.

Häufige Fehler

• Das Pop-up sofort auf jeder Seite zeigen. Ein Pop-up, das in der ersten Sekunde die Seite verdeckt, bringt den Leuten bei, es ungelesen zu schließen. Nutze Verzögerung, Scrollen oder Exit-Intent.
• Ein vages Angebot. „Bleib in Kontakt“ gibt keinen Grund, eine E-Mail-Adresse einzutippen. Nenne den konkreten Nutzen.
• Zu viele Felder. Frag nur das Minimum, das du zum Nachfassen brauchst. Den Rest erfährst du im Gespräch.
• Keine Häufigkeitslimits. Ohne Maximale Einblendungen und Wartezeit sehen Stammkunden bei jedem Besuch denselben Erstbestellrabatt.
• Leads unbeantwortet lassen. Ein Kontakt, den innerhalb von ein, zwei Tagen niemand anschreibt, ist meist verschenkt. Lege fest, wer Leads prüft und wie oft.

So misst du das Ergebnis

Schau dir drei Ebenen an, in dieser Reihenfolge:

1. Auslieferung. Wird das Pop-up überhaupt angezeigt? Die Startanleitung und Analysen zeigen echte Einblendungen.
2. Leads. Wie viele Übermittlungen pro Woche, und wie viele davon sind echte, erreichbare Menschen. Die Seite Leads zeigt E-Mail- und Telefonkontakte sowie aktuelle Übermittlungen. Nutze CSV exportieren, wenn du Leads in einer Tabelle bearbeitest, oder Webhooks, um jeden bestätigten Lead automatisch an dein CRM zu senden.
3. Verkäufe. Konversionsverfolgung und Verkäufe durch Pop-ups verbinden ein Pop-up mit den Bestellungen, die darauf folgten, sodass du siehst, welche Kampagne Geld gebracht hat und nicht nur Klicks.

Sobald ein Pop-up funktioniert, verbessere es mit A/B-Experimenten: Teste jeweils nur eine Änderung, etwa die Überschrift oder das Angebot, und lass die Zahlen entscheiden. Nach unserer Erfahrung ist das Angebot selbst meist wichtiger als Farben oder Animation.

Häufige Fragen

Brauche ich einen Entwickler, um Pop-ups auf meiner Website einzubauen?

Nur, um das Pixel-Snippet einmal vor dem schließenden Tag </head> einzufügen. Danach erstellst, änderst und pausierst du Pop-ups in AI SMM, ohne die Website noch einmal anzufassen.

Wohin gehen die gesammelten Kontakte?

Zu Leads in der Pop-up-App. Pop-ups speichern Übermittlungen selbst, E-Mail-Marketing ist also nicht nötig. Von dort kannst du eine CSV exportieren oder Leads per Webhook an andere Tools schicken.

Kann ich auf verschiedenen Seiten unterschiedliche Pop-ups zeigen?

Ja. Begrenze mit URL enthält auf dem Tab Zielgruppe jede Kampagne auf ihre Seiten und nutze Eine Kampagne pro Sitzung, damit Besucher nicht mehrere gleichzeitig sehen.

Mein Pop-up ist veröffentlicht, aber ich sehe es nicht. Was soll ich prüfen?

Öffne Sichtbarkeit des Pop-ups testen. Die häufigsten Ursachen sind ein fehlendes Pixel auf dieser Seite, eine Targeting-Regel, die dich ausschließt (zum Beispiel „neue Besucher“, obwohl du schon einmal da warst), oder ein bereits erreichtes Häufigkeitslimit.

Nächste Lektion

Pop-ups fangen Besucher ein, solange sie auf deiner Website sind. Um sie später zurückzuholen, ohne überhaupt nach einer E-Mail-Adresse zu fragen, geht es mit der Web-Push-Lektion weiter, in der du Browser-Benachrichtigungen einrichtest. Einen kurzen Überblick über alle drei Website-Werkzeuge gibt der Hilfeartikel E-Mail-Marketing, Pop-ups und Web-Push: erste Schritte. Wenn du so weit bist, öffne Pop-ups in AI SMM und starte dein erstes Lead-Formular. Die gesammelten Leads können später deine E-Mail-Kampagnen und Rabatte aus deinem Onlineshop erhalten.