Dritaret e para u krijuan nga skenari i imagjinuar nga Ethan Zukerman përakomodimi e faqes së tij të internetit në Tripod në fillim të viteve 90. Përdoruesit e tij ankoheshin për numrin e reklamave që ai vendoste në uebsajt, kështu që ai vendosi t'i vendoste banderolat në një faqe të veçantë që hapej kur një përdorues hynte në faqe.

Kjo pjesë e vogël e kodit ende nuk ishte një dritare e vërtetë siç e shihni në çdo faqe në internet tani, por këtu filloi gjithçka. Në faqet moderne të internetit, pop-ups përdoren për qëllime të ndryshme, jo vetëm për reklama. Formularët e kontaktit, paralajmërimet e politikës së privatësisë dhe sugjerimet e pajtimit shpesh paraqiten gjithashtu si dritare.

Ka dy gjëra që shqetësojnë njerëzit kur bëhet fjalë për popup: kur ata kërcejnë tek ju kur nuk i dëshironi; dhe kur paraqitja e tij është krejtësisht e ndryshme nga stili i faqes në internet. Të dyja këto çështje shfaqen kur përdorin shtojcat që nuk duket se janë me cilësi më të lartë.

Problemi më i madh i shumicës së shtojcave që përdorin programuesit e rinj krijimin e pop-ups është mungesa e kontrollit mbi mesazhin që rezulton. Megjithatë, ju mund t'i shmangni të gjitha këto probleme nëse përdorni Elementor për të krijoni një faqe në internet.

Dy shtojca të mrekullueshme, të krijuara posaçërisht për Elementor Faqja Builder, ju ndihmon të krijoni dritare kërcyese të çdo lloji, forme dhe stili që ju nevojitet – Ndërtues i popupit elementar et JetPopup. Meqenëse të dy janë bërë nga e njëjta mish si Elementor, e vetmja pyetje për të bërë është se cilën prej këtyre shtojcave të zgjidhni. Për t'ju ndihmuar të merrni këtë vendim, unë do të bëj një rishikim të plotë të të dyve dhe ju mund të krahasoni pro dhe kundrat e tyre. Le të shkojmë!

Shkarkoni dhe instaloni

Ky nuk është kriteri më i rëndësishëm kur zgjidhni se cilën shtojcë do të përdorni, por për ta provuar duhet ta merrni më parë. Kjo është arsyeja pse unë do të filloj nga fillimi dhe të përshkruaj procesin për ta marrë atë - çmimet, përpjekjet e përfshira dhe thjeshtësinë e procesit të konfigurimit.

Ndërtues i popupit

Elementor

Kjo shtojcë u krijua nga ekipi i Elementor. Prandaj mund ta quanim "fëmija" i tij i vërtetë. Ky është azhurnimi i fundit për Elementor, i lëshuar në janar 2019 për të përmbushur nevojat e klientit. Sidoqoftë, nuk është në dispozicion për përdoruesit e versionit falas të Elementor.

Popup Builder është përfshirë në planin profesional të pajtimit. Pra, për të pasur aftësinë për të krijuar dritare, së pari duhet të keni Elementor Pro. Plani më i thjeshtë i çmimeve që ju lejon të përdorni të gjitha tiparet e ndryshme të Elementor për një faqe në internet kushton 49 dollarë në vit. Pra, nga hapat e parë (blerja e Elementor Pro), këtu është algoritmi për të marrë Ndërtuesin e Popup:

  • Blini Pro Elementor Faqja Builder.
  • Shkoni te llogaria juaj personale dhe shkarkoni programin shtesë.
  • Shkoni te paneli i faqes suaj të internetit, Shtojca> Shto të reja, klikoni në butonin "Ngarko shtojcën" dhe zgjidhni skedarin e duhur .zip.
  • Kur instalimi të ketë përfunduar, aktivizoni shtojcën me çelësin tuaj të licencës.
  • Këtu është Ndërtuesi i Popup i vendosur në skedën templates> Popups.

Ashtë pak rrugë e gjatë, por me Popup Builder ju gjithashtu merrni një koleksion të madh elementesh të ndryshëm nga Elementor, të tilla si widget, shabllone dhe mjete të tjera shtesë.

Ndërtues i popupit

JetPopup

