Početna  /  Svi  /  Primjeri dizajna kreativnih skočnih prozora web stranica i inspiracija

Primjeri dizajna kreativnih skočnih prozora web stranica i inspiracija

Kolovoz 31, 2022
Primjeri dizajna kreativnih skočnih prozora web stranica i inspiracija

Svaki trgovac treba datoteku za prevlačenje za inspiraciju za dizajn skočnih prozora i primjere. U ovom ću vam članku pokazati svoju vlastitu swap datoteku koju koristim kada trebam stvoriti neki novi i zanimljiv skočni prozor

Osim Poptinovih vlastitih primjera u tome galerija, toplo bih preporučio da svoje kreativne sokove potaknete i drugim primjerima.

U ovom ćemo članku pogledati neke kreativne i inspirativne dizajne skočnih prozora i primjere kako bismo poboljšali stope konverzije magneta za potencijalne klijente za 2022.

Uronimo.

Skočni prozor za kopiranje iskrenosti i autentičnosti 

Uvijek bih preporučio skočni prozor s iskrenim i autentičnim dizajnom kopije koji bi uvijek imao svoju čar namamiti čitatelja da da svoju adresu e-pošte.

Wikipedia je napravila sjajan posao jer je bila iskrena i tražila donacije kako bi nastavila rasti. Svima nam je potrebno da informacije budu besplatne i nepristrane, a Wikipedia u tome odlično radi. Stoga ovaj primjerak s jednostavnim dizajnom ima svoje prednosti.

image9

Drugi iskreni skočni prozor koji sam pronašao napravio je ProfitWell. Dok sam bio na web stranici ProfitWell-a, promovirali su rušenje svoje stranice s cijenama. Iako ima dobar sadržaj, budući da su ometali moje korisničko iskustvo na blogu, započeli su s "mrzimo skočne prozore..." - mogao bih se potpuno poistovjetiti s tim. 

image10

Zašto? Iskreno je, otvoreno i daje nešto u zamjenu za adresu e-pošte. Osim toga, slike su stvarne i ova dva tipa u gornjem prozoru rade sjajan posao. 

Odmah sam se prijavio.

Ako dizajn skočnog prozora možete učiniti relevantnim, empatičkim i imate dobru kopiju – vjerojatno će imati pristojnu stopu konverzije

Skočni prozor s jednostavnim dizajnom

Ponekad je jednostavno sve što trebate, a dobro obavlja posao. Zašto jednostavan dizajn skočnih prozora funkcionira? Obično funkcionira kada je vaša ponuda odlična, ima socijalni dokaz, a kopija je nevjerojatna.

S ovime bih želio podijeliti sjajan primjer koji je ponuđen marketinškim stručnjacima (btw, mi smo marketinški stručnjaci obično kritični prema drugima).

image12

Harry dry pokreće ovaj mali projekt i prikazuje gornji skočni prozor pri namjeri izlaza. Ima društveni dokaz (9691 marketinški stručnjak), korisne savjete, 2 minute za čitanje (niska barijera) i također je pošten jer kaže da se manje od 0.4% ljudi odjavljuje i besplatan je. 

Takav primjerak s odličnom ponudom uvijek će funkcionirati. Ako tražite jednostavan primjer dizajna za inspiraciju, onda bi ovo bio pobjednik.

Na kraju, ne kaže se "prijavi me", već piše "nadogradi moj marketing", što zapravo daje poziv na djelovanje temeljen na vrijednosti.

Sjajno Harry!

Napomena urednika: Pogledajte ove savjete za pisanje teksta iz marketinških primjera 

Još jedan vrlo jednostavan primjer dizajna skočnog prozora koji dobivam inspiriran je Ahrefsom.

image2

Ahrefs pretpostavlja da se posjetitelj bloga ne može staviti u lijevak, pa je stoga bolje posjetitelja kontinuirano hraniti novim sadržajem. Taj je sadržaj poput prodajne stranice, pa će se čitatelj/posjetitelj na kraju pretvoriti.

Stoga, gornji pojednostavljeni skočni prozor s maskotom odlično radi u pretvorbi. Prema Ahrefsu, ima više od 0.5% konverzije od njihovih 250K mjesečno posjetitelja. Pa, onda radi.

Posljednja inspiracija za pojednostavljeni dizajn skočnih prozora potječe od rastućih hakera koje pratim. Ovo je hrpa momaka koji predaju rast marketinga a njihov je skočni prozor jednostavan, ali učinkovit za učenike poput mene. To je samo nevjerojatna kopija plus puno društvenih dokaza. 

image1

