Vill du lägga till en hälsning till din webbplats i helskärmsläge?
Welcome Mat är ett dynamiskt överlag på hela skärmen som gör att du kan få fler nyhetsbrevskunder, nedladdningar av e-bok, produktförsäljning och mer.
I den här artikeln kommer du att lära dig hur du skapar hälsningsmattor för din WordPress-webbplats och några bra exempel på hälsningsmattor som du kan lära dig.
Varför kan gratulationskort öka dina konverteringar?
Mer än 70% av besökarna som lämnar din webbplats kommer aldrig tillbaka om de inte skapas av en kund eller e-postklient.
Välkomstmatten är ett trevligt helskärmsgränssnitt som blockerar visningen av resten av webbplatsens innehåll för att locka användarens uppmärksamhet.
Det här kan tyckas vara en dålig idé, men det här är ett bra sätt att få ditt meddelande till dina besökare.
Om besökare inte vill ha vad du har att erbjuda kan de stänga det.
Talblockar ger höga konverteringsfrekvenser, till exempel popup-fönster.
Naturligtvis vill du ge människor en god anledning att registrera sig. Om du inte redan har en tennmagnet kan du erbjuda en rabattkod eller till och med en gåva.
Här är två exempel på mycket olika hälsningsmattor med mycket höga konverteringsgrader:
Ovanstående är hälsningsmattan som vi använder på vår WPForms-blogg och det visar sig mycket bra.
Följande skärmdump är en välkomstmatta som vi använder en av våra viktigaste magneter, vilket är bra för användare att delta i våra nyhetsbrev via e-post:
Låt oss se hur du enkelt kan lägga till en välkomstmatta på din webbplats.
Hur man gör en välkomstmatta för din webbplats
Först måste du registrera dig för ett OptinMonster-konto. Detta är den bästa tennproducerande programvaran i världen och låter dig enkelt skapa registreringsformulär, inklusive hälsningar.
notera: WPBeginner-grundaren Syed Balkhi utvecklade först OptinMonster för att öka våra egna kunder och försäljning. Nu är det ett premium-plugin som används av hundratusentals webbplatser.
Installera och aktivera sedan WordPress OptinMonster-plugin. Mer information finns i vår steg-för-steg-guide för installation av WordPress-plugin.
Detta plugin ansluter OptinMonster-applikationen till din webbplats. När du har aktiverat plugin klickar du på OptinMonster-menyn i din WordPress-instrumentpanel för att ansluta till ditt konto.
Då kan du göra en välkomstmatta.
Skapa en välkomstmatta för din webbplats
Klicka på knappen “Skapa en ny kampanj” på din WordPress-instrumentpanel för att börja hälsa.
Du kommer att tas till OptinMonster-webbplatsen.
Välj sedan “Helskärm” för din kampanjtyp.
Du måste välja en mall för din kampanj. Vi använder en inmatningsmall, men du kan välja en annan om så önskas.
När du har klickat på knappen “Använd mall” visas skärmen för kampanjskapande på följande sätt:
Här kan du ändra vad du vill. Naturligtvis vill du redigera texten så att den matchar ditt eget erbjudande.
Klicka bara på ett objekt så ser du att du kan redigera det i den vänstra panelen.
Gå sedan till Optininställningar »Bakgrund i helskärmsläge, Klicka på Bakgrundsfärg och ställ in värdet på A (Alpha) till 100.
Detta säkerställer att dina hälsningar inte är transparenta så att webbplatsens innehåll inte visas.
Nästa steg är att låta dina hälsningar glida. För att göra detta, klicka på “Start” -knappen till vänster och sedan på “Helskärmsinställningar.”
Härifrån ändrar du inställningen Show Side Slide till grönt.
Detta betyder att dina hälsningar glider ner från toppen av skärmen istället för att försvinna från synen.
Byt sedan till “Succes” -vyn för dina hälsningar. Den ser användaren efter att ha vidtagit önskad åtgärd.
När du är nöjd med välkomstmatten kan du konfigurera hur det ser ut på din webbplats.
Låt din välkomstmatta visas på din webbplats
Du kan konfigurera hur tal-popup-fönster kommer att visas genom att öppna fliken Visa regler i OptinMonste.
Som standard visas OptinMonster-kampanjen på alla sidor på din webbplats av besökare. 5 Jag var där i några sekunder. Eftersom detta är en välkomnande matta, kanske du vill visas direkt. Ändra detta värde till 0 sekunder.
Som standard visas ett välkomstformulär på varje sida på din webbplats. Med OptinMonsters personaliseringsregler kan du enkelt ange eller utesluta vissa sidor.
Det finns många andra anpassnings- och justeringsalternativ, till exempel. Som ett exempel. Användarens plats, artiklar i sin kundvagn, åtgärder som tidigare gjorts på sin webbplats etc.
När du är redo att sätta på gratulationen matta, klicka bara på “Publicera” -knappen längst upp på skärmen. Du måste aktivera omkopplaren bredvid “Status” för att se “Direkt”.
Glöm inte att klicka på “Spara” för att spara dina ändringar.
Gå nu till din WordPress-webbplats och klicka på OptinMonster-menyalternativet. Du bör se din välkomstkampanj bredvid en annan kampanj som du skapade.
Om du inte ser det klickar du bara på “Uppdatera kampanj” för att hämta data från OptinMonster-webbplatsen.
Besök din webbplats i ett nytt inkognitofönster för att se din kampanj. Du kommer att se en bild av ditt tal smidigt från toppen av skärmen.
Exempel på en bra hälsningsmatta
Låt oss titta på några exempel på hälsningsmattor från olika branscher. För var och en av oss ser vi vad de gör bra, liksom alla små förändringar vi kan föreslå.
1 sekularitet
Denna välkomstmatta för Singularity får användarna att gå in och titta på direktutsändningen av Singularity University Global Summit. Detta är mycket framgångsrikt och har gjorts på mindre än 9 dagar plus 2 000 nya registrerade e-postabonnemang.
Vi gillar särskilt användningen av logotyper, tydliga och ljusa teckensnitt “Kom ihåg mig!” Knapp.
2, Goins, författare
Denna Goins, Writer hälsning matta ger en gratis guide. Detta är ett tydligt och enkelt erbjudande och en minimalistisk design matchar resten av webbplatsen.
Vi tror att knapparna “Ja” och “Nej tack” är tydliga och enkla att använda, och användningen av siffror i rubriker är ett intressant förslag.
3, AVweb
Denna välkomnande matta har en stor och tydlig bild av ett litet flygplan. Det känns direkt.
Vi får fantastiska bilder och “Logga in!” Vänligen ring till handling. En liten förändring som kan göras är att förkorta parolen så att den inte täcker planets topp.
4 liggande bakgrunder
Denna landskapsbelastade välkomstmatta skiljer sig lite från de andra exemplen. Bakgrunden är ganska transparent.
Vi älskar det tydliga erbjudandet och entusiasmen för den röda call to action-knappen. Men platsbakgrunden i form av en hälsning kan vara lite irriterande, så det är bäst att ändra den så att den blir riktigt suddig.
5, OptimizeMyBnb
Denna välkomstmatta används på vissa sidor som är länkade till böcker som säljs av webbplatsägaren via en extern återförsäljare. Denna distributör delar dock inte kundinformation. Att använda hälsningsmattor på detta sätt hjälper till att fånga kundens e-postadress.
Vi tänker titlar, undertexter och uppmaningar till handling som helt klart fungerar bra. Vi anser dock att “elementet” på knappen förmodligen borde vara “elementet” som mest. Detta visar hur viktigt det är att läsa texten på gratulationskortet noggrant.
Det finns dussintals exempel på hälsningsmattor på helskärm som du kan se, men vi har inte lagt till dem alla i den här guiden.
Om du letar efter mer inspiration, här är en helskärmshälsning:
- Skicka specifika erbjudanden eller kuponger
- Visa nya produkter och tjänster.
- Berätta för besökarna vad de kan förvänta sig av webbplatsen
- Skapa nya kunder genom att markera ditt bästa innehåll
- Rikta besökare till din sociala medieprofil
- Samla e-postprenumeranter som en del av fasen före lanseringen
Om du ser allvar med att öka din webbplats konvertering, välkomstformer och till och med att lämna helskärm utrymme är en av de viktigaste konverteringsobjekt som du kan lägga till på din webbplats.
Vi hoppas att den här artikeln har hjälpt dig att göra en välkomstmatta för din webbplats och hitta inspirerande exempel. Du kan också se vår jämförelse av de bästa e-postmarknadsföringstjänsterna och vår lista över viktiga WordPress-plugins.
Om du gillar den här artikeln kan du prenumerera på vår YouTube-kanal för att titta på WordPress-videotutorials. Du kan också hitta oss på Twitter och Facebook.
