Hem  /  Alla  / Kreativa webbplatspopups Designexempel och inspiration

Kreativa webbplatspopups Designexempel och inspiration

Augusti 31, 2022
Kreativa webbplatspopups Designexempel och inspiration

Varje marknadsförare behöver en svepfil för popup-designinspirationen och exemplen. I den här artikeln ska jag visa dig min egen växlingsfil som jag använder när jag behöver skapa en ny och engagerande popup

Annat än Poptins egna exempel i detta galleri, jag skulle starkt rekommendera att få din kreativa känsla att flöda med andra exempel också.

I den här artikeln kommer vi att titta på några kreativa och inspirerande popup-designer och exempel för att förbättra omvandlingsfrekvensen för våra 2022 blymagneter.

Låt oss dyka in.

Popup-fönster för ärlighet och autenticitet för kopieringsdesign 

Jag skulle alltid rekommendera ärlig och autentisk kopia design popup som alltid skulle ha sin charm att locka läsaren att ge sin e-postadress.

Wikipedia har gjort ett bra jobb med att vara ärlig och be om donationer för att fortsätta växa. Vi behöver alla att informationen är fri och opartisk, och Wikipedia gör ett bra jobb med det. Därför har denna kopia med en enkel design sin egen förtjänst.

image9

Den andra ärliga popupen jag hittade gjordes av ProfitWell. Medan jag var på ProfitWells webbplats, marknadsförde de sin prissättningssida. Även om det har bra innehåll, eftersom de störde min användarupplevelse på bloggen, började de med "vi hatar popups..." - jag kunde helt relatera till det. 

image10

Varför? Det är ärligt, direkt och ger något i utbyte mot en e-postadress. Dessutom är bilderna verkliga och dessa två killar i popup-fönstret ovan gör ett bra jobb med det. 

Jag anmälde mig direkt.

Om du kan göra en popup-design relevant, empatisk och ha en bra kopia – kommer den förmodligen att ha en anständig konverteringsfrekvens

Enkel design popup

Ibland är det enkelt allt du behöver, och det gör jobbet bra. Varför fungerar enkel popup-design? Det brukar fungera när ditt erbjudande är bra, har Socialt bevis, och kopian är fantastisk.

Med detta skulle jag vilja dela ett bra exempel som erbjöds marknadsförare (vi marknadsförare är vanligtvis kritiska till andra btw).

image12

Harry dry driver det här lilla projektet och visar ovanstående popup-fönster vid utgång. Den har sociala bevis (9691 marknadsförare), praktiska tips, 2 minuters läsning (låg barriär) och den är också ärlig eftersom det står att mindre än 0.4 % av personerna avslutar prenumerationen och det är gratis. 

En sådan typ av kopia med ett bra erbjudande kommer alltid att fungera. Om du letar efter ett förenklat designexempel för inspiration, så är detta ett som skulle vara en vinnare.

Slutligen står det inte "registrera mig" istället står det "uppgradera min marknadsföring" vilket faktiskt ger en värdebaserad uppmaning till handling.

Bra jobbat Harry!

Redaktörens anteckning: Kolla in dessa copywriting-tips från marknadsföringsexempel 

Ett annat väldigt förenklat popup-designexempel jag får är inspirerat av Ahrefs.

image2

Ahrefs utgår från att bloggbesökaren inte kan placeras i en tratt, och därför är det bättre att kontinuerligt mata besökaren med nytt innehåll. Det innehållet är som en försäljningssida, så läsaren/besökaren kommer så småningom att konvertera.

Därför gör ovanstående förenklade popup-fönster med en maskot ett bra jobb med att konvertera. Enligt Ahrefs har den mer än 0.5 % av konverteringen av deras 250 XNUMX besökare per månad. Tja, då funkar det.

Den sista förenklade popup-designinspirationen kommer från tillväxthackerna jag följer. Det här är ett gäng killar som undervisar tillväxtmarknadsföring och deras popup är enkel men ändå effektiv för elever som jag. Det är bara en fantastisk kopia plus en massa sociala bevis. 