Primjeri dizajna skočnih prozora maskota 

Da budem iskren, volim Mascot skočne prozore. Ima osobnost i daje kreativnu stranu bloga ili web stranice. Da ne spominjem da je izvrstan za svijest o robnoj marki.

Nisam zaposlenik Poptina, ali volim njihov skočni prozor s maskotom papige.

image8

U gornjem primjeru, Poptin pokazuje namjeru izlaza i koristi pristup straha da me natjera da se prijavim. Barijera za prijavu je tako niska jer traje jedva dvije minute. Maskota papiga stalno leti, pa privlači pažnju.

Ako želite koristiti svoju maskotu za dizajn skočnih prozora, pobrinite se da dobije pravu pozornost.

Na kraju, primjerak nudi otvaranje besplatnog računa i privlačenje više kupaca putem tih posjetitelja. Lijep!

Prijavila bih se samo zato što je tako elegantno napravljeno.

Još jedna dobra kreativna inspiracija koja dobro koristi kontekst je Hipmunk.

image4

Ovaj skočni prozor iskorištava maskotu i vrijeme čekanja i učitavanja. Hipmunk je napravio dobar posao s maskotom za pozornost, ali postavljanje i okidanje su napravljeni još bolje. 

Jednostavan je i učinkovit. Preporučio bih ovu vrstu skočnog prozora ako vaša aplikacija dugo čeka.

Inspiracija za dizajn skočnog prozora za marketing sadržaja

Ako imate dobar sadržaj koji možete lako promovirati i uhvatiti neke potencijalne kupce sa strane - zašto ga ne biste htjeli ponuditi? Možete jednostavno promovirati e-knjige, webinari, infografike, ponude zajednice i još mnogo toga.

Appcues je napravio dobar posao podijelivši svoju onboarding akademiju prije nekoliko godina. Njihova akademija educirala je mnogo SaaS poduzetnika i produkt menadžera. Evo primjera njihovog prethodnog dizajna skočnih prozora:

image7

 Gornji skočni prozor napravio je a dobar dizajner i sa sjajnom kopijom. Imaju sličan skočni prozor i za ažuriranja svojih blogova.

image6

Osobno mi se više sviđa njihov skočni prozor akademije za onboarding nego onaj na blogu. Međutim, trebali biste koristiti oboje kako biste pretvorili više posjetitelja.

Osobno, ako pogledamo ponudu bloga, uvijek bih preporučio dodavanje malo dodira u kopiju poput Airfocusa (planove proizvoda alat) radi:

image13

Pročitajte više: Plan proizvoda

Također sam promovirao puno sadržaja vezanih uz moj proizvod i koristio sam Poptinove obrasce koji su mi dali prilično dobre stope konverzije.

Promicao sam Userpilotov tečaj e-pošte i školu usvajanja proizvoda. Iznenađujuće, imali smo bolju konverziju iz obrazaca ugrađenih u blog nego iz skočnih prozora. Ovo su svakako dobri primjeri.

image3

Ovo je Poptinov predložak koji sam koristio i koji radi prilično dobro. 

image5

Oba dizajnerska nadahnuća učinkovito promiču sadržaj s kopijom. 

Još jedna dobra inspiracija za dizajn skočnih prozora sadržaja koju sam dobio i od koje sam uzeo inspiraciju bio je Demio. Demio je alat za upravljanje webinarom i promaknut sam u njihovu e-knjigu. Budući da sam pokušavao saznati više o tome "kako upravljati webinarima", to je ispravno postavljeno.

Ali najučinkovitiji je bio dizajn i kopija koja je tjerala klik na “download”. 

image11
Što da kažem? Gore navedeni skočni dizajn bio je u pravo vrijeme i na pravom mjestu (njihov blog) da me natjera da ga preuzmem. Volim i učinkovitu upotrebu pozadine.

Nadam se da će vam ovi dizajni skočnih prozora dati malo inspiracije. 

Zaključak

Gore navedena inspiracija za dizajn skočnih prozora i primjeri služe vam da se nadahnete. Međutim, jedan profesionalni savjet koji bih vam mogao dati je da napravite vlastitu datoteku za prevlačenje. Ovi dizajni i inspiracije mogu zastarjeti vrlo brzo.

Stoga je važno ostati u tijeku i neprestano dobivati ​​inspiraciju.

Aazar Ali Shad je poduzetnik, prodavač rasta (ne haker) i iskusan SaaS tip. Voli pisati sadržaj i dijeliti ono što je naučio sa svijetom. Možete ga pratiti na Twitteru @aazarshad ili aazarshad.com