Folgen Sie dem Popup-Generator

Kostenloser Follow-Popup-Generator und Website-Popup-Builder. Entwerfen Sie plattformgenaue Follow-/Subscribe-Popups, LIVE-Abzeichen und Unterzielleisten (transparentes PNG/SVG) oder ein E-Mail-Anmelde-/Exit-Intent-Popup mit Einbettungscode durch Kopieren und Einfügen. Keine Anmeldung, läuft lokal.

Gebaut und gewartet von Shehzad Munir ·

Folgen Sie dem Popup-Generator
Loading Popup Studio
  • Bildwerkzeuge
  • Frei · Keine Anmeldung
  • Läuft in Ihrem Browser
  • 8-Funktionen
Share

Plattformgenaue Stream- und Video-Overlays

Zwei Studios in einem. Erstellen Sie plattformgenaue Follow- und Subscribe-Popups für Instagram, TikTok, YouTube, Twitch, Oder wechseln Sie in den Website-Popup-Modus und entwerfen Sie ein E-Mail-Anmelde-, Newsletter-, Rabatt-, Exit-Intent-, Social-Follow- oder Ankündigungs-Popup und kopieren Sie dann den sauberen, eigenständigen HTML/CSS/JS-Einbettungscode direkt in eine beliebige Website. Alles wird lokal in Ihrem Browser gerendert, nichts wird hochgeladen und es erfolgt keine Anmeldung.

Der Follow-Popup-Generator erstellt die Call-to-Action-Grafiken, die Ersteller überall verwenden, und jede einzelne ist auf die tatsächliche Plattform abgestimmt: eine Instagram-Follow-Karte mit einem Story-Ring mit Farbverlauf, einem blauen verifizierten Häkchen und dem genauen Instagram-blauen Follow-Button, ein rotes TikTok-Follow, ein modernes schwarzes YouTube-Abo-Plugin mit einer Glocke, ein lila Twitch-Follow mit Herz sowie X- und Facebook-Follow-Karten. Fügen Sie Abonnentenzähler, ein animiertes rotes LIVE-Badge mit Zuschauerzahl, einen Fortschrittsbalken für Abonnentenziele und ein Leistungsbanner hinzu. Wählen Sie eine Voreinstellung aus, geben Sie den Namen, das Handle und die Anzahl ein, und die Datei wird sofort als SVG gerendert, sodass sie bei jeder Auflösung gestochen scharf bleibt. Anschließend wird sie als transparentes PNG exportiert, das direkt in das Gameplay, eine Webcam oder ein Miniaturbild eingefügt wird.

Merkmale

  • Plattformgenaue Follow-Popups: Instagram, TikTok, YouTube, Twitch, X und Facebook
  • Kanalzähler, Abonnieren + Klingel, LIVE-Abzeichen und Abonnentenzielleiste
  • Website-Popup-Builder: E-Mail-Anmeldung, Newsletter, Rabatt, Exit-Intent, Social Follow und Ankündigungsleiste
  • HTML/CSS/JS-Einbettungscode kopieren und einfügen – keine Bibliotheken, funktioniert auf WordPress, Shopify, Webflow oder jeder HTML-Seite
  • Center-Modal-, Slide-in-, Top- oder Bottom-Bar-Layouts mit Load-/Delay-/Scroll-/Exit-Intent-Triggern
  • Laden Sie ein echtes Avatar-Foto, benutzerdefinierte Follow/Following-Labels, ein verifiziertes Abzeichen und einen Story-Ring hoch
  • Vollton- oder Verlaufshintergründe, Eckenradius, Schlagschatten und 1×/2×/4×-Export
  • Transparenter PNG- und skalierbarer SVG-Export, alles lokal gerendert

So verwenden Sie Folgen Sie dem Popup-Generator

  1. 1

    Wählen Sie ein Studio

    Wählen Sie „Social-Media- und Stream-Overlays“ für eine PNG/SVG-Grafik oder „Website-Popup“ für einbettbaren Code.

  2. 2

    Wählen Sie eine Voreinstellung

    Overlays: Instagram, TikTok, YouTube, Twitch, X, Facebook, LIVE, Unterziel oder Erfolg. Popups: E-Mail, Newsletter, Rabatt, Exit-Intent, Social oder Ankündigung.

  3. 3

    Passen Sie es an

    Legen Sie den Namen, das Handle, die Anzahl, die Farben, den Hintergrund und die Umschalter oder die Popup-Überschrift, die Schaltfläche, das Layout und den Auslöser fest.

  4. 4

    Exportieren oder einbetten

    Laden Sie ein transparentes PNG/SVG herunter oder kopieren Sie den HTML/CSS/JS-Einbettungscode (oder eine .html-Datei). Nichts verlässt Ihren Browser.

Häufige Anwendungsfälle

  • Überlagern Sie ein Video mit einem plattformspezifischen Follow- oder Subscribe-Popup
  • Fügen Sie einem Stream ein animiertes rotes LIVE-Badge mit einer Zuschauerzahl hinzu
  • Zeigen Sie während eines Livestreams eine Abonnentenzielleiste an
  • Fügen Sie mit dem Einbettungscode ein E-Mail-Anmelde- oder Newsletter-Popup zu Ihrer Website hinzu
  • Erholen Sie sich von verlassenden Besuchern mit einem Rabatt-Popup mit Ausstiegsabsicht
  • Führen Sie oben auf einer beliebigen Seite eine Ankündigungs- oder Werbeleiste aus
  • Feiern Sie einen Meilenstein mit einem Leistungsbanner