image1

Mascot popups designexempel 

För att vara ärlig älskar jag Mascot-popups. Den har en personlighet och ger den kreativa sidan av bloggen eller webbplatsen. För att inte tala om att det är bra för varumärkeskännedomen.

Jag är inte anställd på Poptin men jag älskar deras popup för papegojmaskot.

image8

I exemplet ovan visar Poptin det på exit avsikt och använd rädsla för att få mig att registrera mig. Barriären för att anmäla sig är så låg eftersom det knappt tar två minuter. Papegojmaskoten flyger hela tiden, så den får uppmärksamhet.

Om du vill använda din maskot för popup-design, se till att den får rätt uppmärksamhet.

Slutligen erbjuder kopian att starta ett gratis konto och få fler kunder via dessa besökare. Härlig!

Jag skulle anmäla mig bara för att det är så elegant gjort.

En annan bra kreativ inspiration som använder sammanhanget väl är Hipmunk.

image4

Denna popup drar fördel av maskoten och vänte- och laddningstiden. Hipmunk har gjort ett bra jobb med maskoten för uppmärksamhet, men placeringen och triggningen gjordes ännu bättre. 

Det är enkelt och effektivt. Jag skulle rekommendera den här typen av popup-fönster om det är mycket väntetid på din ansökan.

Content marketing popup design inspiration

Om du har bra innehåll som du enkelt kan marknadsföra och fånga några leads vid sidan om – varför skulle du inte vilja erbjuda det? Du kan helt enkelt marknadsföra e-böcker, webbseminarier, infografik, communityerbjudanden och mycket mer.

Appcues gjorde ett bra jobb genom att dela sin onboarding-akademi för några år sedan. Deras akademi har utbildat många SaaS-entreprenörer och produktchefer. Här är ett exempel på deras tidigare popup-design:

image7

 Ovanstående popup har gjorts av en bra designer och med ett fantastiskt exemplar. De har en liknande popup för sina blogguppdateringar också.

image6

Jag personligen gillar deras onboarding academy popup mycket bättre än bloggen. Du bör dock använda båda för att konvertera fler besökare.

Personligen, om vi tittar på bloggerbjudandet skulle jag alltid rekommendera att lägga till lite touch i kopian som Airfocus (produktkartor verktyg) gör det:

image13

Läs mer: Produktkarta

Jag har också marknadsfört mycket innehåll relaterat till min produkt och jag har använt Poptins formulär som gav mig en ganska bra omvandlingsfrekvens.

Jag har marknadsfört Userpilots e-postkurs och produktadoptionsskola. Överraskande nog hade vi en bättre konvertering från inbäddade formulär i bloggen än popup-fönster. Det här är definitivt bra exempel.

image3

Den här är Poptins mall som jag har använt och som fungerar ganska bra. 

image5

Båda designinspirationerna främjar innehåll med kopia effektivt. 

En annan bra content popup designinspiration jag fick och hämtade inspiration från var Demio. Demio är ett hanteringsverktyg för webbseminarier och jag blev befordrad till deras e-bok. Eftersom jag försökte lära mig mer om "hur man hanterar webbseminarier", var det rätt placerat.

Men det mest effektiva var designen och kopian som gjorde att du klickade på "ladda ner". 

image11
Vad kan jag säga? Ovanstående popup-design var vid rätt tidpunkt och på rätt plats (deras blogg) för att få mig att ladda ner den. Jag älskar också den effektiva användningen av bakgrunden.

Jag hoppas att dessa popup-designer ger dig lite inspiration. 

Slutsats

Ovanstående popup-designinspiration och exempel är till för att du ska bli inspirerad. Ett proffstips jag kan ge dig är dock att göra din egen swipe-fil. Dessa mönster och inspirationer kan bli föråldrade ganska snart.

Därför är det viktigt att hålla sig à jour och fortsätta inspireras.

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