/
Vorlagen

50+ HTML-Popup-Vorlagen für Websites

Verleihen Sie Ihrer Website mit fertigen Popups für jedes Ziel einen Schub: Von der Sammlung von E-Mails und der Bewerbung von Rabatten bis hin zu Exit-Intent-Angeboten und dem Auslösen benutzerdefinierter Meldungen. Begeistern Sie Besucher, reduzieren Sie Absprungraten und steigern Sie Conversions – kostenlos, ganz ohne Coding oder technisches Setup.
G2 Badges
HTML Notification Popup template
Erstellen Sie ein Benachrichtigungswidget, das zeitkritische Meldungen anzeigt und die Conversion Ihrer Website erhöht.
HTML Exit Intent Popup template
Fügen Sie ein Popup-Widget hinzu, um die Aufmerksamkeit Ihrer Website-Besucher ein letztes Mal zu fesseln und ihr Interesse zu halten.
HTML Video Popup template
Erstellen Sie anpassbare Video-Popups und fesseln Sie Ihr Publikum mit dieser Vorlage.
HTML Message Popup template
Schaffen Sie Vertrauen in Ihrer Website-Community und bleiben Sie mit diesem Popup-Widget in Verbindung.
HTML Newsletter Popup template
Das Hinzufügen eines Popup-Widgets zu Ihrer Website kann die Anzahl der Newsletter-Abonnenten sicher in die Höhe treiben.
HTML Discount Popup template
Fügen Sie Ihrer Website ein Rabatt-Popup hinzu, um Aufmerksamkeit zu erregen und Nutzer zum Kauf zu motivieren.
HTML Email Popup template
Fügen Sie Ihrer Website ein Popup-Template hinzu und gewinnen Sie noch heute neue E-Mail-Abonnenten.
HTML Follow on Instagram Popup template
Erstelle ein Popup-Widget für deine Website, um deine Instagram-Präsenz zu stärken.
HTML New Year Sale Popup template
Das Hinzufügen einer Popup-Vorlage hilft Ihnen, die Neujahrsstimmung optimal zu nutzen und den Verkauf anzukurbeln.
HTML Halloween Sale Popup template
Schaffen Sie mit dieser Vorlage ein unvergessliches Einkaufserlebnis für Website-Nutzer in der Halloween-Saison.
HTML Christmas Sale Popup template
Verleihen Sie dem Weihnachtsshopping eine Prise Freude – zur festlichsten Verkaufszeit des Jahres!
HTML Black Friday Sale Popup template
Fügen Sie eine Popup-Vorlage hinzu, um den Einkaufsrausch zu entfachen und das Beste aus den Black Friday-Angeboten herauszuholen.
HTML Banner Popup template
Fügen Sie ein Popup-Widget hinzu, um Ihre Sonderangebote, Rabatte oder Ankündigungen mit einem auffälligen Banner zu bewerben.
HTML Welcome Popup template
Schaffen Sie einen herzlichen ersten Eindruck und begeistern Sie neue Besucher mit dem Begrüßungs-Popup.
HTML Election Popup template
Beeindrucken Sie bei Wahlen oder Abstimmungen mit der Popup-Vorlage ohne Code.
HTML Promo Popup template
Erstellen Sie mit diesem Popup-Template aufmerksamkeitsstarke Promo-Kampagnen mit Dringlichkeit.
Erstellen Sie eine Popup-Vorlage, um Ihre interaktiven Video-Inhalte von YouTube zu präsentieren.
HTML Activecampaign Popup template
Erstellen Sie ein Popup-Widget, das sich in Ihr ActiveCampaign-Konto integriert, um die Lead-Generierung zu optimieren.
HTML Brevo Popup template
Erstelle ein Popup-Widget, um deine E-Mail-Liste für Brevo zu erweitern und Besucher zum Handeln zu bewegen.
HTML Mailchimp Popup template
Fügen Sie Ihrer Website eine Popup-Vorlage hinzu und verwenden Sie Mailchimp als führende Quelle für den Export von Daten.
HTML News Popup template
Die Leserbindung bei aktuellen Nachrichten lässt sich mit der Website-Popup-Vorlage ganz einfach erhöhen.
HTML Email Subscription Popup template
Erstellen Sie ein Popup-Widget und heben Sie Ihre E-Mail-Marketing-Strategie auf das nächste Level.
HTML Ebook Popup template
Fügen Sie eine Popup-Vorlage hinzu, um Ihr neuestes E-Book oder wertvolle Inhalte attraktiv zu präsentieren.
HTML Subscribe Popup template
Fügen Sie eine Popup-Vorlage hinzu, um neues Wachstumspotenzial für Ihre Abonnentenbasis freizuschalten.
HTML Share Buttons Popup template
Erstellen Sie mit nur einem Klick ein Popup-Widget, das die soziale Reichweite Ihrer Website erhöht.
HTML Follow on Twitch Popup template
Erstellen Sie ein Popup-Widget für Ihre Website, um Ihren Twitch-Kanal zu bewerben und mehr Follower zu gewinnen.
HTML Follow on TikTok Popup template
Fügen Sie Ihrer Website eine Popup-Vorlage hinzu und steigern Sie noch heute Ihre TikTok-Reichweite.
HTML Independence Day Sale Popup template
Schaffen Sie das beste Einkaufserlebnis und feiern Sie den Unabhängigkeitstag mit diesem Popup-Widget.
HTML Prize Popup template
Erstellen Sie ein Popup-Widget, um den Umsatz zu steigern, indem Sie Ihrem Website-Publikum einzigartige Preise anbieten.
HTML Giveaway Popup template
Veranstalten Sie spannende Giveaways auf Ihrer Website und erhöhen Sie die Kundenbindung mit diesem Popup-Widget.
HTML Image Popup template
Visuelle Elemente hinzufügen, damit sich Ihr Unternehmen abhebt – mit dieser Widget-Vorlage.
HTML Responsive Popup template
Fügen Sie ein Popup-Widget hinzu, damit Besucher auf Ihrer Website plattformübergreifend eine benutzerfreundliche Erfahrung genießen.
HTML Popup with Animation template
Erstelle ein Popup-Widget, das Besucher deiner Website mit einer fesselnden, interaktiven Animation begeistert.
HTML Fullscreen Popup template
Fügen Sie ein Popup-Widget hinzu, das den gesamten Bildschirm nutzt, um einen starken Eindruck zu hinterlassen und Conversions zu erhöhen.
HTML Floating Popup template
Erstellen Sie unaufdringliche Popups, die nahtlos auf Ihrer Website schweben und auf die benötigten Bereiche aufmerksam machen.
HTML Coming Soon Popup template
Fügen Sie ein Popup-Widget hinzu, um Vorfreude zu erzeugen, bevor neue Updates auf Ihrer Website veröffentlicht werden.
HTML Text Popup template
Fügen Sie Ihrer Website ein Text-Popup hinzu und lenken Sie die Aufmerksamkeit auf Sonderaktionen oder andere relevante Ereignisse.
HTML Terms and Conditions Popup template
Stärken Sie das Vertrauen in Ihre Nutzungsbedingungen mit diesem Popup-Widget.
HTML Disclaimer Popup template
Verleihen Sie Ihrer Website eine professionelle Note und kommunizieren Sie Ihre Nutzungsbedingungen mit dieser Popup-Vorlage.
HTML Announcement Popup template
Fügen Sie Ihrer Website eine Popup-Vorlage hinzu und informieren Sie Ihre Nutzer über wichtige Ankündigungen und kommende Updates.
HTML Callback Popup template
Popup-Vorlage erstellen, damit Nutzer direkt von Ihrer Website aus einen Rückruf anfordern können.
HTML Lead Capture Popup template
Ein Popup-Widget erstellen, das Ihre Lead-Generierungsstrategie optimiert und den Umsatz in die Höhe treibt.
HTML Call to Action Popup template
Fügen Sie der Website eine überzeugende Popup-Vorlage hinzu und führen Sie Besucher gezielt zu Ihren gewünschten Zielen.
HTML Traffic Source Popup template
Erstellen Sie eine neue Möglichkeit, Traffic-Quellen auf der Website zu verfolgen und zu analysieren – mit dieser Popup-Vorlage.
HTML NPS Popup template
Popup-Vorlage hinzufügen, um die Loyalität Ihrer Kunden zu messen und Einblicke zu gewinnen.
HTML Feedback Popup template
Erstelle eine Popup-Vorlage, um wertvolles Feedback von Ihren Website-Besuchern zu sammeln und effektiv mit ihnen zu kommunizieren.
HTML Event Announcement Popup template
Schaffen Sie Dringlichkeit und Aufregung rund um bevorstehende Veranstaltungen mit diesem Popup-Widget für Ihre Website.
HTML Webinar Popup template
Fügen Sie Ihrer Website eine Popup-Vorlage hinzu, um die Reichweite Ihres Webinars zu erhöhen und das Engagement zu steigern.
HTML Customer Reward Program Popup template
Bauen Sie langfristige Beziehungen zu Ihren Kunden auf, indem Sie ein benutzerfreundliches Popup-Widget einbetten.
HTML Upsell Popup template
Fügen Sie Ihrer Webseite ein Popup-Widget hinzu, um den durchschnittlichen Bestellwert zu erhöhen und das Ergebnis zu verdoppeln.
HTML Shipping Popup template
Erstelle ein Popup-Widget, um realistische Kundenerwartungen bei Versandoptionen zu setzen.
HTML Coupon Popup template
Fügen Sie Ihrer Website eine Popup-Vorlage hinzu und bieten Sie Online-Shoppern exklusive Rabattcodes oder Rabatte.
HTML Add to Cart Popup template
Erstellen Sie ein attraktives Pop-up-Widget, das Nutzer mit wenigen Klicks dazu auffordert, Artikel in ihren Warenkorb zu legen.
HTML Abandoned Cart Popup template
Erstelle eine Popup-Vorlage und motiviere Online-Käufer, ihren Einkauf abzuschließen.
Kein passendes Template?
Sie können ganz einfach das Widget zusammenstellen, das Sie benötigen, mit unserem einfach zu bedienenden Konfigurator.

