Du är halvvägs genom en artikel när en ruta glider in mitt på skärmen. Den erbjuder en rabattkod om du anger din e-postadress. Du kan stänga den med ett kryss i hörnet eller fortsätta läsa. Den rutan är ett popup-fönster.
Du må gilla dem eller irritera dig på dem, men popup-fönster är ett av de vanligaste verktygen för engagemang på webbplatser. Ett popup-fönster är ett lager som ligger ovanpå sidans vanliga innehåll, oftast utlöst av en timer, en scrollning eller ett klick. Här är vad de är, hur de fungerar och när de är rimliga att använda.
Vad är ett popup-fönster?
Ett popup-fönster är ett meddelandefönster som visas ovanpå en webbsida utan att besökaren lämnar den. Det kan täcka en del av skärmen eller hela visningsytan. De flesta popup-fönster har en rubrik, ett kort budskap, en uppmaning och ett sätt att stänga dem.
Popup-fönster avbryter det vanliga läsflödet med flit. De fångar uppmärksamheten för något som webbplatsens ägare tycker är viktigt: en nyhetsbrevsanmälan, ett begränsat erbjudande, ett cookie-meddelande eller en förfrågan om en enkät.
Varför använder webbplatser popup-fönster?
Webbplatser använder popup-fönster eftersom det vanliga sidinnehållet inte alltid blir sett. En besökare kan läsa en hel artikel och lämna utan att någonsin se ditt anmälningsformulär i sidokolumnen. Ett popup-fönster lägger erbjudandet precis framför dem.
När designen är genomtänkt kan popup-fönster öka antalet e-postanmälningar, marknadsföra säsongsrea eller lyfta fram en ny produkt. När designen är påträngande förkortar de besöken och skadar förtroendet. Verktyget i sig är neutralt. Hur du använder det avgör utfallet.
Vanliga typer av popup-fönster
De flesta exempel på popup-fönster hör till några få kategorier. Välkomstfönster hälsar nya besökare med ett introduktionserbjudande. Utgångsfönster visas när någon är på väg att lämna. Scrollfönster utlöses när besökaren läst en viss del av sidan. Klickfönster öppnas när någon klickar på en viss knapp eller länk.
Varje typ har ett eget mål. Välkomstfönster bygger din e-postlista. Utgångsfönster försöker rädda en besökare som annars hade lämnat. Scrollfönster belönar engagerade läsare med ett relevant erbjudande. Att anpassa typen av popup-fönster efter besökarens beteende gör verklig skillnad.
Så ser bra popup-design ut
Bra popup-design är enkel och respektfull. Använd en tydlig rubrik som anger nyttan. Håll budskapet till en eller två meningar. Erbjud en handling, inte tre. Gör stängknappen lätt att hitta.
Anpassa popup-fönstrets stil till din webbplats. Färger, typsnitt och ton ska kännas enhetliga med resten av ditt varumärke. Ett popup-fönster som ser ut att höra hemma på en annan webbplats bryter förtroendet direkt.
Tajmingen betyder lika mycket som utseendet. Att visa ett popup-fönster innan någon läst ditt innehåll känns påträngande. Att visa det efter att de engagerat sig i sidan känns som ett naturligt nästa steg. Läs hur du använder popup-fönster utan att irritera besökare för praktiska tajmingregler.
För en djupare titt på en specifik typ, se vad ett exit intent-popup-fönster är. Om du vill jämföra popup-fönster med mindre störande alternativ, läs popup-fönster eller bannrar på vår blogg.
Vanliga frågor
Är popup-fönster dåliga för användarupplevelsen?
Popup-fönster blir ett problem när de blockerar innehåll, visas för tidigt eller dyker upp vid varje sidladdning. Följ bästa praxis för popup-fönster så att ditt budskap känns hjälpsamt snarare än störande.
Vad ska ett popup-fönster säga för att ge anmälningar?
Börja med nyttan, inte handlingen. "Få veckotips för att växa ditt företag" fungerar bättre än "Prenumerera på vårt nyhetsbrev". Håll formuläret till ett eller två fält. Namn och e-post räcker för de flesta webbplatser.
Hur många popup-fönster ska jag visa per besök?
Ett popup-fönster per besök är en säker startpunkt. Flera popup-fönster under ett och samma besök frustrerar människor och ökar andelen som lämnar. Om du behöver flera budskap kan du använda ett fast fält för de sekundära uppmaningarna.
Vad är skillnaden mellan ett popup-fönster och ett fast fält?
Ett popup-fönster täcker sidans innehåll och kräver uppmärksamhet. Ett fast fält ligger överst eller nederst på skärmen utan att blockera huvudinnehållet. Läs vad ett fast fält är för att förstå när respektive format passar bäst.
Fungerar popup-fönster på mobiler?
Popup-fönster kan fungera på mobil, men de kräver extra omsorg. Helskärmsfönster på små skärmar känns mer påträngande än på dator. Överväg ett exit intent-popup-fönster eller en scrollutlösare istället för en timer på små skärmar.
Kan jag lägga till popup-fönster på min WEMASY-webbplats?
Med WEMASY:s webbplatsbyggare lägger du till popup-element på dina sidor i den visuella redigeraren. Du styr budskap, design och tajming utan att installera separata plugin eller skriva kod.