Willkommens-Popup: 7 Beispiele und wie man erstellt [Leitfaden + Video]

Herzlich willkommen!

Scrollen Sie einfach nach unten, um mehr über Willkommens-Popups zu erfahren, inspirierende Willkommens-Popup-Designs zu sehen und ein Tutorial zu ihrer Erstellung zu erhalten.

Siehst du was ich dort gemacht habe?

Genau wie dieses Intro ist ein Willkommens-Popup eine Nachricht, die neue Besucher Ihrer Website begrüßt. Es hat auch ein superwichtiges Ziel: diese neuen Besucher in Abonnenten und Kunden umzuwandeln.

In diesem Beitrag finden Sie alles, was Sie brauchen, um ein Willkommens-Popup zu erstellen, das Besucher konvertiert: Beispiele, Vorlagen, Tipps und eine Schritt-für-Schritt-Erstellungsanleitung.

Gehen Sie zu den Abschnitten:

• Was ist ein Willkommens-Popup?
• Beispiele für Willkommens-Popups
• So fügen Sie jeder Website ein Willkommens-Popup hinzu
• Willkommene Popup-Tipps

Was ist ein Willkommens-Popup?

Ein Willkommens-Popup ist eine Nachricht, die angezeigt wird, wenn Besucher eine Website betreten. Ziel ist es, die Aufmerksamkeit neuer Besucher auf sich zu ziehen und sie in Abonnenten oder Kunden umzuwandeln.

Das Hinzufügen eines Willkommens-Popups zu einer Website ist eine effektive Möglichkeit, Besucher zu konvertieren, die nicht sofort kaufbereit sind. Aus diesem Grund verwenden Online-Unternehmen Willkommens-Popups, um E-Mail-Listen aufzubauen, um sie später mit Marketingkampagnen zu versorgen. Weitere beliebte Verwendungszwecke sind das Leiten von Besuchern auf Produktseiten und das Veröffentlichen von Marketingankündigungen.

Hier ist ein typisches Willkommens-Popup von einer E-Commerce-Website.

Beispiele für Willkommens-Popups

Wenn Sie sich inspirieren lassen möchten, werfen wir einen Blick auf einige erstaunliche Designs von Willkommens-Popups von beliebten Websites. Diese Beispiele sehen sowohl gut aus als auch effektiv und konvertieren jeden Monat bis zu mehreren Tausend Besuchern.

1. Begrüßungs-Popup im Vollbildmodus

• Website : Nickey Kehoe
• Ziel : Erstellen Sie eine E-Mail-Liste
• Anreiz : Frühzeitiger Zugang zu neuen Produkten, exklusiven Angeboten, neuesten Nachrichten und Einladungen zu persönlichen Veranstaltungen

Wenn Sie nach einem inspirierenden Willkommens-Popup suchen, könnte dies das Richtige sein. Dieser verstärkt auf wunderbare Weise die Markenidentität und die insgesamt edle Website-Atmosphäre. Und schau es dir an – es ist einfach wunderschön.

Nickey Kehoe zeigt sein Willkommens-Popup einige Sekunden nach dem Öffnen einer Website. Beachten Sie, dass Sie das Popup auf zwei Arten schließen können (indem Sie auf Enter Our Site klicken oder auf die Schaltfläche „Schließen“). Diese Designentscheidung vereinfacht die Aufgabe, das Popup zu schließen, was eine gute Möglichkeit ist, das Besuchererlebnis positiv zu halten.

2. Willkommens-Popup mit einem Rabatt

• Website : Blume
• Ziele : a) Erstellen Sie eine E-Mail-Liste, b) Generieren Sie mehr Bestellungen von Erstbesuchern
• Anreiz : 20 % Rabatt auf die erste Bestellung + Mitgliedsvorteile (kostenloser Versand und Rückversand)

Ein nettes Willkommens-Popup, das einen Rabatt für die erste Bestellung verschenkt. Viele E-Commerce-Shops verlassen sich auf Startseiten-Willkommens-Popups wie dieses, um Leads und Bestellungen zu generieren.

Dieses willkommene Popup von Blume konvertiert 5 % der Website-Besucher , was weit über der durchschnittlichen Popup-Conversion-Rate von etwa 2 % liegt. Gründe: ein großzügiges Angebot, cool aussehendes Marken-Popup-Design und ein guter Ruf der Marke.

3. Willkommens-Popup mit einem kostenlosen Produktmuster

