So erstellen Sie eine Willkommensmatte für Ihre WordPress-Website (+ Beispiele)

Eine Willkommensmatte ist ein Vollbild-Overlay, das Ihnen helfen kann, mehr Newsletter-Abonnenten, eBook-Downloads, Produktverkäufe und mehr zu erhalten.

Bei WPBeginner und anderen Marken verwenden wir konsequent Willkommensmatten, um unsere E-Mail-Liste aufzubauen und verschiedene Produkte zu bewerben. Dies ist eine großartige Möglichkeit, die Konversionen auf Ihrer Website zu steigern und die Leute zur Rückkehr zu ermutigen.

In diesem Artikel erfahren Sie, wie Sie eine Willkommensmatte für Ihre WordPress-Website erstellen, zusammen mit einigen großartigen Beispielen für Willkommensmatten, von denen Sie lernen können.

Warum eine Willkommensmatte Ihre Conversions steigern kann

Mehr als 70 % der Besucher, die Ihre WordPress-Website verlassen, werden nie wieder zurückkehren, es sei denn, Sie wandeln sie in E-Mail-Abonnenten oder Kunden um.

Eine Willkommensmatte ist ein großes Vollbild-Interstitial, das die Sicht auf den Rest des Website-Inhalts blockiert, um die Aufmerksamkeit des Benutzers zu erregen.

Das mag wie eine schlechte Idee klingen, aber es ist eine großartige Möglichkeit, Ihre Botschaft sofort den Besuchern zu präsentieren.

Wenn Besucher nicht wollen, was Sie anbieten, können sie die Willkommensmatte einfach schließen.

Natürlich möchten Sie den Leuten einen guten Grund geben, sich anzumelden, wenn Sie eine Willkommensmatte anstelle eines Exit-Intent-Popups anzeigen, wie z. B. einen Rabattcode oder sogar ein kostenloses Geschenk.

Zum Beispiel haben Sie vielleicht beliebte E-Commerce-Shops gesehen, die einen Sonderrabatt mit einer Vollbild-Willkommensmatte mit Gamification anbieten.

In anderen Fällen haben Sie vielleicht beliebte Blogger gesehen, die eine Vollbild-Willkommensmatte verwenden, um ihren E-Mail-Newsletter zu vergrößern.

Sie können zum Beispiel einen kostenlosen Leitfaden oder eine PDF-Datei im Austausch für die E-Mail-Adresse eines Nutzers anbieten.

Nun, da wir das geklärt haben, schauen wir uns an, wie Sie ganz einfach eine Willkommensmatte zu Ihrer Website hinzufügen können.

So erstellen Sie eine Willkommensmatte für Ihre Website

Der einfachste Weg, eine Willkommensmatte in WordPress zu erstellen, ist die Verwendung von OptinMonster. Es ist die beste Lead-Generierungssoftware der Welt und ermöglicht es Ihnen, einfach Opt-in-Formulare zu erstellen, einschließlich Willkommensmatten.

Sie können unsere vollständige OptinMonster-Bewertung lesen, um weitere Details zu erfahren.

Zuerst müssen Sie die OptinMonster-Website besuchen und sich für ein Konto anmelden. Sie benötigen mindestens den Basic-Tarif, um Vollbild-Overlays zu erstellen.

Als Nächstes müssen Sie das OptinMonster WordPress-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Das Plugin verbindet die OptinMonster-App mit Ihrer Website. Sobald Sie das Plugin aktiviert haben, sehen Sie den Einrichtungsassistenten in Ihrem WordPress-Dashboard. Klicken Sie auf die Schaltfläche „Bestehendes Konto verbinden“.

Als Nächstes öffnet sich ein neues Fenster.

Klicken Sie einfach auf die Schaltfläche „Connect to WordPress“.

Jetzt sind Sie bereit, Ihre Willkommensmatte zu erstellen.

Erstellen einer Willkommensmatte für Ihre Website

Sie können zu OptinMonster » Kampagnen gehen, um eine neue Kampagne zu erstellen.

Klicken Sie auf die Schaltfläche „Erste Kampagne erstellen“, um mit der Erstellung Ihrer Willkommensmatte zu beginnen.

Ein neues Fenster wird nun angezeigt, in dem Sie vordefinierte Vorlagen auswählen oder sofort einsatzbereite Kampagnen und Lead-Magnete auswählen können, inspiriert von erfolgreichen Marken. OptinMonster bietet Ihnen auch die Möglichkeit, einen Spezialisten zu beauftragen, Ihre Kampagnen anzupassen.

Für dieses Tutorial verwenden wir die Option „Vorlagen“.

Dies bringt Sie zum OptinMonster-Kampagnen-Builder.