"Familja" e shtojcave Jet tashmë ka më shumë se 10 artikuj dhe JetPopup është një prej tyre. Hasshtë krijuar me kujdes posaçërisht për Elementor dhe rrit numrin e mjeteve të tij në dispozicion. Kjo shtojcë është tJetPopupsPlotësisht i pajtueshëm me versionet falas dhe me pagesë. Kështu që nuk keni nevojë të bëni ndonjë blerje shtesë. JetPopup kushton 15 dollarë dhe sapo ta merrni mund ta përdorni për vetëm një faqe në internet. Nëse ju nevojitet për më shumë se një projekt, mund ta blini shtojcën nën licencën e zhvilluesit (do t'ju kushtojë 45 dollarë) dhe ta përdorni për pesë faqe në internet. Algoritmi për marrjen e shtojcës është pak më i thjeshtë:

  • Bleni shtojcën nga tregu TemplateMonster. Ai do të shkarkohet në kompjuterin tuaj.
  • Shkoni te paneli i faqes suaj të internetit, Shtojca> Shto të reja, klikoni në butonin "Ngarko shtojcën" dhe zgjidhni skedarin e duhur .zip.
  • Kur instalimi të ketë përfunduar, aktivizoni shtojcën.
  • Ketu eshte! Kur hapni menunë e personalizimit të Elementor (duke klikuar butonin "Redakto me Elementor"), do të gjeni seksionin JetPopup në menunë e majtë të widget.

JetPopup

Krijimi i popupit

Tani kur mjetet janë aty dhe janë gati, mund të përpiqem të bëj një kllapë me dy prizat dhe të shoh sa e lehtë dhe e kuptueshme është funksionaliteti. Tjetra, unë do të krijoj një dritare bazë pop-up dhe do t'i hedh një vështrim opsioneve të personalizimit të Popup Builder dhe JetPopup.

Ndërtues i popupit

Në Pro Elementor hapjet e dritareve bëhen veçmas nga faqet e faqeve. Për të ndryshuar pamjen e faqes në internet, hapni faqen që dëshironi të personalizoni, klikoni në butonin "Redakto me Elementorin" dhe bëj ndryshime. Por për të krijuar (dhe më pas edituar) popup-et duhet të shkoni te Templates> Popups dhe të shtypni butonin "Add new popup".

Ndërtues i popupit
Provoni ndërtuesin tani

Në dritaren e hapur, ju duhet të zgjidhni modelin që do të krijoni (po, ju mund të krijoni modele jo vetëm për pop-ups, por edhe për faqe dhe elementë të tjerë) dhe t'i jepni një emër.

krijimi i popupit

Pasi të shtypni butonin "Krijo shabllon" do të ridrejtoheni në menunë e personalizimit të Elementor. Shtë më e lehtë të personalizoni një artikull ekzistues duke e ndërtuar atë nga e para. Prandaj së pari do t'ju ofrohet të zgjidhni një model të përshtatshëm.

biblioteka e popupeve

Unë zgjodha një nga modelet e shfaqura në krye të listës së bibliotekave. Fill pas zgjedhjes, ju uleni në hapësirën e punës Elementor, me të cilin ndoshta jeni mësuar. Opsionet e personalizimit vendosen në shiritin anësor në anën e majtë të ekranit. Ju keni tre skeda këtu.

Skeda "Parametrat" ​​ju lejon të ndryshoni paraqitjen, shfaqni emrin dhe modelin paraprak. Në butonin "Style" mund të rregulloni modelin - ndryshoni ngjyrat, shkronjat, imazhet dhe kufijtë. Skedari "Advanced" gjithashtu ka një sërë rrëshqitësish shtesë; për shembull, ata parandalojnë mbylljen e dritares nga çelësi ESC.

cilësimet e dritares

Siç mund ta shihni - asgjë e papritur, nëse keni përdorur Elementor më parë atëherë nuk do të hasni ndonjë problem me këtë shtojcë. Këtu është një video e detajuar që shpjegon se si të krijoni një dritare pop-up duke përdorur Popup Builder:

JetPopup

Kjo shtojcë shton gjithashtu një skedë të re në pultin tuaj WordPress theme dhe me ndihmën e tij, dritaret kërcyese krijohen gjithashtu veçmas nga faqet. Shfaqjet jashtë kutisë ruhen gjithashtu në një skedë të quajtur "Biblioteka kërcyese". Për të krijuar një dritare të re kërcyese, mund të shtypni butonin "Shto" në shabllonin e paracaktuar ose të shkoni te JetPopup > Shto dritare të re, t'i jepni një emër shabllonit dhe të shtypni "Ndrysho me Elementor".

shtoni popup të ri

Fusha e punës është pak e ndryshme nga norma sepse tani jeni duke krijuar një dritare më të vogël. Në menunë e majtë, mund të shtoni çdo lloj artikulli në dritaren tuaj.

elementet që shfaqen

Shtojca JetPopup shton një artikull të vetëm në menunë e miniaplikatës - butonin e veprimit kontekstual. Kjo lejon përcaktimin e llojit të veprimit që do të ndodhë kur përdoruesi shtyp butonin.

buton veprimi

redaktoni butonin e veprimit që shfaqet

Nuk është vërtet e qartë të hapësh cilësimet nga dritarja që shfaqet. Ju duhet të klikoni në butonin e mirëmbajtjes në fund të menusë. Menuja e cilësimeve është mjaft e ngjashme me atë në Popup Builder, por ka vetëm dy skeda të personalizimit. "Cilësimet e përgjithshme" ju lejon të përcaktoni një efekt të animacionit, të riemërtoni modelin ose të përcaktoni kushtet. Në skedën "Style" ju mund të ndryshoni paraqitjet, ngjyrat, imazhet, shkronjat dhe kufijtë.

cilësimet e reja që shfaqen

JetPopup ka një veçori pak më të dukshme, por e bën atë me mësime video të hollësishme dhe të dobishme.

shkakton

Për të qenë të dobishëm dhe jo për të mërzitur vizitorët, popup-et duhet të shfaqen në kohën e duhur. Kushtet në të cilat shfaqet popup quhen "shkaktues". Sa më të hollësishme të jenë kushtet e disponueshme, aq më fleksibël është shtesa shtesë. Saktësia është shumë e rëndësishme nëse nuk doni që përdoruesi juaj të largohet nga faqja pas shfaqjes së formularit të pajtimit.

Ndërtues i popupit

redaktimi ndërtues i popup-it

publikoni popup

Kjo shtojcë ju ndihmon të vendosni kushtet e nevojshme menjëherë pas rregullimit të dritares pop-up. Kur shtypni butonin "Publish", shihni dritaren ku mund të përcaktoni kushtet (në cilat faqe do të shfaqet kjo shfaqje), shkas (kur shfaqet shfaqja) dhe rregulla të përparuara.

Krijuesi i Popup-it ka gjashtë shkaktarë, të tilla si shfaqja në një lëvizje dhe klikim, dhe shtatë rregulla të avancuara, të tilla si shfaqja pas një numri të caktuar seancash ose shfaqja në pajisje të caktuara. Shkaktarët dhe rregullat e përparuara kanë çelësa të thjeshtë rrëshqitës dhe do të jetë shumë shpejt të vendosni të gjitha parametrat që dëshironi.

JetPopup

cilësimet e dritares

faqja e parë e një popup

Të gjithë shkaktarët, kushtet dhe ngjarjet e hapjes grupohen së bashku në parametra. Pasi të klikoni në butonin e mirëmbajtjes, hapni skedat e cilësimeve dhe mund të vendosni menjëherë shkaktarët. Mund të caktoni përqindjen e faqes pas lëvizjes, menunë e kontekstit për t'u shfaqur ose numrin e sekondave pas së cilës përdoruesi do të shohë mesazhin.

Dritarja mund të tregohet vetëm një herë ose sa herë që përdoruesi kryen veprime të caktuara (nuk e rekomandoj shumë - nuk do t'i bëjë përdoruesit të lumtur). Ju gjithashtu mund të zgjidhni me saktësi se cilat postime ose faqe do të shfaqen këto pop-up konkrete. Në përgjithësi, kjo shtojcë është mjaft fleksibile dhe ju lejon të shfaqni dritaret me përpikëri të madhe.

pozicionimi

Përdoruesit sigurisht që nuk do të jenë në gjendje të shmangin dritaret që hidhen menjëherë nga qendra e ekranit, por ato tërheqin vëmendjen e vizitorëve nga faqja e internetit dhe mund të jenë vërtet të bezdisshme. Jo të gjitha pop-ups duhet të vendosen në qendër, një fjongo e ngushtë në krye do të jetë më pak e dukshme, por mund të jetë shumë më efektive. Kjo do të thotë që ju duhet të kontrolloni pozicionin e dritares dhe të jeni në gjendje të lëvizni nëpër ekran.

pozicionimi

Ndërtues i popupit et JetPopup ndani ekranin në nëntë sektorë dhe ju lejojnë të vendosni dritaren tuaj në secilin prej tyre. Pozicionimi përcaktohet përgjatë shkallëve majtas-djathtas dhe lart-poshtë. Nuk është shumë fleksibël, por është e mjaftueshme për një dritare.

Efektet e animacionit

Mënyra se si rrëshqet dritarja (ose rrotullohet ose hidhet) në faqe është shumë e rëndësishme. Nëse dritarja po lëviz shumë shpejt ose shumë ngadalë, nuk do të jetë efektive. Kërcimet, gudulisjet dhe dridhjet duhet të përdoren gjithashtu me shumë saktësi. Efektet e animacionit e bëjnë sitin më dinamik, por ato gjithashtu mund të prishin gjithë përshtypjen.

Efektet e animacionit

Ndërtues i popupit ka 36 lloje të animacioneve hyrëse, përfshirë llojet e ndryshme të rrëshqitjes, shpalosjes, zmadhimit, kërcimit dhe rrotullimit në drejtime të ndryshme. E gjithë kjo, së bashku me kohëzgjatjen e animacionit, mund të gjenden në seksionin "Layout" të skedës Settings.

cilësimet e dritares reaktive

Ekzistojnë 13 lloje të animacioneve në shtojcë JetPopup, përfshirë venitje, rrokullisje vertikale, rrëshqitje të ndryshme, fryrje dhe zmadhim. Do t'i gjeni në seksionin "Cilësimet" të skedës Cilësimet.

modelet

Në disa raste, ju dëshironi të krijoni një dritare kërcyese me një strukturë specifike dhe të dini saktësisht se si duhet të duket. Por ky është një rast mjaft i rrallë; shumë më shpesh nuk e keni idenë se cilat elemente duhet të përmbajë popup-i juaj. Këtu janë të dobishëm shabllonet. Edhe nëse nuk përdorni asnjë nga mostrat e para-konfiguruara, përpunimi i tyre mund t'ju japë një pasqyrë të mirë. Dhe, sigurisht, personalizimi i një artikulli jashtë kutisë është shumë më i shpejtë dhe më i lehtë sesa ndërtimi i tij nga e para.

Biblioteka e modelit të elementeve

Ndërtues i popupit shtoi një kategori në bibliotekën e modelit të Elementor. Siç ju thashë më parë, ju mund ta shihni atë në fillim të procesit të ri të krijimit të një popup. Asortimenti i modeleve të dritareve është mjaft i madh; ka më shumë se 100 artikuj. Në këndin e sipërm të majtë, një mjet i renditjes sipas kategorisë zbritëse ju lejon të shpejtoni kërkimin tuaj. Kategoritë janë të kuptueshme, dhe nuk do të duhet shumë kohë për të gjetur dritaren që ju nevojitet.

biblioteka e paravendosur jet

JetPopup gjithashtu ka një bibliotekë të madhe të shablloneve. Të gjithë ata janë ruajtur në skedën Biblioteka kontekstuale dhe kanë veçori të dobishme si butoni i shikimit paraprak dhe numëruesi i përdorimit. Ka më shumë opsione të klasifikimit, lista mund të konfigurohet për të shfaqur një lloj specifik të modeleve dhe më pas të vendoset në çfarëdo rendi; për shembull, në varësi të datës së krijimit. Nuk mund t'ju them numrin e saktë të modeleve në dispozicion, por ka patjetër mbi 100.

Grafiku i krahasimit

Ndërtues i popupit elementar JetPopup
Prix 45 $ 15 $
modelet 100 + 100 +
shkakton 6 shkaqe, 7 rregulla të përparuara 5 ngjarje të hapura me parametra shtesë
Animatio 36 lloje 13 lloje
Tutorials Dokumentacioni dokumentacion, 9 mësime video

JetPopup vs Ndërtues i popupit

Përfundim

Nuk mund të them se cila nga këto dy shtojca është më e mira; është shumë e komplikuar për t'i gjykuar ata. Çdo rast dhe secili person ka kërkesat e veta për zgjedhjen e shtojcave. Them se duhet ta përcaktoni vetë - cili nga këta të dy do të jetë më i miri për ju? Ju uroj fat të mirë në shtimin e një popup awesome në faqen tuaj te internetit!