Was ist Popup-Vorlage?

Es ist eine vorkonfigurierte Popup-Lösung, die auf gängige Website-Aufgaben zugeschnitten ist – z. B. das Sammeln von E-Mails, das Ankündigen von Verkäufen, das Anzeigen von Warnmeldungen oder das Teilen spezieller Angebote. Wählen Sie einfach eine Vorlage, die Ihrem Ziel entspricht, passen Sie den Inhalt an und starten Sie sie sofort.

Sie benötigen kein Design- oder Programmierwissen. Durchstöbern Sie unsere Kollektion und setzen Sie sofort ein leistungsstarkes Popup auf Ihrer Seite um.

Top Popup-Vorlagenfunktionen

Jede Popup-Vorlage bietet einen umfangreichen Funktionsumfang. Hier erfahren Sie, was Sie anpassen können:

  1. Erstellen Sie Ihr individuelles Popup.

    Es gibt zwei Ansätze. Der erste Weg erfordert nicht viel Aufwand: Öffnen Sie den Elfsight AI Popup Generator, geben Sie eine einfache Eingabeaufforderung ein und erzeugen Sie ein Popup. Der zweite Weg besteht darin, eine Vorlage mit eigenen benutzerdefinierten Blöcken zu erstellen. Probieren Sie beide Ansätze aus, um herauszufinden, welcher am besten zu Ihnen passt.
  2. Anzeigeeinstellungen festlegen.

    Damit ein Popup-Template die besten Ergebnisse liefert, passen Sie die Anzeigeeinstellungen an. Zeigen Sie es nur der passenden Zielgruppe an, mit fortschrittlichen Zielgruppeneinstellungen: nach Gerätetyp, Seiten-URL, Frequenzplan und mehr.
  3. Wählen Sie aus mehreren Auslösearten.

    Öffnen Sie ein Popup genau dann, wenn Sie es wünschen: nach einer Zeitverzögerung, Scroll-Tiefe, Button-Klick, Laden der Seite oder mithilfe von Exit-Intent-Technologie, um Besucher zu erfassen, bevor sie die Seite verlassen.
  4. Ereignisse hinzufügen, um Popup-Interaktionen zu verfolgen.

    Sie können die Leistung des Popups und das Verhalten der Nutzer dabei analysieren. Wie funktioniert das? Sie müssen ein bestimmtes Ereignis hinzufügen, das verfolgt wird; die Daten werden dann an Google Analytics oder den auf Ihrer Website installierten Google Tag Manager gesendet.
  5. Layout und Design anpassen.

    Eine Vorlage ganz individuell auf Ihr Unternehmen zuzuschneiden, ist einfach. Öffnen Sie den Layout-Tab, um zu sehen, wie Sie Formatierung, Farben, Schriftarten und Stile anpassen. Alles mit einem visuellen Editor ohne Programmierkenntnisse.
  6. Fortgeschrittene Anpassungen für Entwickler.

    Wenn Sie mehr Kontrolle wünschen, verwenden Sie den integrierten Editor für benutzerdefiniertes CSS & JavaScript, um Animationen, Stil oder Verhalten fein abzustimmen.

