Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här skapar du en välkomstgrind i WordPress

Vill du add to en välkomstgrind till din site i WordPress?

Att använda en välkomstgrind är en av de mest konverterande teknikerna för att bygga email list på marknaden. Den genomför omedelbart användarens uppmärksamhet och hjälper dig att öka konverteringen.

I den här artikeln kommer vi att visa dig hur du skapar en välkomstgrind i WordPress utan att påverka sökmotorsoptimeringen.

How to create a welcome gate in WordPress

Vad är en välkomstgrind?

En välkomstgrind är en call-to-action i helskärm som visas innan en användare kan se något content. Ofta använder WordPress-webbplatsägare den för att snabbt fånga användarnas uppmärksamhet och visa ett riktat erbjudande för att bygga sina email lists.

Traditionella tekniker för välkomstgrindar redirectar helt enkelt användarna till en new page. Eftersom användarna inte ser något annat på vyn än en call-to-action eller en annons, säkerställer detta maximal konvertering. Låter bra, eller hur? Men här är haken.

Att omdirigera användare till en page som de inte har requestat är dåligt för din sites WordPress sökmotorsoptimering och användarupplevelse. Google straffar webbplatser för att redirecta användare istället för att visa dem det begärda innehållet.

Men moderna tillägg för välkomstgrindar i WordPress allow you to maximize convertering without affecting your site’s SEO. Låt oss titta på hur du kan skapa dem för din website.

Lägga till en välkomstgrind på WordPress website

Det bästa sättet att add to en välkomstgrind i WordPress är genom att använda OptinMonster. Det är den bästa WordPress popup plugin och lead generation lösning på marknaden.

It allows you to create high-converting optin forms such as welcome gates, exit-intent lightbox popups, scroll-triggered slide-ins, floating bars, and more. You can also do A/B testing, page-level targeting, and gathering conversion analytics.

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

OptinMonster är en betaltjänst, men WPBeginners användare får en exklusiv 10% rabatt med OptinMonster Coupon code: WPB10. Du behöver åtminstone Basic-planen för att använda Fullscreen Overlays för att skapa en välkomstgrind.

Först måste du besöka OptinMonster-webbplatsen och registrera dig för ett konto. Klicka bara på knappen ”Kom igång OptinMonster nu” för att komma igång.

OptinMonster

När du har köpt OptinMonster måste du installera och aktivera OptinMonster WordPress plugin. För mer detaljer, vänligen se vår guide om hur du installerar ett WordPress plugin.

Med pluginet kan du ansluta ditt OptinMonster-konto till din WordPress website.

När du är aktiverad kommer du att se välkomstvyn. Gå vidare och klicka på knappen ”Anslut ditt befintliga konto”.

Connect your existing account

Därefter öppnas ett new window där du ombeds att ansluta din website WordPress.

Du kan klicka på knappen ”Anslut till WordPress” för att fortsätta.

Connect OptinMonster to WordPress

Efter det måste du gå till OptinMonster ” Kampanjer från din WordPress dashboard.

Här kan du klicka på knappen ”Create Your First Campaign”.

Create first OptinMonster campaign

Därefter kommer OptinMonster att be dig att välja en kampanjtyp och template.

Eftersom du vill skapa en välkomstgrind går du vidare och väljer kampanjtypen ”Fullscreen”. Härifrån kan du välja en template för din kampanj.

Choose fullscreen campaign type and template

När du har valt en template öppnas ett new fönster.

Gå vidare och enter ett namn för din kampanj och click the ”Start Building” button.

Click start building

Detta kommer att starta drag and drop-kampanjbyggaren.

Du kan lägga till block från menyn till vänster genom att helt enkelt dra och dropa dem på templaten. Det finns till exempel block för att lägga till images, knappar, videoklipp med mera.

Edit your welcome gate campaign

Dessutom kan du klicka på de befintliga blocken i mallen för att customize dem ytterligare.

You can for instance click the template’s call-to-action (CTA) button to change its text, alignment, color, and more.

Edit existing blocks

När du är klar klickar du på knappen ”Save” högst upp.

Display av din Welcome Gate-kampanj i WordPress

Timing är avgörande när du vill visa en välkomstgrind i fullskärm. Till skillnad från andra lösningar som finns tillgängliga på marknaden tillhandahåller OptinMonster ett brett utbud av beteendemässiga kontroller som hjälper dig att öka dina konverteringsfrekvenser.

