So erstellen Sie eine konversionshungrige Willkommensmatte für Ihre WordPress-Site
Veröffentlicht: 2016-07-01Was ist das? Sie machen sich Sorgen, dass Ihre WordPress-Seite nicht gut genug konvertiert?
Glauben Sie, dass die Leute nicht vollständig verstehen, worum es bei Ihrer Website geht, wenn sie auf der Homepage landen, oder überhaupt auf einer anderen Seite?
In diesem Fall benötigen Sie eine Willkommensmatte.
Ich weiß, ich weiß. Es klingt wie ein weiteres Plugin, das Ihre Website überladen wird, aber glauben Sie mir, dies ist ein wesentlicher Bestandteil, um Ihre Online-Präsenz auf ein neues Niveau zu heben. Und es ist kostenlos.
Was ist die große Idee, eine Willkommensmatte auf Ihrer WordPress-Site zu haben?
Um dieses Gespräch zu beginnen, ist es schön, sich einige Beispiele für Willkommensmatten von Einzelpersonen und Organisationen anzusehen, die sie verwenden. Wir haben einige ziemlich beliebte Websites ausgewählt, um zu zeigen, dass die erfolgreichsten Blogger, Online-Shops und andere Unternehmen wissen, dass Conversions mit größerer Wahrscheinlichkeit erzielt werden, wenn sie eine Willkommensmatte verwenden.
Zu Beginn haben wir die QuickSprout-Homepage, die eine Willkommensmatte präsentiert, die nach Benutzer-URLs fragt. Dies ist eine einzigartige Herangehensweise an die Willkommensmatte, da sie versucht, Menschen in einen Verkaufstrichter zu bringen, in dem QuickSprout auf Benutzeranalysedaten zugreift, um ihnen in Zukunft zu helfen.
Die nächste Begrüßungsmatte befindet sich auf der Website von Jeff Goins, wo er erklärt, worum es bei der Website geht, und gleichzeitig nach einer E-Mail-Adresse fragt.
Michael Hyatt hat eine ähnliche Willkommensmatte, aber er listet seine Errungenschaften auf (Aufbau von Glaubwürdigkeit) und stellt gleichzeitig eine Schaltfläche bereit, über die Benutzer einen kostenlosen Leitfaden herunterladen können, um die Arbeitswoche zu verkürzen.
Schließlich fordert die SumoMe-Firma (Ersteller des Willkommensmatten-Plugins, das wir verwenden werden) eine Site-URL an, um zu analysieren, wie Benutzer ihren Site-Traffic verbessern können.
Sie werden einige Bereiche bemerken, die in jeder der Willkommensmatten ähnlich sind:
- Sie alle haben eine minimale Menge an Text.
- Sie alle bieten visuelle Elemente.
- Jeder von ihnen nimmt den gesamten Startbildschirm ein.
- Jede Begrüßungsmatte versucht, etwas zu erreichen (sei es E-Mail-Adressen, URLs usw.)
- Call-to-Action-Text ist mit fettgedruckten Überschriften und kurzen Beschreibungen enthalten.
Was ist also die große Idee bei Willkommensmatten? Was bringt es, sie auf Ihrer Website zu haben?
Erstens steigern sie nachweislich Ihre Conversions, was auch immer sie sein mögen. Sie ermutigen Sie als Webmaster jedoch auch, mit Ihrer Homepage ein Ziel zu verfolgen. Wenn Sie einfach einen Blog ohne Zweck betreiben, können Sie nicht viel Erfolg erwarten.
Daher ist es wichtig herauszufinden, ob Sie möchten, dass Personen Ihre Seite in sozialen Medien teilen, ihre E-Mail-Adressen weitergeben, einen kostenlosen Artikel herunterladen oder ein Produkt kaufen.
Die Willkommensmatte dient dazu, sofort darzustellen, was Nutzer auf Ihrer Website erwarten können , und sammelt gleichzeitig Informationen von Interessenten.
Eines der häufigeren Argumente gegen eine Willkommensmatte ist, dass es den Anschein hat, als würde es die Benutzer stören. Sicher, das mag der Fall sein, aber es ist ein kleiner Preis für die Menge an Conversions, die es für Sie ansammelt.
Wie kann eine Willkommensmatte Ihre Conversions verbessern?
Die Willkommensmatte ist einfach ein anderer Begriff für einen Vollbild-Begrüßungsbildschirm, ein Popup-Modul oder sogar eine vereinfachte Zielseite.
Auch wenn Website-Besucher berichten, dass sie es vorziehen, nicht aus einer Willkommensmatte oder einem Begrüßungsbildschirm herauszuxten, berichten Websites normalerweise von einer Verdoppelung oder Verdreifachung der Conversions nach der Implementierung eines solchen.
Dies ist eine enorme Verbesserung, und wenn jemand von einer Willkommensmatte so abgeschreckt wird, dass er nie wieder auf Ihre Website zurückkehrt, würde er wahrscheinlich gar nicht erst zu einem Ihrer VIPs werden.
So erstellen Sie eine Willkommensmatte für Ihre eigene WordPress-Site
Sie werden einige Optionen für Willkommensmatten, E-Mail-Abonnementformular-Popups und andere ähnliche Plugins finden, aber wir werden die SumoMe Welcome Mat-Lösung für dieses Tutorial verwenden.
Wieso den? Aus einigen Gründen:
- Es ist völlig kostenlos. (Mit einer optionalen Premium-Version)
- Es kann Ihre Conversion-Rate verdoppeln oder verdreifachen.
- Das Design ist vollständig anpassbar.
- A/B-Tests sind eine Option.
- Mobiler Support wird ebenfalls angeboten.
Bonus: [thrive_2step id='878′] Klicken Sie hier, um eine gedruckte Kopie [/thrive_2step] dieser einfachen Schritt-für-Schritt-Anleitung zur SumoMe-Willkommensmatte herunterzuladen und einfach als PDF zu speichern oder zur späteren Verwendung auszudrucken.
Schritt 1: Laden Sie die SumoMe Welcome Mat App herunter und installieren Sie sie
Klicken Sie auf diesen Link, um zur Startseite der SumoMe-Willkommensmatte zu navigieren. In diesem Bereich werden viele der Funktionen und Vorteile der Willkommensmatte erklärt, also stöbern Sie einfach herum, wenn Sie möchten.
Wählen Sie die große, grüne Schaltfläche „Kostenlos testen“.
Dies öffnet ein Popup, das Sie auffordert, Ihre Website-URL, E-Mail-Adresse und ein neues Passwort einzugeben. Stellen Sie sicher, dass Sie eine echte E-Mail-Adresse verwenden, und machen Sie Ihr Passwort stark, damit niemand darauf zugreifen kann. Das Letzte, was Sie wollen, ist, dass ein Hacker die Nachricht ändert, die Menschen auf Ihrer Website willkommen heißt.
Nachdem alle Ihre Informationen ausgefüllt sind, klicken Sie auf die Schaltfläche Anmelden.
Der nächste Bildschirm mag Sie überraschen, da es so aussieht, als müssten Sie für einen Plan bezahlen. Die drei SumoMe-Pläne sind ziemlich solide und Sie können sie alle mit der 14-tägigen Testversion testen. Die meisten Welcome Mat-Tools werden jedoch mit der kostenlosen Version bereitgestellt, klicken Sie also auf die Schaltfläche ganz unten auf der Seite. Es lautet „Oder fahre einfach mit kostenlosem SumoMe fort“.
Der letzte Installationsschritt erfordert, dass Sie ein wenig Code kopieren und in den <head> Ihres Website-HTML einfügen. Sie haben auch die Möglichkeit, die Ein-Klick-WordPress-Installation zu durchlaufen, die Sie direkt unter dem Code sehen können.
Obwohl dieses Tutorial die WordPress-Installation abdeckt, bietet SumoMe auch Ein-Klick-Installationen für die folgenden Plattformen:
- Platz
- Google Tag-Manager
- Shopify
- Weebly
- Tumblr
- Blogger
Wie bereits erwähnt, ist das Kopieren des Codes in den <head> Ihres HTML-Codes eine Option, aber es macht wirklich keinen Sinn, wenn man bedenkt, dass Sie mit der Ein-Klick-Installation einen viel einfacheren Weg haben.
Klicken Sie dazu auf den WordPress-Button.
Wählen Sie die Schaltfläche SumoMe installieren.
Nebenbemerkung: Wenn Sie das SumoMe-Plugin lieber selbst installieren möchten, können Sie es hier herunterladen.
Nachdem Sie die Schaltfläche SumoMe installieren ausgewählt haben, werden Sie zum Backend Ihrer WordPress-Website weitergeleitet. Möglicherweise müssen Sie sich beim Dashboard anmelden.
Wählen Sie die Schaltfläche Jetzt installieren und klicken Sie dann auf der nächsten Seite auf Plugin aktivieren.
Herzliche Glückwünsche! Das gesamte SumoMe-Plugin ist jetzt auf Ihrem Dashboard installiert und aktiviert.
Schritt 2: Registrieren Sie Ihr SumoMe-Konto und installieren Sie die richtige App
Wenn Sie auf die linke Seite Ihres WordPress-Dashboards schauen, werden Sie einen neuen SumoMe-Tab in der Taskleiste bemerken. Klicken Sie darauf.
Es werden Ihnen mehrere Schritte angezeigt, durch die Sie gehen können, aber Sie müssen diesen nicht folgen. Gehen Sie zur rechten Seite des Bildschirms und scrollen Sie über die blaue Schrift mit der Aufschrift Click Here to Setup SumoMe. Dies zeigt eine blaue Krone, die von der Seite herausscrollt. Wählen Sie diese Krone aus.

Da Sie bereits ein SumoMe-Konto auf ihrer Website erstellt haben, melden Sie sich mit Ihrer E-Mail-Adresse und Ihrem Passwort bei Ihrem Konto an.
Drücken Sie danach auf die Schaltfläche Anmelden.
Verwenden Sie das Dropdown-Menü, um die Website zu finden, die Sie aktivieren möchten. Klicken Sie dann auf die Schaltfläche Jetzt aktivieren.
Dadurch wird ein Modul mit einigen Optionen angezeigt. Sie können Ihre Einstellungen ändern, wenn Sie möchten, aber die Haupttaste, die Sie jetzt drücken sollten, ist der Sumo-Shop. Hier können Sie einige der verschiedenen verfügbaren SumoMe-Apps aktivieren.
Sobald Sie den Sumo-Shop betreten, sehen Sie oben die Option für die kostenlose Willkommensmatte. Nach diesem Tutorial können Sie einige der anderen Apps testen, wie zum Beispiel:
- Listenersteller
- Scroll-Box
- Smart bar
- E-Mail Pro
- Heatmaps
- Textmarker
- Welcome Mat Pro (Wenn Sie nach mehr Funktionen mit der Welcome Mat suchen)
Im Moment müssen Sie jedoch nur auf das kostenlose Welcome Mat-Symbol klicken.
Wählen Sie die blaue Schaltfläche „Kostenlos“ ganz rechts auf der neuen Seite.
Danach sollte eine kurze Meldung erscheinen, die darauf hinweist, dass die Welcome Mat auf Ihrer Website installiert wurde.
Schritt 3: Gestalten Sie Ihre Willkommensmatte
Verlassen Sie die Installationsseite und gehen Sie zurück zum SumoMe-Home-Modul. Klicken Sie auf das neue Welcome Mat-Symbol, um fortzufahren.
Ein weiteres Popup kann erscheinen, um zu versuchen, Sie dazu zu bringen, für einen der Pläne zu bezahlen. Überspringen Sie dies, indem Sie mit der kostenlosen Willkommensmatte fortfahren. Jetzt sehen Sie auf der linken Seite eine Seite mit mehreren Registerkarten. Der rote Schalter zeigt an, dass die Willkommensmatte noch nicht auf Ihrer Seite live ist.
Wechseln Sie zur Registerkarte Design. Wählen Sie eine der Vorlagen für Ihr Design aus. Beachten Sie, dass die meisten Vorlagen nur mit der kostenpflichtigen Version bereitgestellt werden. Sie können jedoch einige solide Anpassungen vornehmen, um Ihre Branding-Anforderungen über die kostenlose Version zu erfüllen.
Obwohl einige der erweiterten Funktionen (wie die benutzerdefinierten Hintergrundbilder) Premium-Optionen sind, können Sie die folgenden Bereiche konfigurieren, damit die Begrüßungsmatte so aussieht, wie Sie es möchten:
- Hintergrundfarbe
- Hintergrundbild
- Überschrift
- Text
- Schriftarten
- Farben
- Eingabefeldtext
- Optin-Schaltfläche
- Opt-out-Schaltfläche
- Schließen-Schaltfläche
Denken Sie daran: Das System verfügt über eine mobile Ansicht, in die Sie wechseln können. Testen Sie dies, bevor Sie Ihre Willkommensmatte live schalten.
Nachdem Sie auf jeder dieser Registerkarten etwas geändert haben, stellen Sie schließlich sicher, dass Sie auf die Schaltfläche Speichern rechts unten im Popup-Modul klicken. Andernfalls wird nichts gespeichert, wenn Sie zum nächsten Tab wechseln.
Schritt 4: Passen Sie die Felder an
Dies ist eine Premium-Funktion, aber es lohnt sich, sie zu prüfen, wenn Sie vorhaben, diesen Weg zu gehen. Die meisten Webmaster werden einfach eine E-Mail-Adresse von Benutzern abrufen wollen, wenn sie auf Ihrer Website landen. Sie haben jedoch die Möglichkeit, nach Elementen wie Namen, Telefonnummern, URLs oder sogar physischen Adressen zu fragen.
Wählen Sie dazu die Schaltfläche Feld hinzufügen und geben Sie den Feldtyp an, den Sie erstellen möchten. Sie haben die Möglichkeit, das Feld erforderlich zu machen, zusammen mit Einstellungen für die Feld- und Variablennamen.
Schritt 5: Machen Sie Ihre Begrüßungsmatte weniger nervig
Wie wir oben besprochen haben, finden einige Benutzer eine Begrüßungsmatte möglicherweise etwas nervig. Es ist also nett, die Begrüßungsnachricht nicht Leuten zu zeigen, die sie bereits gesehen haben.
Wählen Sie die Registerkarte Verhalten und wählen Sie aus, wie lange Sie die Begrüßungsmatte NICHT für einen Besucher zeigen möchten, der sie bereits gesehen hat. Beispielsweise können Sie es für einen Monat entfernen, wenn ein Benutzer sich entschieden hat, es einmal zu überspringen. Nach diesem Monat taucht es erneut auf, um zu versuchen, diese wertvolle E-Mail-Adresse erneut abzurufen.
Diese Seite enthält auch einige nützliche Tools für Folgendes:
- Die Matte anzeigen oder nicht anzeigen, wenn jemand bereits abonniert ist
- Entfernen der Möglichkeit, von der Begrüßungsmatte wegzuscrollen (im Wesentlichen in eine permanente Zielseite zu verwandeln)
- Umleitung auf eine andere URL nach einem Abonnement
- Erhalten Sie eine Benachrichtigung, wenn jemand Ihre Liste abonniert
Klicken Sie auf die Schaltfläche Speichern, nachdem Sie diesen Schritt abgeschlossen haben.
Schritt 6: Verbinden Sie sich mit Ihrem E-Mail-Dienst
Die SumoMe-Lösung enthält noch einige andere Funktionen. Sie können beispielsweise A/B-Tests, Anzeigeregeln, benutzerdefinierten Code und Tracking-Pixel verwalten. Die letzte wesentliche Registerkarte heißt jedoch Dienste.
Da Sie zum Sammeln Ihrer E-Mails einen E-Mail-Dienst benötigen, empfehlen wir Ihnen, auf eine der Optionen zu klicken. Sie haben Dienste wie MailChimp, AWeber und Constant Contact. Sie müssen eines dieser Konten bereits eingerichtet haben, da es nur ein Ein-Klick-Prozess ist, bei dem Sie Ihre Anmeldedaten eingeben.
Schritt 7: Aktivieren Sie die Begrüßungsmatte
Sobald Sie die perfekt aussehende Willkommensmatte entwickelt haben, navigieren Sie zu dem kleinen Schalter in der oberen linken Ecke und klicken Sie darauf. Dadurch wird es grün und zeigt eine aktive Nachricht an. Gehen Sie schließlich zum Frontend Ihrer Website, um zu sehen, wie es aussieht. Wir empfehlen, es auszuprobieren, um zu sehen, ob das E-Mail-Sammeltool für Sie funktioniert. Ansonsten herzlichen Glückwunsch zu Ihrer ersten Willkommensmatte!
Bonus: [thrive_2step id='878′] Klicken Sie hier, um eine gedruckte Kopie [/thrive_2step] dieser einfachen Schritt-für-Schritt-Anleitung zur SumoMe-Willkommensmatte herunterzuladen und einfach als PDF zu speichern oder zur späteren Verwendung auszudrucken.
Was sind einige andere coole Apps und Plugins für eine Willkommensmatte?
Obwohl nicht alle speziell als Willkommensmatten konzipiert sind, funktionieren sie als E-Mail-Abonnement-Popups, Call-to-Actions und Squeeze-Pages und ermöglichen so den ultimativen Willkommensgruß auf Ihrer Website.
Gedeihen Sie Leads
OptinMonster
LeadPages
Haben Sie Fragen zu Welcome Mats für WordPress?
Zu lernen, wie man eine Willkommensmatte für Ihre WordPress-Site erstellt, hat viele Vorteile, einschließlich der Möglichkeit, zu präsentieren, was die Leute von Ihrer Site profitieren können, und gleichzeitig Ihre Conversions zu verbessern. Das Beste daran ist, dass Sie bei SumoMe nicht bezahlen müssen, es sei denn, Sie möchten Ihre Anpassungsoptionen wirklich verbessern. Selbst dann ist es verdammt erschwinglich.
Wenn Sie Fragen zur Herstellung Ihrer eigenen Willkommensmatte haben, können Sie uns gerne eine Nachricht im Kommentarbereich unten hinterlassen. Teilen Sie uns andernfalls Ihre Meinung zu SumoMe und dem Willkommensmatten-Tool mit.