Hem  /  Alla  / Hur man designar högkonverterande mobila popup-fönster: en djupgående guide

Hur man designar högkonverterande mobila popup-fönster: En djupgående guide

Mobiltelefoner har blivit en integrerad del av våra liv. De är ständigt med oss.

När vi behöver kolla något snabbt på Internet kommer vi verkligen inte att vänta med att komma hem, slå på datorn och först då leta efter svaret. Istället kommer vi att använda en mobiltelefon och ta reda på allt direkt.

Det är så de flesta tänker, och efter att ha insett denna redan etablerade trend, optimerar de flesta webbplatser för mobiltelefoner idag också.

Sociala nätverk och olika plattformar har sedan länge sina egna versioner i form av en applikation som du kan ladda ner via Play Store för Android eller App Store för Apple-enhetsanvändare.

Och vi måste hålla med om att det definitivt underlättar att göra affärer och tillfredsställer vår önskan att inte gå miste om allt som intresserar oss.

Statistik om mobil internettrafik ge oss mycket viktig information:

  • I USA spenderar konsumenter 90 % av sin mobiltid på appar.
  • Mobilt internet har ökat med 504 % i daglig mediekonsumtion sedan 2011.
  • Under 2019 fanns det 3,986 4,388 miljoner unika mobila internetanvändare. Det totala antalet aktiva internetanvändare är XNUMX XNUMX miljoner.

Slutsatsen är enkel – mobil internettrafik växer och den kommer att fortsätta att växa. Och det är därför den ska användas till sin fulla kapacitet.

Popup-fönster är en viktig del av din marknadsföringsstrategi och ett av de mest effektiva sätten att fånga besökarnas uppmärksamhet.

För att uppfylla sitt syfte måste de vara mobilresponsiva, liksom resten av din webbplats.

I den här artikeln kommer vi att visa dig hur du skapar popup-fönster för mobila enheter med hög konvertering för 2020.

Varför är det viktigt att ha mobilresponsiva popup-fönster?

Allt på din webbplats påverkar din rankning i Google-sökning. Faktorerna som avgör vem som tar den högsta platsen i resultaten är många och de förändras nästan varje dag.

Men fortfarande finns det några faktorer kvar, såsom:

  • Sidans laddningshastighet
  • Textens läsbarhet
  • Matchningsalternativ för sökord
  • Användarvänlig upplevelse
  • Låga avvisningsfrekvenser

I första hand vill folk inte slösa bort sin tid på att vänta på att din webbplats ska laddas.

Du kan också skapa en dålig upplevelse för besökarna om de kommer till din hemsida och det dyker upp en popup som de inte kan ta bort eller om de inte kan förstå vad du ville förmedla eftersom dimensionerna inte är mobilanpassade.

Du kommer att skapa intrycket av att vara oprofessionellt i början och folk kommer att lämna din webbplats utan att någonsin återvända till den. Detta ger återigen lägre ranking på Google och skapar sammantaget en cyklisk process, som i det här fallet kommer att påverka din verksamhet negativt.

Och det vill du absolut inte.

Mobila popup-fönster bör användas för att nå högre och bättre mål, inget mindre.

Och här är hur du kommer dit framgångsrikt!

1. Välj ett lämpligt popup-verktyg

För att designa högkonverterande mobila popup-fönster behöver du ett verktyg som gör processen enklare och sparar tid, inte tvärtom.

Det finns inget behov av att ha kunskapen hos utvecklare eller designers för att kunna använda dem eftersom det finns verktyg som fungerar enligt principen om enkelt dra och släpp-gränssnitt och är avsedda även för nybörjare.

Välj ett popup-verktyg som innehåller möjligheten att skapa mobila känsliga popup-fönster. Det här är väldigt viktigt.

Ett sådant verktyg är Poptin, med hjälp av vilka du kan skapa fantastiska mobila popup-fönster på några minuter.

bästa popup-appar för bigcommerce poptin-redigerare

2. Gör designen av mobila popup-fönster visuellt tilltalande

År 2020 är folk redan vana vid att marknadsförare skulle göra sitt bästa för att sälja sin tjänst eller produkt till dem. Så de är benägna att nästan automatiskt avvisa sådana erbjudanden.

Men vad du kan göra är att skapa en mobil popup som både kommer att stå i kontrast till allt och drar dina användares uppmärksamhet mer effektivt.

Din popup kan passa med den visuella identiteten på din webbplats, men den kan också vara lite annorlunda, mer märkbar.

Dra nytta av de tillgängliga alternativen och ändra typsnitt, färger och bakgrunder för att skapa den perfekta uppsättningen som fångar allas uppmärksamhet och får dig att titta på den och ta reda på mer om vad som erbjuds.

mobil popup popup popup exempel

I det här exemplet kan du se hur de viktigaste segmenten är markerade. Själva siffran, som anger rabatten, är i klarrött och det är mycket större än all annan text som placeras på popup-fönstret.

Uppmaningsknappen skiljer sig tydligt från resten och uppmanar bokstavligen till åtgärder som ger besökaren ett visst privilegium.