• Website : Sonntage für Hunde
• Ziel : Steigern Sie den Umsatz, indem Sie den Besuchern bei der Kaufentscheidung helfen
• Anreiz : Kostenlose Produktprobe

Sundays For Dogs, ein Abonnementgeschäft für Hundefutter, motiviert Neuankömmlinge, eine kostenlose Probe von personalisiertem Futter zu probieren. Es ist eine großartige Marketingtaktik: Kostenlose Proben steigern nachweislich den Umsatz von Lebensmittelabonnementunternehmen.

Wenn Kunden auf Get Yours klicken, gelangen sie auf die Seite mit dem Beispielprodukt. Dort wählen sie das bevorzugte Rezept und bestellen – die einzigen Kosten betragen 5 US-Dollar für den Versand. Dank der Präferenzinformationen sammelt das Unternehmen auch nützliche Daten, um zukünftige Angebote zu personalisieren.

4. Willkommens-Popup mit einem Gutscheincode

• Website : Kerzendelirium
• Ziele : Generieren Sie Leads und Verkäufe von Erstbesuchern
• Anreiz : ein Rabattgutscheincode für den ersten Einkauf

Personalisierte Coupons können Leads generieren, den Bestellwert erhöhen und den Umsatz steigern. Dieses Begrüßungs-Popup ermutigt Erstbesucher, mit einem eindeutigen Gutscheincode zu konvertieren – auch eine gute Möglichkeit, neue Besucher zu begrüßen. Außerdem helfen eindeutige Codes auch dabei, die Leistung der Kampagne zu verfolgen.

In Bezug auf das Design ist es ein ziemlich einfaches, aber gut aussehendes Willkommens-Popup. Es gibt ein schönes Bild eines Produkts von Candle Delirium, Markendesign und eine kurze und süße Nachricht. Ein gutes Beispiel für ein Willkommens-Popup für E-Commerce-Shops.

Möchten Sie coole Popup-Designs sehen? ️ E- Mail-Popup-Beispiele ️ Beispiele für SMS-Popups ️ Spin-to-Win-Popup-Beispiele

5. Begrüßungs-Popup mit einer Software-Demo

• Webseite : Zendesk
• Ziele : Erhöhen Sie die Demo-Aufrufe und generieren Sie Leads
• Anreiz : Anhand von Beispielen sehen, wie Zendesk dazu beitragen kann, die Qualität des Kundenservice zu verbessern

Dieses Begrüßungs-Popup ist mir aus verschiedenen Gründen aufgefallen.

Erstens ist Zendesk ein Softwareunternehmen, daher besteht der Zweck der Kampagne darin, das Produkt in einer Demositzung vorzustellen. Zweitens macht das Popup das Beste aus dem Bild und zeigt einen Screenshot des Dashboards des Produkts zusammen mit einigen beliebten Apps, in die es integriert ist.

Wenn Besucher auf die CTA-Schaltfläche klicken, führt die Website sie zur Demo-Anmeldeseite. Dort geben sie ihren Namen und ihre E-Mail-Adresse ein, um mit dem Ansehen der Demo zu beginnen.

Insgesamt liefert uns Zendesk ein hervorragendes Beispiel dafür, wie Website-Popups Softwareunternehmen dabei helfen, Leads zu generieren und das Bewusstsein für ihre Produkte zu stärken.

6. Begrüßungs-Popup „Markeneinführung“.

• Website : PRESSE Healthfoods
• Ziel : Erstellen Sie eine Liste treuer Kunden
• Incentive : Wöchentlicher Inhalt mit gesunden Lifestyle-Tipps, VIP-Angeboten und Werbegeschenken

Dabei sind mir zwei Dinge aufgefallen: ein schönes Produktbild und die lockere Schreibweise begleitet von einem Emoji.

PRESS Healthfoods hat mit Produktbildern hervorragende Arbeit geleistet, daher ist es eine gute Idee, eines in ein Begrüßungs-Popup aufzunehmen. Außerdem konvertieren Popups mit Bildern fast 5 % der Besucher, während Popups ohne Bilder nur 2,85 % konvertieren.

Was die Kopie betrifft, so fühlt sich „Lasst es uns offiziell machen“ wie ein freundlicher Gesprächsstarter an, der ein Gefühl der Sympathie hervorruft. Ein solch freundlicher, ungezwungener Kommunikationsstil wird von 57 % der Online-Käufer bevorzugt, daher unterstreicht dieses Willkommens-Popup den guten ersten Eindruck.

