Hur man skapar en hälsning för din WordPress-webbplats (+ exempel)

Vill du lägga till en välkomstmatta till din webbplats i helskärmsläge?

Welcome Mat är en dynamisk helskärmsöverlägg som låter dig få fler prenumeranter på nyhetsbrevet, ladda ner e-böcker, sälja produkter, etc.

I den här artikeln kommer du att lära dig hur du skapar en hälsningsmatta för din WordPress-sajt och några bra exempel på hälsningsmattor som du kan lära dig av.

Varför kan en gratulationsmatta öka dina konverteringar?

Över 70 % av besökarna som lämnar din webbplats kommer aldrig tillbaka om de inte har registrerats av en kund eller e-postklient.

Välkomstmattan är en fantastisk helskärmsannons som blockerar visningen av resten av din webbplats innehåll för att fånga användarens uppmärksamhet.

Detta kan tyckas vara en dålig idé, men det är ett bra sätt att förmedla ditt budskap till dina besökare.

Om besökaren inte vill ha det du har att erbjuda kan de helt enkelt stänga.

Erbjudanden genererar höga konverteringsfrekvenser, som popup-fönster.

Naturligtvis vill man ge folk en bra anledning att anmäla sig. Om du inte har en blymagnet ännu kan du erbjuda en rabattkod eller till och med en present.

Här är två exempel på väldigt olika hälsningsmattor med mycket höga konverteringsfrekvenser:

Ovan finns en hälsningsmatta som vi använder på vår WPForms-blogg och den är väldigt bra.

Följande skärmdump är en välkomstmatta som vi använder en av våra viktigaste magneter, perfekt för att engagera användare i vårt e-nyhetsbrev:

Låt oss se hur du enkelt kan lägga till en välkomstmatta på din webbplats.

Hur man skapar en välkomstmatta för din hemsida

Först måste du registrera dig för ett OptinMonster-konto. Det är den bästa programvaran för att generera potentiella kunder i världen och låter dig enkelt skapa registreringsformulär, inklusive hälsningsmattor.

notera: WPBeginner-grundaren Syed Balkhi utvecklade först OptinMonster för att öka våra prenumeranter och försäljning. Det är för närvarande ett premiumplugin som används av hundratusentals webbplatser.

Installera och aktivera sedan OptinMonster WordPress-plugin. För mer information, se vår steg-för-steg-guide för att installera ett WordPress-plugin.

Insticksprogrammet länkar OptinMonster-appen till din webbplats. När du har aktiverat plugin-programmet klickar du på OptinMonster-menyn i din WordPress-instrumentpanel för att ansluta till ditt konto.

Då kan du skapa din välkomstmatta.

Skapa en välkomstmatta för din webbplats

Klicka på knappen “Skapa ny kampanj” på din WordPress-instrumentpanel för att börja skapa din hälsningsmatta.

Du kommer att tas till OptinMonsters webbplats.

Välj sedan “Helskärm” för din kampanjtyp.

Du måste välja en mall för din kampanj. Vi använder ett inmatningsmönster, men du kan välja ett annat om du vill.

När du har klickat på knappen “Använd mall” visas skärmen för att skapa kampanj enligt följande:

Här kan du ändra vad du vill. Naturligtvis vill du redigera texten så att den passar dina egna förslag.

Klicka bara på ett objekt så ser du att du kan redigera det i den vänstra rutan.

Gå sedan till Välj Inställningar »Bakgrund i helskärmslägeKlicka på Bakgrundsfärg och ställ in värdet A (alfa) till 100.

Detta säkerställer att din hälsning inte är transparent så att innehållet på din webbplats inte visas.

Nästa steg är att låta din hälsning glida. För att göra detta, klicka på “Start”-knappen till vänster och sedan på “Inställningar för helskärm”.

Härifrån ändrar du inställningen Show Side Slide till grön.

Detta innebär att din hälsning glider ner från toppen av skärmen istället för att försvinna från synen.

Växla sedan till vyn “Framgång” för din hälsning. Detta ser användaren efter att ha utfört önskad åtgärd.

När du är nöjd med din välkomstmatta kan du konfigurera hur den ser ut på din webbplats.

Låt din välkomstmatta dyka upp på din hemsida

Du kan konfigurera hur hälsningspopupen kommer att visas genom att gå till fliken Visa regler i OptinMonste.