Wählen Sie als Nächstes „Vollbild“ für Ihren Kampagnentyp.

Sie müssen eine Vorlage für Ihre Kampagne auswählen. Wir verwenden die Vorlage 'Entrance', aber Sie können auch eine andere auswählen, wenn Sie möchten.

Sobald Sie eine Vorlage ausgewählt haben, geben Sie Ihrer Kampagne einen Namen und klicken Sie auf die Schaltfläche „Mit dem Erstellen beginnen“.

Als Nächstes können Sie Ihre Kampagne mit dem Drag-and-Drop-Builder anpassen. Sie können hier alles ändern, was Sie möchten.

Es gibt verschiedene Blöcke, die der Kampagne hinzugefügt werden können, wie Bilder, Text, Schaltflächen und mehr. Sie möchten auch den Text bearbeiten, um ihn an Ihr Angebot anzupassen.

Klicken Sie einfach auf ein beliebiges Element, und Sie sehen, dass Sie es im linken Bereich bearbeiten können.

Zum Beispiel werden wir die Überschrift der Vollbild-Willkommensmatte für unsere Demo-Kampagne ändern.

Der nächste Schritt ist, Ihre Willkommensmatte einblenden zu lassen. Dies können Sie tun, indem Sie auf das Zahnradsymbol für Einstellungen unten links klicken.

Von hier aus müssen Sie die Option „Slide-in-Seite anzeigen?“ aktivieren, um sie zu aktivieren.

Das bedeutet, dass Ihre Willkommensmatte von oben auf dem Bildschirm heruntergleitet, anstatt einzublenden.

Als Nächstes müssen Sie zur Ansicht 'Erfolg' Ihrer Willkommensmatte wechseln. Dies ist das, was Ihre Benutzer sehen werden, nachdem sie die gewünschte Aktion ausgeführt haben. Wenn Sie möchten, können Sie die Erfolgsansicht anpassen oder die Standardvorlage verwenden.

Sobald Sie mit Ihrer Willkommensmatte zufrieden sind, können Sie festlegen, wie sie auf Ihrer Website angezeigt wird.

Die Willkommensmatte auf Ihrer WordPress-Website anzeigen

Sie können festlegen, wie Ihr Willkommensmatten-Popup angezeigt werden soll, indem Sie im Tab „Anzeigeregeln“ in OptinMonster wechseln.

Es gibt viele Personalisierungs- und Targeting-Optionen wie den Standort der Nutzer, welche Artikel sie in ihrem E-Commerce-Warenkorb haben, was sie zuvor auf Ihrer Website getan haben, Exit-Intent und mehr.

Standardmäßig werden OptinMonster-Kampagnen auf allen Seiten Ihrer Website angezeigt, nachdem der Besucher 5 Sekunden dort war.

Da dies eine Willkommensmatte ist, möchten Sie wahrscheinlich, dass sie sofort angezeigt wird. Ändern Sie diesen Wert einfach auf 0 Sekunden.

Standardmäßig wird die Willkommensmatte auf jeder Seite Ihrer Website angezeigt. Sie können bestimmte Seiten einfach ein- oder ausschließen, indem Sie die Personalisierungsregeln von OptinMonster verwenden.

Sie können auf die Schaltfläche „Fertig? Zu Aktionen gehen“ klicken, wenn Sie fertig sind.

Als Nächstes sehen Sie weitere Optionen für die Anzeige Ihrer Kampagne. Sie können beispielsweise einen Effekt hinzufügen oder einen Ton abspielen, wenn die Kampagne auf dem Bildschirm eines Benutzers erscheint.

Für dieses Tutorial verwenden wir die Standardeinstellungen.

Wenn Sie nach unten scrollen, sehen Sie die Cookie-Einstellungen für Ihre Kampagne.

Sie können Ihre Kampagne beispielsweise erneut anzeigen, wenn ein Benutzer nach einer bestimmten Anzahl von Tagen bereits konvertiert hat. Ebenso gibt es auch Optionen, die Kampagne erneut für Personen anzuzeigen, die das Popup geschlossen haben oder es gesehen, aber nicht konvertiert haben.

Auf dem nächsten Bildschirm sehen Sie eine Zusammenfassung Ihrer Einstellungen für die Anzeigeregeln.

Sie können die Einstellungen bearbeiten, bevor Sie die Kampagne veröffentlichen.

Wenn Sie bereit sind, Ihre Willkommensmatte live zu schalten, gehen Sie einfach zum Tab 'Veröffentlichen' oben auf dem Bildschirm.

Ändern Sie den Veröffentlichungsstatus von 'Entwurf' zu 'Veröffentlicht'.

Vergessen Sie nicht, auf „Speichern“ zu klicken, um Ihre Änderungen zu speichern und den Kampagnen-Builder zu schließen.