7. Willkommens-Popup mit einem zeitlich begrenzten Angebot

• Website : Pedego Bikes
• Ziel : Steigerung des Umsatzes bestimmter Produkte
• Anreiz : Zeitlich begrenztes Angebot zum kostenlosen Upgrade eines Produkts

Neben der Generierung von E-Mail-Anmeldungen eignen sich Willkommens-Popups auch hervorragend, um das Bewusstsein für Werbeangebote und -angebote zu schärfen. Genau das versucht dieses Willkommens-Popup zu erreichen: Traffic auf eine Produktseite mit einem verlockenden, zeitlich begrenzten Angebot zu lenken.

Das Verfassen von Texten ist eine weitere großartige Sache an diesem Popup. Sogar ein paar Sätze hier sind vollgepackt mit aufmerksamkeitsstarken Kraftwörtern: „kostenlos“, „zeitlich begrenzt“, „sparen“ und „endet“. Die Verwendung dieser Wörter in Überschriften ist eine bewährte Taktik, mit der erfahrene Autoren Besucher ansprechen.

So fügen Sie jeder Website ein Willkommens-Popup hinzu

Sie können Ihrer Website einfach und schnell ein Willkommens-Popup erstellen und hinzufügen. Zu diesem Zweck verwenden wir Wisepops , unser eigenes Popup-Tool.

Wenn Sie ein Video mit einem Tutorial bevorzugen, verwenden Sie dieses unten. Aber wenn Sie eine Schritt-für-Schritt-Anleitung möchten, finden Sie diese direkt unter dem Video.

So-

Befolgen Sie diese Schritte, um ein Begrüßungs-Popup ohne Programmierung zu erstellen und zu Ihrer Website hinzuzufügen. Richten Sie zunächst ein kostenloses Konto bei Wisepops ein .

Schritte zum Erstellen eines Willkommens-Popups:

• Schritt 1: Erstellen Sie eine neue Kampagne
• Schritt 2: Wähle ein Ziel
• Schritt 3: Wählen Sie ein Kampagnenformat aus
• Schritt 4: Wählen Sie eine Popup-Vorlage aus
• Schritt 5: Entwerfen Sie Ihr Willkommens-Popup
• Schritt 6: Passen Sie das Dankeschön-Fenster an
• Schritt 7: Definieren Sie, wie Ihr Popup angezeigt werden soll
• Schritt 8: Veröffentlichen Sie Ihr Website-Popup

Schritt 1: Erstellen Sie eine neue Kampagne

Lassen Sie uns ein klassisches Begrüßungs-Popup für Online-Shops erstellen – dasjenige, das Zugang zu Sonderangeboten und einen Rabatt als Dankeschön für Ihr Abonnement verspricht. Aber Sie können Ihre Version dabei beliebig anpassen.

Klicken Sie im Wisepops-Dashboard auf Kampagne erstellen und wählen Sie Kampagnenassistent aus.

Der Kampagnenassistent ist eine hilfreiche Funktion, die Sie durch den Prozess der Kampagnenerstellung führt. Es ist also perfekt für neue Benutzer.

Schritt 2: Wähle ein Ziel

Sobald Sie auf den Kampagnenassistenten geklickt haben, sehen Sie drei Ziele, aus denen Sie auswählen können: Ihre Zielgruppe vergrößern, den Umsatz steigern und Feedback sammeln.
Klicken Sie auf Erweitern Sie Ihr Publikum.

Schritt 3: Wählen Sie ein Kampagnenformat aus

Da wir ein Willkommens-Popup erstellen, um Ihre E-Mail-Liste aufzubauen, wählen Sie Newsletter .

Schritt 4: Wählen Sie eine Popup-Vorlage aus

Jetzt wählen wir aus, wie unser Willkommens-Popup aussehen soll. Unsere Vorlagenbibliothek bietet Ihnen eine gute Auswahl an vorgefertigten Popup-Formaten.

Klicken Sie auf eine Vorlage, um Ihre Auswahl zu bestätigen und mit dem nächsten Schritt fortzufahren.

Wir verwenden diese Begrüßungs-Popup-Vorlage – sie hat ein vertrautes Format, das die Aufmerksamkeit der Besucher auf die Nachricht lenkt.

Schritt 5: Entwerfen Sie Ihr Willkommens-Popup

Wir müssen dieses Willkommens-Popup wirklich zu Ihrem machen—

