Tips för att bygga smarta popups på webbplatsen

Har du någon gång bombarderats av popups som fått dig att lämna en webbplats direkt? Tänk dig att du läser något viktigt och en popup täcker sidan och ber om din e-postadress eller försöker sälja något. Tänk nu på besökarna på din webbplats. Ingen gillar att…

Utkast
Tips för att bygga smarta popups på webbplatsen

Så bygger du smarta popups

Effektiva popups börjar med fokus på värde, relevans och tidpunkt.

1. Värde för användaren

Ett av de viktigaste tipsen är att alltid ge värde innan du ber om en handling. Innan du ens tänker på tidpunkt eller design är första målet en popup som ger användaren något. Användaren tycker bara att popupen är intressant om den ger hen något. Om användaren inte ser något värde i den lämnar hen webbplatsen.

  • Ge bort en gratis guide, mall, checklista eller tips som hör till sidan de läser.

  • Att berätta om rabatter, tidig tillgång eller exklusivt innehåll kan motivera till engagemang.

  • Visa nyttan eller värdet de får av popupens budskap.

2. Relevant innehåll

Att matcha innehållet är en av de mest effektiva strategierna. Det är viktigt att vara relevant och visa rätt budskap på rätt sida vid rätt tidpunkt. När popupen känns som en naturlig del av användarens resa stör den inte upplevelsen. Tvärtom fångar den uppmärksamheten och får hen att agera.

  • Gör popupen anpassad efter sidan. Läser någon ett blogginlägg om marknadsföring i sociala medier, visa en popup som erbjuder en gratis verktygslåda för sociala medier eller en fördjupande guide om engagemang.

  • Matcha popupen med besökarens resa. Om användaren scrollar förbi halva sidan är det tydligt att hen är intresserad av innehållet. Då kan det vara rätt tillfälle för ett bra erbjudande som hör till innehållet.

  • När användare försöker lämna sidan, behåll dem med en popup som har ett erbjudande och frågar om de verkligen vill gå.

3. Relevant för varumärket

Popupen på din sida ska se ut som ditt varumärkes popup. Följer du bästa praxis för design känns dina popups som en naturlig del av webbplatsen. Många verktyg för popups erbjuder fasta mallar. Välj ett verktyg som låter dig skapa popups som följer varumärkets ton och designriktlinjer. Den ska se ut att komma från ditt varumärke, inte som ett annat varumärkes annons som dyker upp på din webbplats.

  • Håll popupen visuellt enhetlig med webbplatsens typsnitt och färger.

  • Är webbplatsen lekfull och personlig ska popupen spegla det. Behåll samma ton.

  • Använd logotypen eller visuella element som besökarna förknippar med varumärket, så att popupen känns bekant.

4. Rätt tidpunkt

Smart tajming är kärnan i tips som ökar engagemanget i stället för avvisningsfrekvensen. Kommer popupen för sent missar den sitt syfte. Kommer den vid fel tillfälle irriterar den användarna. Den ska fånga uppmärksamheten utan att irritera.

  • Visa inte popupen direkt när någon kommer till webbplatsen. Låt dem få en känsla för innehållet först. Den bästa tiden är att visa en meningsfull popup 10 sekunder efter att användaren kommit in.

  • Visa popupen först när besökaren har scrollat igenom 50-70 % av sidan. Då vet du att hen är engagerad och inte bara skummar.

  • Visa popups vid utgång när en besökare är på väg att lämna.

  • Visa inte flera popups. Flera popups tätt efter varandra stöter bort folk. Håll dig till en per besök.

5. Utseende och läsbarhet

Popups är inte samma sak som banners. Ändå visar vissa webbplatser popups som är lika breda som banners. Vissa popups dödar nyfikenheten i stället för att fånga uppmärksamheten. Designen är lika viktig som tidpunkten. Rena layouter och tydlighet är en viktig del av bästa praxis. En krånglig eller rörig popup kan irritera besökarna och få dem att stänga den direkt. Se till att popupen är ren och har ett enkelt men effektivt budskap.

  • Håll dig till en enkel, minimalistisk design. Undvik för många bilder, typsnitt eller färger som gör popupen rörig.

  • Besökarna vill inte läsa ett helt stycke i en popup. Använd få ord som ändå förmedlar hela budskapet.

  • Ha alltid en uppmaning i popupen. Knappen du vill att användarna ska trycka på ska synas direkt.