Als Nächstes sehen Sie die WordPress-Ausgabeeinstellungen für Ihre Kampagne. Stellen Sie sicher, dass Ihre Kampagne veröffentlicht ist.

Wenn nicht, klicken Sie einfach auf das Dropdown-Menü „Status“ und wählen Sie die Option „Veröffentlicht“. Vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, wenn Sie fertig sind.

Um Ihre Kampagne zu überprüfen, können Sie Ihre Website in einem neuen Inkognito-Browserfenster besuchen.

Sie sollten sehen, wie Ihre Willkommensmatte nahtlos vom oberen Bildschirmrand hereingleitet.

Beispiele für großartige Willkommensmatten

Werfen wir einen Blick auf einige Beispiele für Willkommensmatten aus verschiedenen Branchen. Für jede werden wir durchgehen, was sie gut machen, und mögliche kleine Änderungen vorschlagen.

1. Singularity

Diese Willkommensmatte von Singularity forderte Benutzer auf, sich anzumelden und den Livestream des Singularity University Global Summit anzusehen. Sie war äußerst erfolgreich und generierte in weniger als 9 Tagen über 2.000 neue E-Mail-Anmeldungen.

Wir mögen besonders die tolle Verwendung des Logos, die klaren Schriftarten und den leuchtenden „Erinnern Sie mich!“-Button.

2. Goins, Autor

Diese Willkommensmatte von Goins, Writer bietet einen kostenlosen Leitfaden. Es ist ein klares, einfaches Angebot, und das minimalistische Design passt zum Rest der Website.

Wir sind der Meinung, dass die Schaltflächen "Ja" und "Nein danke" klar und einfach zu bedienen sind und die Verwendung von Zahlen in der Überschrift ein überzeugendes Angebot darstellt.

3. AVweb

Diese Willkommensmatte hat ein großes, klares Bild eines kleinen Flugzeugs. Es ist sofort ins Auge fallend.

Wir mögen das großartige Bild und den klaren „Melde mich an!“-Call-to-Action. Eine kleine mögliche Anpassung wäre, die Schlagzeile zu kürzen, damit sie nicht das obere Bild verdeckt.

4. Loaded Landscapes

Diese Willkommensmatte von Loaded Landscapes unterscheidet sich ein wenig von anderen Beispielen. Der Hintergrund ist leicht transparent.

Wir mögen das klare Angebot und die Begeisterung des roten Call-to-Action-Buttons. Der Hintergrund der Seite unter der Willkommensmatte könnte etwas ablenkend sein, daher könnte es sich lohnen, ihn vollständig opak zu ändern.

5. OptimizeMyBnb

Diese Willkommensmatte wurde auf einer bestimmten Seite verwendet, die als klickbarer Link in einem Buch enthalten war, das der Website-Besitzer über Drittanbieter-Händler verkaufte. Diese Händler gaben jedoch keine Kundendaten weiter. Die Verwendung einer Willkommensmatte auf diese Weise half, die E-Mail-Adressen der Kunden zu erfassen.

Wir finden, dass die sehr klare Überschrift, Unterüberschrift und der Call-to-Action-Text gut funktioniert haben und dass der „Nein, danke“-Button gut genutzt wird, um dem Nutzer ein Gefühl von FOMO zu geben.

Es gibt Dutzende weiterer Beispiele für Vollbild-Willkommensmatten, die Sie sehen können, aber wir haben sie nicht alle in diesem Leitfaden aufgenommen.

Wenn Sie weitere Inspiration suchen, finden Sie hier einige Dinge, die Sie mit einer Vollbild-Willkommensmatte tun können:

• Ein gezieltes Angebot oder einen Coupon präsentieren
• Neue Produkte und Dienstleistungen präsentieren
• Lassen Sie Besucher wissen, was sie von der Website erwarten können
• Gewinnen Sie neue Abonnenten, indem Sie deren beste Inhalte hervorheben
• Besucher auf ihre Social-Media-Profile verweisen
• Sammeln Sie E-Mail-Abonnenten als Teil einer Pre-Launch-Phase

Wenn Sie es ernst meinen mit der Verbesserung Ihrer Website-Conversions, dann sind Willkommensmatten und sogar Exit-Fullscreen-Interstitials einige der Elemente mit der höchsten Conversion-Rate, die Sie Ihrer Website hinzufügen können.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie eine Willkommensmatte für Ihre Website erstellen und dass Sie die Beispiele inspirierend fanden. Möglicherweise möchten Sie auch einen Blick auf unseren Leitfaden werfen, wie Sie ein Gutschein-Popup in WordPress erstellen, und die besten WordPress-Benachrichtigungsleisten-Plugins.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.