Wie fügt man ein Popup-Template zur Website hinzu?

Sie müssen nur vier Schritte durchführen:

  1. So verwenden Sie benutzerdefiniertes CSS in Squarespace: Eine einfache Anleitung
  2. Passen Sie das Pop-up an. Inhalte bearbeiten, Bilder oder Videos hochladen, Auslöser auswählen, Anzeige-Regeln festlegen und das Design Ihrer Marke anwenden.
  3. Get the embed code. Klicken Sie auf „Kostenlos zu Ihrer Website hinzufügen“ und erhalten Sie ein automatisch generiertes HTML-Snippet.
  4. Auf Ihrer Website installieren. Fügen Sie den Code in das HTML Ihrer Website-Seite oder über einen Editor ein – das Pop-up funktioniert sofort.

Wenn Sie auf Schwierigkeiten stoßen, stehen unser Hilfecenter, Community und Support-Team jederzeit bereit, Ihnen bei der Lösung von Problemen zu helfen.

FAQ (Häufig gestellte Fragen)

Kann ich eine Vorlage kostenlos nutzen?

Ja, Sie können jede Popup-Vorlage kostenlos verwenden. Wählen Sie eine aus dem Katalog, personalisieren Sie sie mit Ihren Inhalten und betten Sie sie sofort auf Ihrer Website ein.

