Gå till innehållet

Egenskaperna hos en effektiv popup för WordPress

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Tidigare hade webbplatser många onödiga element, nämligen sidor fulla av flashiga och fula färgscheman, för mycket text fast i små utrymmen och popup-fönster som dyker upp och irriterar besökare.

Men designarna visste inte mer då eller, snarare, de arbetade bara med de enda designtrenderna och bästa praxis som de visste.

Tiderna har förändrats mycket sedan dess.

Webbutvecklare och designers är inte längre begränsade av teknik eller teknik, vilket innebär att det inte finns fler ursäkter för dålig design. Detta påverkar alla element som finns på en WordPress-webbplats, från huvudbilden på hemsidan till kontaktformulär, samt typografi till popup-fönster. Allt räknas nu när man designar för användarupplevelsen.

Idag vill jag fokusera på vad som gör en popup effektiv, något som jag anser vara en viktig del av konverteringsprocessen. Specifikt vill jag ta en titt på anatomi för en effektiv WordPress-popup och hur detta spännande element kan öka din omvandlingsfrekvens.

Argumentet för att använda popup-fönster på WordPress

Pop-ups är ett intressant designelement. Medan de tillfälligt avbryter användarupplevelsen (vilket vanligtvis inte uppskattas mycket), erbjuder de som görs rätt något så tilltalande eller spännande att besökarna inte har något emot att förlora en minut att uppmärksamma.

Naturligtvis talar vi i det här fallet om konverteringsgenererande popup-fönster som används för att samla prenumeranter på nyhetsbrev eller för att pressa besökare att göra inköp. Men popup-fönster kan användas för olika ändamål. Du kan till exempel dela dina cookies eller din integritetspolicy, rekommendera relaterade artiklar efter att besökare lagt till något i kundvagnen eller till och med be dem att göra en snabb undersökning.

Pop-up-anatomi - Pop-up av målrekommendationer

För det mesta, om du använder ett popup-fönster, vill du förmodligen att besökare ska vidta åtgärder. När allt kommer omkring, varför avbryta deras upplevelse om störningen inte är en användbar användning av deras tid? Enligt en studie av nästan två miljarder popup-fönster fann de att den genomsnittliga omvandlingsfrekvensen för dessa typer av popup-fönster var 3,09%.

Nu är det fråga om: Är popup-fönster fortfarande relevanta och effektiva? Om marknaden är så övermättad med popup-popup-fönster, hej-staplar, helsidesöverlägg med mera, är det här ett verktyg för konverteringsgenerator som är värt att använda på din WordPress-webbplats?

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

Naturligtvis !!!

Pop-ups tar hänsyn till många bra webbdesignpraxis. Till exempel:

  • Pop-ups tar bort onödig röran från webbplatsens sidor.
  • De består vanligtvis av rena bilder och minimal text.
  • Uppmaningarna till handling är väl utformade och erbjuds enkelt i termer av ordalydelsen.
  • Det finns en liten inlärningskurva för dina besökare eftersom de flesta är bekanta med popup-fönster och vet hur man interagerar med dem.
  • Pop-ups ger en rolig möjlighet att införa din webbplats med animationer, videor eller sociala bevis.
  • Du kan enkelt skapa dem med WordPress-plugins av hög kvalitet som Hustle eller OptinMonster.

Anatomi popup - socialt bevis HubSpot

I allmänhet är en väldesignad pop-up perfekt för att fånga besökarnas uppmärksamhet när du behöver det mest. Du kan använda dem för att skicka meddelanden eller begäranden i rätt tid. Du kan också använda besökardata för att locka dem att göra ett köp.

Anatomi för en effektiv WordPress-popup

Uppenbarligen beror framgångarna för din WordPress-webbplats pop-ups på sådana som är perfekt utformade och har erbjudanden så övertygande att besökare inte kan låta bli att engagera sig. Så låt oss ta en titt på hur en vinnande formel ser ut för en effektiv popup.

1. stil

De olika typerna av popup-fönster tenderar att vara effektivare när det gäller att konvertera besökare till prenumeranter:

  • Pop-ups för e-postprenumerationer har en konverteringsfrekvens på 2,9%.
  • Välkomst popup-fönster (de som fyller hela sidan vid inträde) konverteras till 2,6%.
  • Rulning-utlösta popup-fönster konverterar 1,9%.
  • Smart eller Hello popup-fönster visar en omvandling av 0,5%.