Das bedeutet, dass Sie Farben, Bilder und Text anpassen müssen, damit es wie ein natürlicher Teil Ihrer Website aussieht. Dies ist dank des Drag-and-Drop-Editors sehr einfach – einfach auf ein Element klicken und ändern.

Zuerst schreiben wir unseren Text.

Klicken Sie auf das Textelement, um die Bearbeitungseinstellungen zu öffnen. Direkt über dem Popup sehen Sie sie (im Bild hervorgehoben).

Nächste-

Lassen Sie uns ein neues Bild hinzufügen.

Klicken Sie dazu auf das Bild in der Vorlage. Dadurch wird das Bildmenü auf der linken Seite Ihres Bildschirms gestartet. Klicken Sie dort auf Ersetzen und wählen Sie ein anderes Bild aus.

Ich habe die Farben und das Bild geändert, indem ich darauf geklickt habe und—

So sieht unsere Vorlage jetzt aus. Sieht aus wie ein echtes Popup aus einem Kerzenladen, einverstanden?

Und Sie können das gleiche (und sogar noch bessere!) Popup entwerfen.

Für diejenigen, die daran interessiert sind, dieses Design zu replizieren, habe ich verwendet:

• Arial für Schriftart
• #803345 für Farbe
• Dieses kostenlose Foto von Castorly Stock für das Visuelle

Schritt 6: Passen Sie das Dankeschön-Fenster an

Ein Dankeschön-Fenster wird angezeigt, wenn ein Besucher die Felder ausfüllt und auf Anmelden klickt. Die meisten Popup-Vorlagen sind mit diesem Fenster ausgestattet, da sie verwendet werden, um das Abonnement zu bestätigen, dem Besucher zu danken und Rabattcodes zu teilen.

Anfangen-

Klicken Sie auf die Registerkarte Danke .

Dort sehen Sie das Dankeschön-Fenster.

Passen Sie das Design genau so an, wie Sie es für das Haupt-Willkommens-Popup getan haben. Sie können ganz einfach zum Hauptfenster zurückkehren, um Farbcodes zu erhalten – klicken Sie einfach auf Haupt-Popup . Fügen Sie auch den versprochenen Rabattcode hinzu (ich habe mich für TENOFF entschieden).

So sieht meine Version aus.

Jetzt ist das Design unseres Willkommens-Popups fertig.

Als letztes vor der Veröffentlichung müssen Sie das Popup so einstellen, dass es neuen Besuchern auf Ihrer Website angezeigt wird. Das werden wir gleich tun.

Schritt 7: Definieren Sie, wie Ihr Popup angezeigt werden soll

Gehen Sie im Hauptmenü zu Regeln anzeigen .

Wisepops zeigt Besuchern Ihr Willkommens-Popup, nachdem sie acht Sekunden auf Ihrer Website verbracht haben. Wenn Sie es früher anzeigen möchten, sagen wir fünf Sekunden, fügen Sie einfach Ihre bevorzugte Nummer in das Feld Nur anzeigen nach ein.

Und die letzte Einstellung—

Wir möchten, dass nur unsere neuen Besucher dieses Begrüßungs-Popup sehen. Um dies sicherzustellen, wählen Sie auf der Registerkarte „ Zielgruppe “ die Option „ Neue Besucher “.

Das ist es.

Sie haben gerade ein gut aussehendes, gebrandetes Willkommens-Popup für Ihre Website erstellt, um Leads zu generieren und Ihr Publikum zu vergrößern. Gut erledigt!

Schritt 8: Veröffentlichen Sie Ihr Willkommens-Popup!

Wir sind mit der Gestaltung unseres Popups fertig, also klicken Sie auf Bearbeitung abgeschlossen . Sie werden zum Kampagnenübersichtsfenster weitergeleitet, wo Sie auf Veröffentlichen klicken und bestätigen.

Das war's, das Begrüßungs-Popup ist live auf Ihrer Website! Herzlichen Glückwunsch!

Sobald das Popup Ansichten empfängt und E-Mails generiert, können Sie die Leistung im Wisepops-Dashboard überprüfen.

Willkommene Popup-Tipps

Verwenden Sie diese Tipps, um Ihr Begrüßungs-Popup zu einer Maschine zur Lead-Generierung zu machen.

1. Vorteile anbieten

Frische, nützliche Inhalte, Rabatte, Coupons, exklusive Angebote, kostenloser Versand, frühzeitiger Zugriff auf neue Produkte – all dies fügen Unternehmen hinzu, um Popups willkommen zu heißen. Wenn Sie ein Online-Geschäft betreiben, sollten Sie auch ein Incentive in Betracht ziehen.

