Möchten Sie Ihrer Website eine Willkommensmatte im Vollbildmodus hinzufügen?
Eine Willkommensmatte ist ein dynamisches Vollbild-Overlay, das Ihnen helfen kann, mehr Newsletter-Abonnenten, eBook-Downloads, Verkäufe für Ihre Produkte usw.
In diesem Artikel erfahren Sie, wie Sie eine Willkommensmatte für Ihre WordPress-Site erstellen, zusammen mit einigen großartigen Beispielen für die Willkommensmatte, aus denen Sie lernen können.
Warum eine Willkommensmatte Ihre Conversions steigern kann
Mehr als 70 % der Besucher, die Ihre Website verlassen, werden nie wiederkommen, es sei denn, Sie verwandeln sie in einen E-Mail-Abonnenten oder einen Kunden.
Eine Willkommensmatte ist ein großes Interstitial im Vollbildmodus, das die Ansicht des restlichen Inhalts Ihrer Website blockiert, um die Aufmerksamkeit des Benutzers zu erregen.
Das mag nach einer schlechten Idee klingen, ist aber eine großartige Möglichkeit, Ihre Botschaft sofort an die Besucher zu bringen.
Wenn Besucher nicht möchten, was Sie anbieten, können sie die Willkommensmatte einfach schließen.
Ähnlich wie Popups mit Exit-Intent sind Willkommensmatten effektiv, um hohe Conversion-Raten zu erzielen.
Natürlich möchten Sie den Leuten einen guten Grund geben, sich anzumelden. Wenn Sie noch keine haben Bleimagnet, dann könnten Sie einen Rabattcode oder sogar ein Werbegeschenk anbieten.
Hier sind zwei sehr unterschiedliche Beispiele für Willkommensmatten mit sehr hohen Conversion-Raten:
Das oben genannte ist eine Willkommensmatte, die wir auf unserem verwenden WPForms Blog, und es konvertiert sehr gut.
Der Screenshot unten ist eine Willkommensmatte, die wir verwenden, um einen unserer Lead-Magneten zu verteilen, der wirklich gute Arbeit leistet, um Benutzer dazu zu bringen, unserem E-Mail-Newsletter beizutreten:
Lassen Sie uns jedoch einen Blick darauf werfen, wie Sie Ihrer Website ganz einfach eine Willkommensmatte hinzufügen können.
So erstellen Sie eine Willkommensmatte für Ihre Website
Zuerst müssen Sie sich für ein OptinMonster Konto. Es ist die beste Software zur Lead-Generierung der Welt und ermöglicht Ihnen die einfache Erstellung von Opt-in-Formularen einschließlich Willkommensmatten.
Notiz: WPAnfänger-Gründer, Syed Balkhi, hat OptinMonster zuerst entwickelt, um unsere eigenen Abonnenten und Verkäufe zu steigern. Jetzt ist es ein Premium-Plugin, das von Hunderttausenden von Websites verwendet wird.
Als nächstes müssen Sie das installieren und aktivieren OptinMonster WordPress-Plugin. Weitere Informationen 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, klicken Sie auf das OptinMonster-Menü in Ihrem WordPress-Dashboard, um Ihr Konto zu verbinden.
Danach können Sie Ihre Willkommensmatte erstellen.
Erstellen einer Willkommensmatte für Ihre Website
Klicken Sie in Ihrem WordPress-Dashboard auf die Schaltfläche „Neue Kampagne erstellen“, um mit der Erstellung Ihrer Willkommensmatte zu beginnen.
Dadurch gelangen Sie zur OptinMonster-Website.
Wählen Sie als Nächstes „Vollbild“ als Kampagnentyp aus.
Sie müssen eine Vorlage für Ihre Kampagne auswählen. Wir werden die Vorlage „Eingang“ verwenden, aber Sie können eine andere auswählen, wenn Sie möchten.
Nachdem Sie auf die Schaltfläche „Vorlage verwenden“ geklickt haben, wird ein Bildschirm zur Kampagnenerstellung wie dieser angezeigt:
Sie können hier alles ändern, was Sie möchten. Sie möchten den Text natürlich so bearbeiten, dass er Ihrem eigenen Angebot entspricht.
Klicken Sie einfach auf ein beliebiges Element und Sie werden sehen, dass Sie es im linken Bereich bearbeiten können.
Als nächstes gehen Sie zu Opt-Einstellungen » Vollbild-Hintergrund. Klicken Sie auf „Hintergrundfarbe“ und setzen Sie den Wert A (Alpha) auf 100.
Dadurch wird sichergestellt, dass Ihre Willkommensmatte überhaupt nicht transparent ist, sodass keiner Ihrer Site-Inhalte durchscheint.
Der nächste Schritt besteht darin, Ihre Willkommensmatte einschieben zu lassen. Sie können dies tun, indem Sie auf die Schaltfläche „Startseite“ auf der linken Seite und dann auf „Vollbildeinstellungen“ klicken.
Von hier aus müssen Sie die Option „Seitenfolie anzeigen?“ umschalten. Option an, so dass es grün ist.
Dies bedeutet, dass Ihre Willkommensmatte vom oberen Bildschirmrand nach unten rutscht, anstatt in das Sichtfeld einzublenden.
Als nächstes müssen Sie zur Ansicht „Erfolg“ Ihrer Willkommensmatte wechseln. Dies wird Ihren Benutzern angezeigt, nachdem sie die gewünschte Aktion ausgeführt haben.
Sobald Sie mit Ihrer Willkommensmatte zufrieden sind, können Sie festlegen, wie sie auf Ihrer Website angezeigt wird.
Anzeige Ihrer Willkommensmatte auf Ihrer Site
Sie können festlegen, wie Ihr Willkommensbildschirm-Popup angezeigt werden soll, indem Sie in OptinMonste zur Registerkarte Anzeigeregeln wechseln.
Standardmäßig werden OptinMonster-Kampagnen auf allen Seiten Ihrer Website angezeigt, nachdem der Besucher 5 Sekunden lang 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 Site angezeigt. Sie können ganz einfach bestimmte Seiten ein- oder ausschließen, indem Sie die Personalisierungsregeln von OptinMonster verwenden.
Es gibt viele andere Personalisierungs- und Targeting-Optionen wie den Standort des Benutzers, welche Artikel er in seinem E-Commerce-Warenkorb hat, was er zuvor auf Ihrer Website getan hat usw.
Wenn Sie bereit sind, Ihre Willkommensmatte live zu schalten, klicken Sie einfach oben auf dem Bildschirm auf „Veröffentlichen“. Sie müssen den Schalter neben ‚Status‘ umschalten, damit er ‚Live‘ anzeigt.
Vergessen Sie nicht, auf „Speichern“ zu klicken, um Ihre Änderungen zu speichern.
Gehen Sie nun zu Ihrer WordPress-Website und klicken Sie auf den Menüpunkt OptinMonster. Sie sollten Ihre Willkommensmatten-Kampagne sowie alle anderen von Ihnen erstellten Kampagnen sehen.
Wenn es nicht angezeigt wird, klicken Sie einfach auf „Kampagnen aktualisieren“, um Daten von der OptinMonster-Website abzurufen.
Um Ihre Kampagne zu überprüfen, können Sie Ihre Website in einem neuen Inkognito-Browserfenster aufrufen. Sie sollten sehen, wie sich Ihre Willkommensmatte nahtlos vom oberen Bildschirmrand einfügt.
Beispiele für tolle Willkommensmatten
Schauen wir uns einige Willkommensmatten-Beispiele aus verschiedenen Branchen an. Für jeden gehen wir durch, was er gut macht, sowie eventuelle kleinere Änderungen, die wir vorschlagen könnten.
1. Singularität
Diese Willkommensmatte von Singularity forderte die Benutzer auf, sich anzumelden und den Livestream des Singularity University Global Summit zu sehen. Es war äußerst erfolgreich und verzeichnete in weniger als 9 Tagen über 2.000 neue E-Mail-Anmeldungen.
Besonders gefallen hat uns der tolle Einsatz des Logos, die klaren Schriftarten und das leuchtende „Remind Me!“. Taste.
2. Goins, Schriftsteller
Diese Willkommensmatte von Goins, Writer bietet eine kostenlose Anleitung. Es ist ein klares, einfaches Angebot und das minimalistische Design passt zum Rest der Website.
Wir fanden, dass die Schaltflächen „Ja“ und „Nein danke“ klar und einfach zu verwenden 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 ein Hingucker.
Uns gefiel das tolle Bild und das klare „Sign Me Up!“ Aufruf zum Handeln. Eine kleine mögliche Optimierung wäre, den Slogan zu kürzen, um zu vermeiden, dass er die Oberseite des Flugzeugs bedeckt.
4. Geladene Landschaften
Diese Willkommensmatte von Loaded Landscapes unterscheidet sich ein wenig von anderen Beispielen. Der Hintergrund ist leicht transparent.
Uns gefiel das klare Angebot und die Begeisterung des roten Call-to-Action-Buttons. Der Hintergrund der Site unter der Willkommensmatte könnte ein wenig ablenken, daher kann es sich lohnen, ihn vollständig undurchsichtig zu ändern.
5. OptimizeMyBnb
Diese Willkommensmatte wurde auf einer bestimmten Seite verwendet, die mit einem Buch verknüpft war, das der Websitebesitzer über Drittanbieter verkaufte. Diese Händler gaben jedoch keine Kundendaten weiter. Die Verwendung einer Willkommensmatte auf diese Weise half dabei, die E-Mail-Adressen der Kunden zu erfassen.
Wir waren der Meinung, dass die sehr klare Überschrift, Zwischenüberschrift und der Call-to-Action-Text gut funktioniert haben. Wir dachten jedoch, dass „item“ auf der Schaltfläche wahrscheinlich „items“ im Plural sein sollte. Dies unterstreicht, wie wichtig es ist, den Text Ihrer Willkommensmatte sorgfältig Korrektur zu lesen.
Es gibt Dutzende mehr Beispiele für die Willkommensmatte im Vollbildmodus die Sie sehen können, aber wir haben sie nicht alle in diesem Handbuch hinzugefügt.
Wenn Sie nach mehr Inspiration suchen, können Sie mit einer Vollbild-Willkommensmatte Folgendes tun:
- Präsentieren Sie ein gezieltes Angebot oder einen Coupon
- Präsentieren Sie neue Produkte und Dienstleistungen
- Lassen Sie die Besucher wissen, was sie von der Website erwarten können
- Gewinnen Sie neue Abonnenten, indem Sie ihre besten Inhalte hervorheben
- Weisen Sie Besucher auf ihre Social-Media-Profile hin
- Sammeln Sie E-Mail-Abonnenten im Rahmen einer Prelaunch-Phase
Wenn es Ihnen ernst ist, Ihre Website-Conversions zu verbessern, dann sind die Willkommensmatte und sogar das Exit-Vollbild-Interstitial eines der Elemente mit der höchsten Conversion-Rate, die Sie zu Ihrer Website hinzufügen können.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, eine Willkommensmatte für Ihre Website zu erstellen, und dass Sie die Beispiele inspirierend fanden. Vielleicht möchten Sie auch einen Blick auf unseren Vergleich der besten E-Mail-Marketing-Dienste und unsere Liste der Must-Have-WordPress-Plugins werfen.