Som standard visas OptinMonster-kampanjer på alla sidor på din webbplats av besökare. 5 Jag var där på några sekunder. Eftersom det här är en välkomstmatta kanske du vill att den ska dyka upp direkt. Ändra bara detta värde till 0 sekunder.

Som standard visas välkomstformuläret på varje sida på din webbplats. OptinMonsters personaliseringsregler gör att du enkelt kan inkludera eller exkludera specifika sidor.

Det finns många andra anpassnings- och justeringsalternativ, t.ex. Till exempel. Användarens plats, varor i varukorgen, åtgärder som tidigare vidtagits på deras webbplats, etc.

När du är redo att sätta din gratulationsmatta live klickar du bara på knappen “Publicera” högst upp på skärmen. Du måste växla omkopplaren bredvid “Status” för att se “Live”.

Glöm inte att klicka på “Spara” för att spara dina ändringar.

Gå nu till din WordPress-webbplats och klicka på menyalternativet OptinMonster. Du kommer att se din välkomstkampanj bredvid alla andra kampanjer som du har skapat.

Om du inte ser det klickar du bara på “Uppdatera kampanj” för att hämta data från sidan OptinMonster.

För att se din kampanj besöker du din webbplats i ett nytt inkognitofönster. Du kommer att se din hälsning flytande från toppen av skärmen.

Exempel på bra gratulationsmattor

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 singularitet

Denna välkomstmatta från Singularity fick användare att logga in och titta på Singularity University Global Summit livestream. Det var mycket framgångsrikt och det gjordes på mindre än 9 dagar, fler än 2 000 nya e-postregistreringar.

Vi gillar särskilt den stora användningen av logotypen, det rena och ljusa typsnittet Remember Me! Knut.

2, Get, författare

Goins denna mattförfattare erbjuder en gratis guide. Det är ett tydligt och enkelt erbjudande och den minimalistiska designen matchar resten av sajten.

Vi tror att “Ja” och “Nej tack”-knapparna är tydliga och lätta att använda, och användningen av siffror i titeln är ett övertygande förslag.

3, AVweb

Denna hälsningsmatta har en stor, tydlig bild av ett litet plan. Det känns omedelbart.

Vi fick den fantastiska och tydliga bilden “Logga in!” Vänligen uppmaning. En liten förändring skulle vara att förkorta tagline för att förhindra att den täcker toppen av planet.

Landskap 4 lass

Denna färgglada landskapsväv skiljer sig lite från de andra exemplen. Bakgrunden är lite genomskinlig.

Vi gillar det tydliga erbjudandet och entusiasmen för den röda uppmaningsknappen. Däremot kan bakgrunden till webbplatsen i välkomstformuläret vara lite irriterande, så det är värt att ändra den för att göra den helt ogenomskinlig.

5, Optimera MyBnb

Denna välkomstmatta användes på en specifik sida kopplad till en bok som webbplatsägaren sålde via externa återförsäljare. Dessa distributörer delade dock inte kundinformation. Att använda hälsningsmattor på detta sätt hjälpte till att fånga kundernas e-postadresser.

Vi tycker att rubrikerna är tydliga, undertexter och uppmaningar fungerar bra. Vi tror dock att “elementet” på knappen kan vara “elementet” i de flesta. Detta visar hur viktigt det är att läsa texten på ditt gratulationskort noggrant.

Det finns dussintals andra exempel på helskärmshälsningsmattor 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 ett specifikt erbjudande eller kupong
• Visa upp nya produkter och tjänster.
• Berätta för besökarna vad de kan förvänta sig av webbplatsen
• Tjäna nya prenumeranter genom att presentera ditt bästa innehåll
• Led besökare till dina sociala medieprofiler
• Att sammanföra e-postprenumeranter som en del av förlanseringsfasen

Om du på allvar vill förbättra din webbplats omvandlingar, är välkomstformulär och till och med att lämna fullskärmsutrymme bland de viktigaste konverteringsobjekten du kan lägga till på din webbplats.

Vi hoppas att den här artikeln hjälpte dig att skapa en välkomstmatta för din webbplats och hittade inspirerande exempel. Du kan också kolla in vår jämförelse av de bästa e-postmarknadsföringstjänsterna och vår lista över viktiga WordPress-plugins.

Om du gillade den här artikeln, prenumerera på vår YouTube-kanal för WordPress-videohandledning. Du kan också hitta oss på Twitter och Facebook.