Med sådana här erbjudanden är det mycket mer sannolikt att du lyckas utöka din e-postlista och generera försäljning, då du ger din målgrupp extra värde men också belönar den med en stor rabatt.

3. Visa det oemotståndliga erbjudandet

När du är i affärer måste du känna till dem du vänder dig till. Självklart pratar vi om din målgrupp.

Först när du är medveten om din publiks önskemål och behov kan du definiera ett bra erbjudande som de inte kommer att kunna tacka nej till.

Några av dessa erbjudanden kan vara:

  • Prenumerera på ditt nyhetsbrev
  • Inbjudan att delta i en giveaway
  • Möjlighet att ta del av rabatten
  • Action som 2+1 gratis produkt
  • Ladda ner en e-bok eller onlinekurs

I enlighet med publikens affinitet måste du också bestämma erbjudandet som du kommer att använda för att bilda en catchy kopia på en mobil popup.

4. Använd den rensa CTA-knappen

CTA-knappen bör inte innehålla mer än några få ord. Det kan vara ord som "Skicka","Logga in mig","Registrera dig", och liknande.

Det kan också vara "Skicka mig kupongen” som vi såg i exemplet ovan.

Det är bara ett klick bort från den åtgärd vi vill att besökaren ska göra, och det är därför CTA-knappen ska vara tydlig och enkel.

Kom ihåg att skilja den från resten av den mobila popup-rutan genom att göra den mer effektiv och i kontrast till fönstrets övergripande färgschema.

5. Täck inte hela skärmens utrymme

Trots att du vill uppmärksamma besökaren på ditt erbjudande bör en mobil popup inte ta upp hela skärmen. Särskilt som skärmar på mobila enheter är mycket mindre än på stationära datorer.

För det första är det mycket möjligt att du kommer att förvirra en besökare eftersom de plötsligt inte längre ser sidan de var på, och det är mycket troligt att de kommer att besluta sig för att lämna din webbplats.

För det andra behöver du "X"-knappen för att vara tillräckligt synlig om du vill ge din besökare ett alternativ att stänga av popup-fönstret och fortsätta där det slutade.

Som i följande exempel, lämna tillräckligt med utrymme för att din webbsida ska synas, och en väldesignad popup kommer säkert att märkas.

mobil popup popup popups exempel

6. Använd utlösande alternativ klokt

Låt oss vara ärliga, ingen vill se en popup så fort han går in på webbplatsen som inte tillåter honom att faktiskt hitta det han kom för.

Det är då triggers träder i kraft.

Den bästa tiden att visa ditt oemotståndliga erbjudande i ett popup-fönster är när en besökare redan har visat intresse.

Det finns många triggningsalternativ som du kan välja mellan.

bästa popup-appar för bigcommerce poptin-utlösande alternativ

Några av de viktigaste är:

  • Efter ett visst antal sekunder som besökaren har spenderat på din webbplats
  • Efter att ha rullat en viss procent av sidan
  • När du klickar på någon länk, bild eller något annat element
  • När en besökare börjar lämna webbplatsen

Exit-intent-teknologi är ett mycket viktigt objekt eftersom det representerar det sista försöket att behålla besökaren, och det här är tiden då du behöver uttrycka något speciellt värde eller USP (unique selling proposition).

mobil popup popup mobil popup exempel

Det vi försöker säga är att vi inte vill irritera besökaren utan uppmuntra honom eller henne att vidta en specifik åtgärd som är tydligt definierad av CTA-knappen.

7. Testa, testa, testa...

För att skapa konverterande mobila popup-fönster måste du testa dem och se vilka popup-fönster som presterar bättre hos din publik.

Att mäta resultat är oerhört viktigt, och det kommer att ge dig viktig vägledning.

A/B-testning kan vara användbart för detta ändamål. Med denna metodik kan du jämföra två eller flera olika mobila popup-fönster och baserat på statistik se vilken som presterar bättre för ditt givna mål.

De flesta popup-verktyg erbjuder redan detta alternativ som en del av sina funktioner.

The Bottom Line

Det finns definitivt vissa utmaningar när det kommer till att göra konverterande mobila popup-fönster, men som du kan se kan du övervinna dem.

Det finns ingen anledning att ge upp att använda dem eftersom de verkligen kan ge dig många fördelar och bli en stor del av din övergripande marknadsföringsstrategi.

Genom att följa tipsen i den här artikeln hjälper dina mobila popup-fönster dig att inte bara uppnå dina affärsmål utan också skapa en verklig användarvänlig upplevelse.

För att göra hela processen enklare och skapa konverterande popup-fönster föreslår vi att du prova popup-verktyget Poptin och din första popup kan vara klar på några minuter!

Aazar Ali Shad är en entreprenör, tillväxtmarknadsförare (inte en hacker) och en erfaren SaaS-kille. Han älskar att skriva innehåll och dela det han lärt sig med världen. Du kan följa honom på Twitter @aazarshad eller aazarshad.com