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

En välkomstmatta är ett helskärms, dynamiskt överlägg som kan hjälpa dig att få fler nyhetsbrevsprenumeranter, nedladdningar av e-böcker, produktförsäljning och mer.

På WPBeginner och andra varumärken använder vi konsekvent välkomstmattor för att bygga vår e-postlista och marknadsföra olika produkter. Detta är ett utmärkt sätt att öka konverteringar på din webbplats och uppmuntra folk att återkomma.

I den här artikeln delar vi hur du skapar en välkomstmatta för din WordPress-webbplats, tillsammans med några bra exempel på välkomstmattor att lära av.

Varför en välkomstmatta kan öka dina konverteringar

Mer än 70 % av besökarna som lämnar din WordPress-webbplats kommer aldrig tillbaka om du inte konverterar dem till e-postprenumeranter eller kunder.

En välkomstmatta är en stor, helskärms interstitial som blockerar vyn av resten av din webbplats innehåll för att fånga användarens uppmärksamhet.

Det kanske låter som en dålig idé, men det är ett utmärkt sätt att få ditt meddelande framför besökarna direkt.

Om besökare inte vill ha det du erbjuder, kan de helt enkelt stänga välkomstmatten.

Självklart vill du ge folk en bra anledning att registrera sig om du visar en välkomstmatta istället för en exit-intent popup, som en rabattkod eller till och med en gratis gåva.

Till exempel kanske du har sett populära e-handelsbutiker erbjuda en speciell rabatt med hjälp av en helskärmsvälkomstmatta med gamification.

I andra fall kanske du har sett populära bloggare använda en helskärmsvälkomstmatta för att öka sin e-postlista.

Du kan till exempel erbjuda en gratis guide eller PDF-fil i utbyte mot en användares e-postadress.

Med det sagt, låt oss titta på hur du enkelt lägger till en välkomstmatta på din webbplats.

Hur du skapar en välkomstmatta för din webbplats

Det enklaste sättet att skapa en välkomstmatta i WordPress är att använda OptinMonster. Det är den bästa programvaran för leadgenerering i världen och låter dig enkelt skapa optin-formulär, inklusive välkomstmattor.

Du kan läsa vår kompletta OptinMonster-recension för mer information.

Först måste du besöka OptinMonster-webbplatsen och registrera ett konto. Du behöver minst Basic-planen för att skapa helskärmsöverlägg.

Därefter behöver du installera och aktivera OptinMonster WordPress-plugin. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Pluginet ansluter OptinMonster-appen till din webbplats. När du har aktiverat pluginet ser du installationsguiden i din WordPress-instrumentpanel. Klicka på knappen 'Anslut ditt befintliga konto'.

Därefter öppnas ett nytt fönster.

Klicka helt enkelt på knappen 'Anslut till WordPress'.

Nu är du redo att skapa din välkomstmatta.

Skapa en välkomstmatta för din webbplats

Du kan gå till OptinMonster » Kampanjer för att skapa en ny kampanj.

Klicka på knappen ‘Skapa din första kampanj’ för att börja skapa din välkomstmatta.

Ett nytt fönster kommer nu att dyka upp där du kan välja förbyggda mallar eller välja färdiga kampanjer och lead magnets, inspirerade av framgångsrika varumärken. OptinMonster ger dig också möjlighet att anlita en specialist för att anpassa dina kampanjer.

För den här handledningen kommer vi att använda alternativet 'Mallar'.

Detta tar dig till OptinMonsters kampanjbyggare.

Välj sedan 'Helskärm' som kampanjtyp.

Du måste välja en mall för din kampanj. Vi kommer att använda mallen 'Entré', men du kan välja en annan om du vill.

När du har valt en mall, ange ett namn för din kampanj och klicka på knappen 'Starta byggande'.

Därefter kan du anpassa din kampanj med dra-och-släpp-byggaren. Du kan ändra vad du vill här.

Det finns olika block som kan läggas till kampanjen, som bilder, text, knappar och mer. Du vill också redigera texten så att den motsvarar ditt erbjudande.

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

Till exempel kommer vi att ändra rubriken på helskärmens välkomstmatta för vår demo-kampanj.

Nästa steg är att låta din välkomstmatta glida in. Du kan göra detta genom att klicka på kugghjulsikonen för Inställningar längst ner till vänster.

Härifrån behöver du växla alternativet 'Visa en sidrutschkana?' för att aktivera det.

Detta innebär att din välkomstmatta kommer att glida ner från toppen av skärmen istället för att tonas in.

Därefter måste du växla till vyn 'Framgång' för din välkomstmatta. Detta är vad dina användare kommer att se efter att de har utfört önskad åtgärd. Om du vill kan du anpassa framgångsvyn eller använda standardmallen.

När du är nöjd med din välkomstmatta kan du ställa in hur den ska visas på din webbplats.

Visa välkomstmattan på din WordPress-webbplats

Du kan ställa in hur din välkomstmatta-popup ska visas genom att växla till fliken 'Visningsregler' i OptinMonster.

Det finns massor av personaliserings- och målinriktningsalternativ som användarnas plats, vilka artiklar de har i sin e-handelskorg, vad de tidigare har gjort på din webbplats, exit intent och mer.

Som standard visas OptinMonster-kampanjer på alla sidor på din webbplats efter att besökaren har varit där i 5 sekunder.

Eftersom detta är en välkomstmatta vill du förmodligen att den ska visas omedelbart. Ändra bara detta värde till 0 sekunder.

Som standard visas välkomstmatten på varje sida på din webbplats. Du kan enkelt inkludera eller exkludera specifika sidor genom att använda OptinMonsters personaliseringsregler.

Du kan klicka på knappen 'Klart? Gå till åtgärder' när du är klar.

Därefter ser du fler alternativ för att visa din kampanj. Du kan till exempel lägga till en effekt eller spela upp ett ljud när kampanjen visas på en användares skärm.

För den här handledningen använder vi standardinställningarna.

Om du skrollar ner ser du Cookieinställningar för din kampanj.

Du kan till exempel visa din kampanj igen om en användare redan har konverterat efter ett visst antal dagar. Likaså finns det också alternativ för att visa kampanjen igen för personer som stängde popupen eller såg den men inte konverterade.

På nästa skärm ser du en sammanfattning av dina inställningar för visningsregler.

Du kan redigera inställningarna innan du publicerar kampanjen.

När du är redo att göra din välkomstmatta live, gå helt enkelt till fliken 'Publicera' högst upp på skärmen.

Ändra publiceringsstatus från 'Utkast' till 'Publicera'.

Glöm inte att klicka på 'Spara' för att lagra dina ändringar och stänga kampanjbyggaren.

Därefter ser du WordPress-utdatainställningar för din kampanj. Se till att din kampanj är publicerad.

Om den inte är det, klicka helt enkelt på rullgardinsmenyn Status och välj alternativet 'Publicerad'. Glöm inte att klicka på knappen 'Spara ändringar' när du är klar.

För att kontrollera din kampanj kan du besöka din webbplats i ett nytt inkognitofönster.

Du bör se din välkomstmatta glida in sömlöst från toppen av din skärm.

Exempel på utmärkta välkomstmattor

Låt oss titta på några exempel på välkomstmattor från olika branscher. För varje exempel går vi igenom vad de gör bra, plus eventuella mindre ändringar vi kan föreslå.

1. Singularity

Den här välkomstmattan från Singularity uppmanade användare att registrera sig och titta på livestreamen från Singularity University Global Summit. Det var enormt framgångsrikt och genererade över 2 000 nya e-postregistreringar på under 9 dagar.

Vi gillar särskilt den utmärkta användningen av logotypen, de tydliga typsnitten och den ljusa knappen “Påminn mig!”.

2. Goins, Skribent

Denna välkomstmatta från Goins, Writer erbjuder en gratis guide. Det är ett tydligt, enkelt erbjudande, och den minimalistiska designen stämmer överens med resten av webbplatsen.

Vi anser att knapparna "Ja" och "Nej tack" är tydliga och lätta att använda, och användningen av siffror i rubriken gör erbjudandet övertygande.

3. AVweb

Denna välkomstmatta har en stor, tydlig bild av ett litet flygplan. Den är omedelbart iögonfallande.

Vi gillar den fina bilden och den tydliga uppmaningen till handling "Registrera mig!". En liten möjlig justering skulle vara att förkorta slagordet för att undvika att det täcker toppen av bilden.

4. Loaded Landscapes

Denna välkomstmatta från Loaded Landscapes är lite annorlunda än andra exempel. Bakgrunden är något transparent.

Vi gillar det tydliga erbjudandet och entusiasmen hos den röda knappen för "call to action". Bakgrunden på webbplatsen under välkomstmattan kan vara lite distraherande, så det kan vara värt att ändra den till att vara helt ogenomskinlig.

5. OptimizeMyBnb

Denna välkomstmatta användes på en specifik sida, som inkluderades som en klickbar länk i en bok som webbplatsägaren sålde via tredjepartsåterförsäljare. Dessa återförsäljare skickade dock inte vidare kundernas uppgifter. Att använda en välkomstmatta på detta sätt hjälpte till att samla in kundernas e-postadresser.

Vi anser att den mycket tydliga rubriken, underrubriken och texten för uppmaning till handling fungerade bra, och att knappen ‘nej tack’ används väl för att ge användaren en känsla av FOMO.

Det finns dussintals fler exempel på helskärms välkomstmattor som du kan se, men vi har inte lagt till alla i den här guiden.

Om du letar efter mer inspiration, här är några saker du kan göra med en helskärms välkomstmatta:

• Presentera ett riktat erbjudande eller en kupong
• Visa nya produkter och tjänster
• Låt besökare veta vad de kan förvänta sig av webbplatsen
• Vinn nya prenumeranter genom att lyfta fram deras bästa innehåll
• Rikta besökare till deras profiler på sociala medier
• Samla e-postprenumeranter som en del av en förlansering

Om du menar allvar med att förbättra dina webbplatskonverteringar, då är välkomstmattan och till och med helskärmsinterstitials vid avslutning några av de mest konverterande elementen du kan lägga till på din webbplats.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar en välkomstsida för din webbplats och att du fann exemplen inspirerande. Du kanske också vill titta på vår guide om hur man skapar en kupongpopup i WordPress och de bästa WordPress-plugins för meddelandefält.

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