6. Användaren bestämmer

När användarna har kontroll över upplevelsen är det troligare att de engagerar sig på egna villkor. Att respektera användarens val är en av de starkaste strategierna du kan använda. Något av det som stöter bort användare mest är att känna sig tvingade. Om popupen stänger in användarna eller inte ger dem ett enkelt sätt att lämna blir de frustrerade och lämnar webbplatsen.

  • Ha alltid en tydlig ”X”-knapp i hörnet så att användarna kan stänga popupen om de inte är intresserade.

  • Låt användarna skjuta upp popupen, så att den försvinner tillfälligt och kommer tillbaka efter en viss tid.

  • Tvinga inte besökarna att skriva in sin e-postadress för att stänga popupen. Ge dem möjlighet att stänga den direkt.

7. Mobilanpassning

Folk besöker inte bara din webbplats på datorn. Dina popups måste fungera på alla skärmstorlekar. Mobilanpassning är en viktig del av popups som verkligen konverterar. Med mer än hälften av webbtrafiken från mobila enheter måste dina popups se bra ut och fungera på små skärmar.

  • Se till att popupen automatiskt anpassar sig till skärmstorleken, från mobiler till surfplattor.

  • Använd popups som glider in eller ser ut som banners i stället för helskärmsöverlägg, som kan kännas överväldigande i mobilen.

  • Se till att stängknappen är stor och lätt att trycka på.

Bygg dina popups med WEMASYs verktyg Pop-ups

Nu när du har de bästa tipsen för attraktiva och engagerande popups är det dags att använda dem. Med rätt tips och strategier kan du göra enkla popups till verktyg som verkligen konverterar. Börja bygga dem med WEMASYs verktyg Pop-ups. Du designar, anpassar och lanserar enkelt popups som passar webbplatsens mål. Allt utan tekniska kunskaper och utan en enda rad kod. Prova i dag.

Vill du veta mer om att välja mellan popups och banners? Läs vår blogg om popups eller banners. För att förstå hur A/B-tester kan förbättra resultaten för dina popups, läs A/B-tester för din webbplats. Du kan också läsa om hur du får designen att jobba för dina mål.

Vanliga frågor

När är bästa tiden att visa en popup på webbplatsen?

Vänta minst 10 sekunder efter att besökaren kommit till sidan, eller visa popupen när hen har scrollat igenom 50 till 70 procent av innehållet. Då är besökaren engagerad innan du ber om uppmärksamhet. En popup som visas direkt när någon kommer in känns påträngande och ökar avvisningsfrekvensen.

Hur många popups ska jag visa per sida?

En popup per besök är den bästa gränsen. Flera popups tätt efter varandra irriterar besökarna och får webbplatsen att kännas som spam. Behöver du förmedla mer än ett budskap, använd en banner för det andra och spara popupen till din viktigaste handling.

Skadar popups min SEO?

Påträngande popups som täcker huvudinnehållet i mobilen kan skada din ranking. Sökmotorerna straffar sidor där popups blockerar innehållet användarna kom för att se. Använd popups som visas efter en viss tid, vid scrollning eller vid utgång i stället för helskärmsöverlägg som visas direkt. Med WEMASYs verktyg Pop-ups styr du enkelt de inställningarna.

Ska popupen matcha webbplatsens design?

Ja. En popup som ser malplacerad ut skadar förtroendet. Använd varumärkets färger, typsnitt och ton så att popupen känns som en naturlig del av webbplatsen. När besökarna känner igen popupen som en del av varumärket är det troligare att de engagerar sig i stället för att stänga den direkt.

Vad gör en popup vid utgång effektiv?

En popup vid utgång fungerar bäst när den erbjuder något besökaren inte sett under besöket. En sista rabatt, ett gratis material eller en enkel fråga om varför hen lämnar kan rädda besökare som annars hade försvunnit. Håll budskapet kort och handlingen tydlig.

Kan WEMASY hjälpa mig att bygga popups utan kod?

Ja. Med WEMASYs verktyg Pop-ups designar, anpassar och lanserar du popups utan att skriva kod. Du kan styra visningen efter tid, hur långt besökaren scrollat eller när hen ska lämna. Verktyget har också analys så att du kan se vilka popups som konverterar bäst och optimera utifrån verklig data.

Använd det direkt
på din egen webbplats.

Börja gratis med WEMASY och bygg din sajt på några minuter.