Detaillierte Anleitung

Ein echter Website-Popup-Builder mit Code zum Kopieren und Einfügen

Wechseln Sie in den Website-Popup-Modus und Sie erhalten einen vollständigen Opt-in-Builder. Wählen Sie E-Mail-Anmeldung, Newsletter, Rabatt/Promo, Exit-Intent, Social Follow oder eine Ankündigungsleiste; Wählen Sie ein zentrales modales, einschiebbares, oberes oder unteres Leistenlayout. Legen Sie Überschrift, Text, Schaltfläche, E-Mail-Feld, Farben, Eckenradius und Overlay-Dimmung fest. und wählen Sie, wann es ausgelöst wird – beim Laden, nach einer Verzögerung, beim Scrollen oder beim Beenden. Eine Live-Mock-Browser-Vorschau zeigt genau, was Besucher sehen, und das Tool generiert ein sauberes, eigenständiges HTML/CSS/JS-Snippet mit der Option „Einmal pro Besucher anzeigen“, das Sie vor dem schließenden Body-Tag in WordPress, Shopify, Webflow oder einer anderen HTML-Seite einfügen. Keine Plugins, keine Bibliotheken von Drittanbietern und kein Konto.

Häufig gestellte Fragen

Wie erstelle ich ein Follow- oder Abonnement-Popup für ein Video?

Öffnen Sie das Studio für Social- und Stream-Overlays, wählen Sie eine Plattform (Instagram, TikTok, YouTube, Twitch, Jede Karte wird so gezeichnet, dass sie mit der Schaltfläche und dem Layout der realen Plattform übereinstimmt.

Sind die Overlay-Popups transparent?

Ja. Jedes Overlay wird auf einem transparenten Hintergrund als PNG exportiert, sodass es sauber über dem Gameplay, einer Webcam oder einem Video liegt. Sie können es auch als skalierbare SVG-Datei herunterladen. Fügen Sie vor dem Exportieren optional einen einfarbigen Hintergrund oder einen Farbverlaufshintergrund hinzu.

Wie erstelle ich ein Website-Popup für E-Mail-Anmeldungen?

Wechseln Sie in den Website-Popup-Modus, wählen Sie den E-Mail-Anmeldetyp, bearbeiten Sie die Überschrift, den Text, die Schaltfläche und den E-Mail-Platzhalter, wählen Sie ein Layout und einen Auslöser aus und kopieren Sie dann den generierten HTML/CSS/JS-Einbettungscode in Ihre Website. Besucher sehen dann das E-Mail-Anmelde-Popup – es ist keine Anmeldung erforderlich, um es zu erstellen.

Kann ich Code zum Kopieren und Einfügen für WordPress, Shopify oder eine andere Website erhalten?

Ja. Das Website-Popup-Studio gibt ein sauberes, eigenständiges Snippet ohne externe Bibliotheken aus. Fügen Sie es vor dem schließenden </body>-Tag in WordPress, Shopify, Webflow oder einer beliebigen HTML-Seite ein oder laden Sie es als .html-Datei herunter.

Welche Arten von Website-Popups kann ich erstellen?

E-Mail-Anmeldung, Newsletter, Rabatt/Promo, Exit-Intent, Social-Follow- und Ankündigungsleisten – als zentrales Modal, Slide-in, obere Leiste oder untere Leiste, jeweils anpassbar in Text, Farben, Eckenradius und Overlay-Dimmung.

Kann das Popup beim Verlassen oder nach einer Verzögerung ausgelöst werden?

Ja. Wählen Sie einen Auslöser – beim Laden der Seite, nach einer von Ihnen gewählten Verzögerung, beim Scrollen (40 %) oder beim Verlassen der Seite (wenn der Cursor die Seite verlässt) – und er wird in das generierte Skript integriert, mit einer optionalen Einstellung „Einmal pro Besucher anzeigen“, die in localStorage gespeichert ist.

Kann ich auf den Overlays einen Follower-Status oder ein verifiziertes Abzeichen anzeigen?

Ja. Die Follow-Voreinstellungen schalten zwischen „Folgen“ und „Folgen“ um, zeigen ein plattformfarbenes verifiziertes Häkchen an und Instagram/TikTok kann den Verlaufs-Story-Ring anzeigen. Sie können auch ein echtes Avatar-Foto hochladen.

Kann ich den Abonnentenzielprozentsatz festlegen?

Ja. Die Voreinstellung „Abonnentenziel“ verfügt über einen Fortschrittsschieberegler von 0 bis 100 %, der einen Verlaufsbalken in Echtzeit ausfüllt, sowie Felder für die aktuelle und die Zielanzahl.

Werden meine Daten hochgeladen?

Nein. Beide Studios laufen vollständig in Ihrem Browser – Overlays werden mit SVG gerendert und der Website-Popup-Code wird lokal generiert. Nichts, was Sie eingeben, und kein Foto, das Sie hochladen, wird an einen Server gesendet.

Aus dem Tagebuch

All articles →