2. Schreiben Sie eine klare Kopie

Alle großartigen Willkommens-Popups vermitteln eine ansprechende Botschaft.

Um eine gute Kopie zu schreiben:

• Halten Sie es kurz und bündig. Die Leute müssen Ihre Nachricht so schnell wie möglich erhalten, also versuchen Sie, nur zwei Sätze zu schreiben (Überschrift + unterstützende Nachricht).
• Seien Sie engagiert und kreativ . Verwenden Sie in Ihrem Begrüßungs-Popup eine freundliche, lockere Sprache – aber zögern Sie nicht, witzig oder verspielt zu sein, wenn die Stimme Ihrer Marke dies zulässt
• Bitten Sie die Leute, zu handeln. Beschreiben Sie, was Ihre Besucher tun sollen, und machen Sie sich diese Aktion klar

3. Lassen Sie Ihr Popup verzögert erscheinen

Die Leute mögen keine Popups, die in dem Moment erscheinen, in dem sie auf Websites gelangen.

Ziehen Sie daher in Betracht, eine Verzögerung von mindestens fünf Sekunden für Ihr Willkommens-Popup festzulegen (genau wie wir es im Tutorial getan haben).

Erfahrene Vermarkter machen auch einen einfachen Trick. Sie ermitteln mit Google Analytics die durchschnittliche Zeit, die Besucher auf ihrer Website verbringen, und legen die Anzeigezeit auf etwa 20 % dieses Werts fest. Wenn die durchschnittliche Zeit beispielsweise 60 Sekunden beträgt, wird das Popup möglicherweise nach 12 Sekunden angezeigt (20 % von 60 = 12).

4. Fügen Sie einen Countdown-Timer hinzu

Ein Gefühl der Dringlichkeit ist ein starker Motivator zum Kauf: Wisepops Untersuchungen zeigen, dass das Hinzufügen eines Countdown-Timers die Konversionsrate um 41 % erhöht.

Um dieses Element in Wisepops hinzuzufügen: Gehen Sie im Hauptmenü zu Blöcke und wählen Sie Countdown . Der Timer wird automatisch zu Ihrem Willkommens-Popup hinzugefügt.

5. Testen Sie verschiedene Versionen von Willkommens-Popups

Manche Kunden wollen den besten Preis finden.

Andere neigen dazu, spontan zu kaufen.

Um die Vorlieben Ihrer Besucher herauszufinden (und was sie zum Kauf bewegt), erstellen Sie verschiedene Versionen der Willkommens-Popup-Kampagne.

In Wisepops bedeutet dies, einen A/B-Test zu erstellen: Im Wesentlichen duplizieren Sie Ihr Begrüßungs-Popup, indem Sie im Dashboard auf AB-Tests klicken. Hier ist eine Ansicht einer Kampagne, die auf diese Weise in zwei Versionen aufgeteilt wurde.

Die Aufteilung macht es einfach, die zweite Kampagnenversion beliebig zu ändern (Rabattgröße, Countdown/kein Countdown usw.) und die Ergebnisse zu überwachen.

Häufig gestellte Fragen zu Willkommens-Popups

Obwohl Begrüßungs-Popups beliebt sind, haben viele Websitebesitzer Bedenken hinsichtlich ihrer Effektivität und der Auswirkungen auf das Besuchererlebnis. Aus diesem Grund beantworten wir in diesem letzten Abschnitt die häufigsten Fragen, die Menschen haben.

Wie effektiv sind Willkommens-Popups?

Willkommens-Popups können bis zu 5 % der Besucher konvertieren.

Wird ein Begrüßungs-Popup die Erfahrung meiner Kunden beeinträchtigen?

Begrüßungs-Popups können lästig sein, wenn sie zu allgemein gehalten sind und zu schnell erscheinen. Wenn Sie eine Markenkampagne mit einem klaren Wert für Besucher entwerfen, sollten Sie viele Besucher konvertieren können.

Wie wirkt sich ein Begrüßungs-Popup auf die SEO meines Shops aus?

Wenn Sie Top-Popup-Software verwenden, um ein Willkommens-Popup zu erstellen, werden Ihre Kampagnen zu 100 % allen SEO-Anforderungen entsprechen.

Weitere Tipps und Einblicke in Pop-ups finden Sie in anderen Leitfäden im Wisepops-Blog .