Det betyder inte att du alltid måste använda en traditionell popup-popup för e-postprenumeration. Här är ett exempel från Neil Patels webbplats.

Popup-anatomi - Neil Patel's Bar Hej

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

Den här är bra gjort, eftersom den är enkelt utformad, icke-påträngande, et använder rolig animering för att fånga uppmärksamhet om dess minimala fotavtryck går obemärkt förbi. Tänk på att välja stil inte handlar om att använda den som är den mest populära eller mest kända för högre omvandlingsfrekvenser. Det handlar om att hitta en stil som fungerar för din webbplats, dina besökare, och som är utformad för att komplettera upplevelsen däremellan.

2. färg

Färg spelar naturligtvis alltid en viktig roll i webbdesign. Genom att förstå psykologin bakom dina valda färger kan du skapa mer effektiva popup-fönster som konverterar. Naturligtvis kan du inte heller glömma det etablerade färgschemat för ditt varumärke, så det handlar om att hitta en balans mellan att designa ett popup-fönster som ser bra ut på webbplatsen, men som tvingar också besökare att vidta åtgärder.

3. komposition

Det är viktigt att ta ett steg tillbaka och se popup-fönstret som helhet. Även om utformningen av varje rörlig del i popup-fönstret spelar roll, liksom pop-upens övergripande smink.

Ditt popup-fönster ska:

  • vara enkel och lätt att följa.
  • Designad med rena linjer och vara välbalanserad.
  • Inkludera relevanta och högupplösta bilder; helst en enda bild som sammanfattar ämnet för erbjudandet.
  • Verkar vara en förlängning av din webbplats och uppenbarligen inte gjord av ett popup-fönster med begränsade anpassningsalternativ.
  • Använd en stor, lättläst typografi.

4. text

Sedan har vi popup-meddelandet. Även om du inte är i färd med att utveckla språket som ingår i dessa saker, finns det ett antal bästa metoder som du fortfarande bör vara medveten om när det gäller att fylla popup-fönster med text.

Tänk på följande:

  • Inkludera alltid en rubrik, ett kort meddelande (en mening kommer att göra) och en uppmaning till handling.
  • Använd ett starkt språk som tilltalar besökarnas känslor.
  • Var kortfattad. Om du inte kan skriva det med mindre än 30 ord tillhör detta meddelande inte ett popup-fönster.
  • Använd samma ton och personlighet som du använder på din webbplats.
  • Erbjuda något värdefullt som dina besökare inte hittar någon annanstans på webbplatsen.
  • Använd brådskande om möjligt. Om du inte kan göra det med ord, gör det med färg.

Anatomi pop-up - Wishpond-skärmöverlägg

5. CTA

Det finns en underlig växande trend idag där webbplatser erbjuder besökare två alternativ för uppmaning till handling. Jag förstår varför den här trenden växer, men jag har sett den tillämpas fel på så många webbplatser att jag hoppas att trenden kommer att dö ut så småningom.

Du har förmodligen sett den här dåliga applikationen själv:

  1. Det positiva alternativet : Den här säger, ”Åh, tack, tack! Jag vet att detta erbjudande håller på att förändra mitt liv till det bättre! " 
  2. Det negativa alternativet : Den här säger: "Jag gillar att göra dåliga livsval och jag uppskattar att du gnuggar mitt ansikte." Låt mig klicka på det här alternativet för automatisk avskrivning för att få ett annat fönster som frågar mig igen om jag vill fatta detta fruktansvärda beslut. " 

Detta betyder inte att alla popup-fönster med två CTA-alternativ är dåligt utformade eller avsedda att skämma besökaren. Tim Ferris har ett bra exempel på en väl gjort dual option CTA:

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

Pop-up Anatomy - Tim Ferris Positive Negative

Sammantaget skulle jag dock säga att om du försöker vara sarkastisk eller skrämma dina besökare till sitt beslut, gå sedan ut från din webbplats och lägg den på Twitter. Din webbplats är inte en plats för det och Twitter kommer förhoppningsvis att svälja upp det helt.

Bortsett från den sällskapsdjuret, föreslår jag också att uppmaningen till handling är enkel. Använd ett enkelt språk som gör det tydligt vad besökarna får för att skriva in sin e-post eller klicka på knappen. Håll också jobbet till ett minimum: högst två fält att fylla i (t.ex. e-post och kanske ett namn) och en knapp att klicka på.

Det är det för den här självstudien, jag hoppas att det låter dig utforma dina uppmaningsknappar väl.

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen