Egenskaberne ved en effektiv popup til WordPress

Tidligere havde websteder mange unødvendige elementer, nemlig sider fulde af prangende og grimme farveskemaer, for meget tekst fast i små rum og pop op-vinduer, der dukker op og irriterer besøgende.

Men designerne vidste ikke mere dengang, eller rettere, de arbejdede bare med de eneste designtendenser og bedste praksis, de kendte.

Tiderne har ændret sig meget siden da.

Webudviklere og designere er ikke længere begrænset af teknologi eller teknik, hvilket betyder, at der ikke er flere undskyldninger for dårligt design. Dette vedrører hvert element, der findes på et WordPress-websted, fra startsidens overskriftsbillede til formularer kontakter, samt fra typografi til pop-ups. Alt betyder noget nu, når du designer til brugeroplevelse.

I dag vil jeg fokusere på, hvad der gør en popup effektiv, noget som jeg anser for at være en væsentlig del af konverteringsprocessen. Specifikt vil jeg gerne se på anatomien i en effektiv WordPress-pop-up, og hvordan dette spændende element kan øge din konverteringsfrekvens.

Argumentet for at bruge pop op-vinduer på WordPress

Pop-ups er et interessant designelement. Mens de midlertidigt afbryder brugeroplevelsen (hvilket normalt ikke er meget værdsat), tilbyder de der gøres rigtigt noget så tiltalende eller spændende, at besøgende ikke har noget imod at miste en minut til at være opmærksom.

Selvfølgelig taler vi i dette tilfælde om konverteringsgenererende pop-ups, der tjener til at samle abonnenter på nyhedsbrev eller lokke besøgende til at foretage køb. Pop-ups kan dog bruges til forskellige formål. For eksempel kan du dele dine cookies eller privatlivspolitik, anbefale relaterede varer, efter at besøgende har lagt noget i indkøbskurven, eller endda bede dem om at tage en hurtig undersøgelse.

For det meste, hvis du bruger et pop op-vindue, vil du sandsynligvis have besøgende til at handle. Når alt kommer til alt, hvorfor afbryde deres oplevelse, hvis forstyrrelsen ikke er en nyttig brug af deres tid? Ifølge en undersøgelse af næsten to milliarder pop-ups fandt de, at den gennemsnitlige konverteringsfrekvens for disse typer pop-ups var 3,09%.

Nu rejser det spørgsmålet: Er pop-ups stadig relevante og effektive? Hvis markedet er så overmættet med pop op-pop op-vinduer, hej-barer, helsides overlays og mere, er dette et konverteringsgeneratorværktøj værd at bruge på dit WordPress-sted?

Selvfølgelig !!!

Pop-ups tager højde for mange gode webdesignpraksis. For eksempel:

• Pop-ups fjerner unødvendig rod fra siderne på dit websted.
• De er normalt sammensat af ren visuals og minimal tekst.
• Opfordringerne til handling er godt designet og tilbydes blot i form af ordlyden.
• Der er en lille læringskurve for dine besøgende, da de fleste mennesker er fortrolige med pop op-vinduer og ved, hvordan de skal interagere med dem.
• Pop-ups giver en sjov mulighed for at tilføre dit websted animationer, videoer eller socialt bevis.
• Du kan nemt oprette dem med WordPress plugins høj kvalitet som Hustle eller OptinMonster.

Generelt er en veldesignet pop-up ideel til at få opmærksomhed fra besøgende, når du har mest brug for det. Du kan bruge dem til at sende notifikationer eller anmodninger i rette tid. Du kan også bruge besøgende data til at lokke dem til at foretage et køb.

Anatomi af en effektiv WordPress pop-up

Det er klart, at succesen med dit WordPress-websteds pop-ups afhænger af dem, der er perfekt designet og har så overbevisende tilbud, at besøgende ikke kan lade være med at interagere. Så lad os tage et kig på, hvordan en vindende formel for en effektiv pop-up ser ud.

1. stil

De forskellige typer pop op-vinduer har en tendens til at være mere effektive til at konvertere besøgende til abonnenter:

• Pop-ups til e-mail-abonnementer har en konverteringsfrekvens på 2,9%.
• Velkomst popup-vinduer (dem, der udfylder hele siden ved indrejse) konverteres til 2,6%.
• Rul-udløste pop op-vinduer konverterer 1,9%.
• Smart eller Hello popup-vinduer viser en konvertering af 0,5%.

Det betyder ikke, at du altid skal bruge en traditionel pop-up til e-mail-abonnement. Her er et eksempel fra Neil Patels side.

Denne er godt klaret, fordi den simpelthen er designet, ikke-påtrængende, et bruger sjov animation for at fange opmærksomhed, hvis dens minimale fodaftryk går ubemærket hen. Husk, at valg af stil ikke handler om at bruge den, der er den mest populære eller den mest kendte for højere konverteringsfrekvenser. Det handler om at finde en stil, der fungerer for dit websted, dine besøgende, og som er designet til at supplere oplevelsen imellem.

2. farve

Farve vil naturligvis altid spille en vigtig rolle i design af websteder. Ved at forstå psykologien bag dine valgte farver kan du oprette mere effektive pop op-vinduer, der konverterer. Selvfølgelig kan du heller ikke glemme det etablerede farveskema for dit brand, så det handler om at finde en balance mellem at designe et pop op-vindue, der ser godt ud på webstedet, men som tvinger også besøgende til at handle.

3. sammensætning

Det er vigtigt at tage et skridt tilbage og se pop op-vinduet som en helhed. Selvom designet af hver bevægelig del i pop op-vinduet betyder noget, ligesom den generelle sammensætning af pop op-vinduet gør.

Dit pop-up-vindue skal:

• være enkel og nem at følge.
• Designet med rene linjer og være afbalanceret.
• Inkluder relevante billeder i høj opløsning ideelt set et enkelt billede, der opsummerer emnet for tilbuddet.
• Ser ud som en udvidelse af dit websted og er naturligvis ikke lavet af en pop-up med begrænsede tilpasningsmuligheder.
• Brug en stor, letlæselig typografi.

4. tekst

Så har vi pop op-meddelelsen. Mens du ikke udvikler sproget til disse ting, er der en række bedste fremgangsmåder, som du stadig skal være opmærksom på, når det kommer til at udfylde pop op-vinduer med tekst.

Husk følgende:

• Inkluder altid en overskrift, en kort besked (en sætning vil gøre) og en opfordring til handling.
• Brug stærkt sprog, der appellerer til de besøgende følelser.
• Vær kortfattet. Hvis du ikke kan skrive det med mindre end 30 ord, hører denne meddelelse ikke til et pop op-vindue.
• Brug den samme tone og personlighed, som du bruger på dit websted.
• Tilby noget værdifuldt, som dine besøgende ikke finder andre steder på webstedet.
• Brug hastende, hvis det er muligt. Hvis du ikke kan gøre det med ord, skal du gøre det med farve.

5. CTA

Der er en underlig voksende tendens i disse dage, hvor websteder tilbyder besøgende to muligheder for opfordring til handling. Jeg forstår, hvorfor denne tendens vokser, men jeg har set den forkert anvendt på så mange websteder, at jeg håber, at tendensen til sidst vil uddø.

Du har sandsynligvis set denne dårlige applikation selv:

1. Den positive mulighed : Denne siger, ”Åh, tak, tak! Jeg ved, at dette tilbud er ved at ændre mit liv til det bedre! " 
2. Den negative mulighed : Denne siger: "Jeg kan godt lide at tage dårlige livsvalg og jeg sætter pris på at du gnider mit ansigt." Lad mig kun klikke på denne mulighed for automatisk afskrivning for at modtage et andet vindue, der spørger mig igen, om jeg vil tage denne forfærdelige beslutning. " 

Dette betyder ikke, at alle pop op-vinduer med to CTA-indstillinger er dårligt designet eller beregnet til at skamme den besøgende. Tim Ferris har et godt eksempel på en veludført dual option CTA:

Alt i alt vil jeg dog sige, at hvis du forsøger at være sarkastisk eller skræmme dine besøgende til deres beslutning, så kom ud af dit websted og læg det på Twitter. Dit websted er ikke et sted for det, og Twitter vil forhåbentlig sluge det helt.

Bortset fra denne pet peeve foreslår jeg også at holde opfordringen til handling enkel. Brug et simpelt sprog, der gør det klart, hvad besøgende får for at indtaste deres e-mail eller klikke på knappen. Hold også jobbet på et minimum: højst to felter, der skal udfyldes (dvs. e-mail og måske et navn) og en knap, du kan klikke på.

Det er det til denne vejledning, jeg håber det giver dig mulighed for at designe dine opfordring til handlingsknapper godt.