Först måste du växla till tabben ”Display Rules” högst upp.

Därefter kan du selecta olika typer av regler för att visa your campaign. Instance, you can display the welcome gate when a user spends a certain amount of time on the page.

Time on page display rules

På samma sätt kan du också visa kampanjen som en exit gate.

Om du väljer visningsregeln Exit Intent öppnas popupen precis när besökaren är på väg att lämna din website. Detta hjälper till att konvertera övergivande besökare till leads och customers.

Choose the exit intent option as the display rule

Därefter kan du välja var din välkomstgrind ska appear.

I den här tutorialen använder vi standardinställningen som visar kampanjen på alla pages när en användare tillbringar minst 5 sekunder på webbplatsen.

OptinMonster display rule

Efter det kan du gå till tabben ”Publicera” högst upp.

Ändra sedan statusen för Publicera från Draft till Publicera.

Publish the welcome gate campaign

När du har gjort det kan du klicka på knappen ”Save” högst upp och lämna kampanjbyggaren.

Efter det kommer du att se WordPress Output Settings för din kampanj. Gå vidare och klicka på dropdown-menyn Status och ändra den från Inventerad till Publicerad.

Change the output settings to publish

Glöm inte att clicka på knappen ”Save Changes” när du är klar.

Din välkomstgrind i full vy är nu live på din website. You can check it by opening a new window under incognito mode and visiting your website.

Welcome gate popup preview

Användbara resurser för att skapa popups i WordPress

Här är några ytterligare användbara guider om hur du skapar olika typer av popup-kampanjer på din site:

Vi hoppas att den här artikeln hjälpte dig att skapa en välkomstgrind i WordPress. Du kanske också vill ta en titt på vår guide om hur du startar en online store och våra expertval av de bästa WooCommerce tilläggen.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

13 kommentarerLämna ett svar

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Paul Nicholson says

    Nice article. A welcome gate on our Bar website offering 20% off next meal on signup did excellent.
    I would say that drove almost 30 signups a day and very few would claim the discount.

  3. Abir Kr. Paul says

    Thanx WPBEGINNER… It was quite Helpful.Can you people discuss about how to create a complete online shopping system including simple and variable product.

  4. Jayne says

    Totally agree with last few comments. I will leave immediately if I’m asked to sign up before I’ve even seen what the site has to offer. How do I know if I’m going to like it before I’ve even seen it.

    I also particularly hate being asked to signup to a newsletter when I’m already a subscriber. Surely there’s a way around that???

  5. Heather Harman says

    Interesting article. But are welcome gates any different from Landing pages? As a newbie to email marketing, It ’s probably also worth mentioning that your don’t receive anything other than optin forms on the standard package.

    • WPBeginner Support says

      No they’re different.

      Welcome gates as demonstrated in the article above are call-to-action that’s displayed as an overlay vs landing pages are separate pages.

      A welcome gate is something that overlays on top of a landing page

      Administratör

  6. Jer Trihouse says

    Good article. Can you go a bit deeper regarding Google’s policies and discuss some strategies for using OptinMonster on specific Pages and Posts when employing WordPress?

    If Google ranks your site on Page 1 of organic and PPC search results, how do I reduce risk of experiencing penalties or banning?

    • Editorial Staff says

      Hi Jer,

      OptinMonster allows you to control who sees the fullscreen and when. If a user is coming from Google on a specific page (PPC), then you can turn off Fullscreen.

      For organic results, it doesn’t impact them.

      Administratör

  7. Bob Barr says

    I absolutely abhor having a welcome gate fire upon entering a site. Probably the quickest way to get me to leave a site and never return (besides auto-playing music) is to block me from seeing the site’s content. Asking for my email address before I’ve even gotten my first glimpse of the site is particularly irritating to me.

    • LeAllyson Meyer says

      I agree with Bob. When I see a welcome screen that requires me to leave my email address when I have not even determined if the site is of interest to me, it irritates me. It is presumptuous for me to think people will want to receive my email newsletters when they haven’t even read anything on my site yet.

    • Bruce Maples says

      I agree. I’m seeing these on more and more sites, and they are becoming more and more annoying. I would love to get more newsletter signups and site signups — who wouldn’t? — but the ongoing in-your-face annoyance is enough to make me abandon the site.

      Even worse? The sites that throw up the popup asking me to subscribe to their newsletter, when I already subscribed on my last visit. I understand that it’s probably very difficult to know that — but it is still annoying.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.