Jede Vorlage bietet lebenslangen Zugriff auf den kostenlosen Plan, der alle Kern-Popup-Funktionen ohne Abonnements oder versteckte Gebühren abdeckt.

Kann ich das Design eines vorgefertigten Popups ändern?

Ja, Sie können jedes Popup-Template vollständig neu gestalten. Verwenden Sie den visuellen Editor, um Layout, Farben, Schriftarten, Hintergründe und Inhaltsblöcke zu aktualisieren.

Die Vorschau aktualisiert sich in Echtzeit, sodass Sie Ihr Design vor der Veröffentlichung perfektionieren können.

Muss ich den HTML-Code meiner Website anpassen, um Popups zu verwenden?

Kein großer Aufwand nötig. Fügen Sie einfach einen Einbettungscode in Ihre HTML-Website ein, dann funktioniert die Popup-Vorlage automatisch.

Was sind die besten Beispiele für die Verwendung von Popup-Vorlagen?

Damit du die passende Lösung findest, hier sind einige gängige Anwendungsfälle aus verschiedenen Branchen:

  • E-commerce. Veröffentlichen Sie Verkaufsankündigungen, Gutschein-Popups, Banner für kostenlosen Versand und Exit-Intent-Rabatte, um Abbrüche im Warenkorb zu reduzieren.
  • Inhaltsseiten & Blogs. Wachsen Sie Ihre Mailingliste mit Newsletter-Popups, Artikel-Empfehlungen und Content-Upgrade-Angeboten.
  • Dienstleister. Bewerben Sie Beratungen, Buchungsaufforderungen, saisonale Angebote oder Servicepakete mit zielgerichteten Popups.
  • Hotellerie & Reisen. Zeigen Sie Willkommensaktionen, saisonale Pakete, Treue-Vorteile oder eine E-Mail-Erfassung für zukünftige Angebote.
  • Bildung & Kurse. Bieten Sie kostenlose Lektionen, herunterladbare Materialien oder Anreize zur Kursanmeldung.

Und das ist nur ein Bruchteil dessen, was möglich ist. Wenn Sie kein Template für Ihre Branche finden, schlagen Sie es gerne in unserer Community-Wunschliste vor.

Kann ich meine eigene Pop-up-Variante mit Vorlagen erstellen?

Ja, Sie können mit jeder Vorlage Ihre eigene Popup-Variante erstellen. Öffnen Sie die Live-Vorschau, passen Sie Inhalte, Auslöser, Zielregeln und Design so an, dass es perfekt zu Ihren Zielen passt.

Sie können auch von einer leeren Vorlage aus starten und von Grund auf ein einzigartiges Popup erstellen.

Kann ich das Trigger-Verhalten ändern, auch wenn ich mit einer voreingestellten Vorlage starte?

Ja, Sie können frei festlegen, wie und wann Ihr Pop-up erscheint – beim Scrollen, Exit-Intent, nach einer Verzögerung oder durch jeden anderen Trigger. Das Timing liegt ganz in Ihrer Hand.