Zdravo, prijatelji! Predlažem da razgovaramo o tome kreiranje modalnih prozora u WordPress-u. Pop-up (modalni) prozori značajno proširuju mogućnosti stranice. Imate li poruku ili oglas koji bi svaki posjetitelj web stranice trebao vidjeti? Trebate li svoju kampanju učiniti vidljivom? Želite li napraviti pop-up formular za registraciju na svojoj web stranici ili obrazac za dijeljenje sadržaja na društvenim mrežama? Kreirajte modalni prozor!

Pop-up modali dizajnirani su da privuku pažnju. Pojavljujući se na stranici, blokiraju glavni sadržaj i prisiljavaju korisnika da se upozna sa njihovim sadržajem (tekst, video, poziv na akciju, itd.).

Pažnja! Nemojte se plašiti dužine ove lekcije - nema poteškoća u kreiranju modalnih prozora (pročitajte i uvjerite se sami), samo opisujem svaki korak do detalja.

Algoritam za kreiranje modalnih prozora u WordPress-u

WordPress nema ugrađene alate za rad sa iskačućim prozorima. Mi ćemo ih dizajnirati i prilagoditi pomoću dodatka Popup Maker. Na primjer, napravimo modalni prozor sa video zapisom, pop-up kada kliknete na dugme(možete ga konfigurirati kasnije automatski izgled).

1. Instaliraj Popup Maker dodatak. Aktiviraj njegov. Da vas podsjetim: naučili smo kako da instaliramo dodatke.
   
2. Pronađite odjeljak u bočnom meniju na lijevoj strani administrativnog panela Popup Maker i idite na njegov pododjeljak Add Popup.
3. Otvara se modalni uređivač prozora. Unesite naziv prozora u polje na vrhu stranice (ime će biti prikazano samo na admin panelu - korisnici ga neće vidjeti).
4. Dođi sa naslov prozora(biće vidljiv korisnicima) i unesite ga u polje iznad dugmeta Dodajte medijski fajl.
5. U bloku Uslovi Iz padajućeg menija izaberite stranice (kategorije) na kojima će se pojaviti prozor. Ako bi dodatak trebao raditi na svim stranicama sajta, izaberite Format:Sve.
6. Dodajte u veliko polje ispod trake sa alatkama tekst, slike, video ili audio– bilo koji sadržaj koji će biti prikazan u iskačućem prozoru. U primjeru koji se razmatra, dodao sam kod za video sa YouTube-a (proučavali smo dodavanje videa na WordPress stranicu).
   
7. U bloku Okidači Postoje postavke za ručno ili automatsko otvaranje (samoaktiviranje) iskačućeg prozora. U našem primjeru, izabrao sam vrijednost Kliknite Otvori.
8. Molimo navedite ispod popup size(u pikselima ili procentima). Prilikom odabira opcije Auto Dodatak će automatski promijeniti veličinu modalnog prozora.
9. Označite polje u redu Onemogući pozadinu tako da stranica stranice bude vidljiva iza iskačućeg prozora (preporučujem).
10. Postaviti vrsta i brzina animacije(nije potrebno: optimalne vrijednosti su već postavljene prema zadanim postavkama).
    
11. Podesite položaj prozora na ekranu. U početku ga dodatak postavlja u gornji centar.
12. Vrijednost imovine z-indeks, postavljena prema zadanim postavkama, obično ne treba mijenjati.
    
13. Odaberite opcije za zatvaranje iskačućeg prozora. Označite potvrdne okvire u redovima sa "pticama" Kliknite na Overlay da biste zatvorili(prozor će se zatvoriti kada kliknete na pozadinu oko njega), Pritisnite F4 da zatvorite(prozor će se zatvoriti ključem F4), Pritisnite ESC za zatvaranje(prozor će se zatvoriti ključem ITD). Kako ne biste uznemiravali posjetitelje stranice slagalicom zatvaranja modalnog prozora, preporučujem da označite sva polja.
    
14. Kliknite Objavite.Čestitamo, vaš modalni prozor je kreiran!

O prilagođavanju dizajna popup prozora

Da biste promijenili dizajn kreiranog modalnog prozora, idite na pododjeljak Tema odjeljak Popup Maker bočni meni admin panela (lijevo).

U editoru koji se otvori, konfigurišite željena pozadina prozora, boja I veličine fonta, padding, senke, ime dugmeta zatvaranje. Okus i boja… znate, pa neću ulaziti u detalje o prilagođavanju dizajna iskačućeg prozora. Ako imate pitanja, postavite ih u komentarima.

Kako postaviti iskačući prozor

Zapamtite, nismo omogućili funkciju automatskog otvaranja modalnog prozora u postavkama dodatka? Stoga moramo shvatiti kako će se naš prozor otvoriti. Postavimo prozor koji će se pojaviti kada kliknete na link, sliku ili dugme.

Dodatak Popup Make dodjeljuje svaki prozor dvije jedinstvene CSS klase. Ako dodate bilo koju od ovih klasa elementu web stranice, onda kada kliknete na ovaj element, otvorit će se modalni prozor.

Gdje i kako povećati komentare na Instagramu – sve metode. Portal pricesmm.com otkrio je šta je jeftinije i bolje: povećati komentare na Instagramu sami, programima, dobiti u zamjenu ili naručiti uslugu na SMM servisu. Prednosti i mane svake metode.

Primjeri dodavanja CSS koda modalnog prozora na vezu, sliku i dugme:

< a href = "#" class = >Otvorite modalni prozor< / a >

Modalni prozor će se pojaviti kada kliknete na sliku

< img src = "popup-primer.jpg" class = "popmake-obrazets-modalnogo-okna"/ >

Modalni prozor se aktivira nakon klika na dugme

< button class = "popmake-obrazets-modalnogo-okna"> Otvori modalni prozor< / button >

Kliknite na HTML element nakon što mu dodate CSS klasu popmake-obrazets-modalnogo-okna. Modalni prozor sličan ovom trebao bi se pojaviti:

Da li se pojavio? Odlično! Sada možete konfigurirati iskačuće prozore. Ako se prozor ne otvori, opišite problem u komentarima - pokrenut ćemo ga zajedno!

Pozdrav, dragi čitaoci blog stranice. Da li primjećujete iskačuće prozore na nekim web stranicama? Postavljala su se pitanja: kako se prave i zašto su uopće potrebni? Imam da.

Dakle, prijatelji, danas ću vam reći tačno o njima. Ali! Hajde da prvo saznamo zašto su nam uopšte potrebni? Šta možete dobiti od njih i kakav će biti rezultat? Ja odgovaram.

Kroz takve iskačuće prozore, efekat uticaja je veoma velik. Kažu da se ponekad desi da se broj pretplatnika poveća 4 puta. Cool! Nije li? Korišćenje iskačućih prozora (popundera) je veoma efikasan način da privučete ogroman broj posetilaca. Obično se koriste za:

• bilten;
• PR za plaćene kurseve obuke;
• promocija grupa na društvenim mrežama mreže;

Moram vas podsjetiti da ponekad takve pop-up reklame mogu naštetiti stranici. To je zbog činjenice da neke korisnike to jako nervira. Šta da kažem, i ja sam jako ljut na takve metode privlačenja pažnje. Kao odgovor na sve ovo dolazi do porasta od 100% kvarova na sajtu, što je štetno.

Ali! Svi ovi problemi se mogu zaobići ako je iskačući prozor ispravno konfigurisan.

Pa da se vratimo na naše glavno pitanje.

Skočni prozori na WordPress-u

1.WP-MK

Cool plugin na koji sam slučajno naišao. Jednostavan za podešavanje, interfejs na ruskom jeziku i čitav set alata. Savršen je za:

• Oglašavanje (na primjer, Google Adsense);
• PR vaših grupa na društvenim mrežama. mreže;
• Jednostavan obrazac za pretplatu.

Dodatak možete preuzeti sa . Zatim ga instaliramo i aktiviramo na uobičajen način. Ići na postavke na lijevoj strani? pop-up prozor i vidimo sledeće:

Po mom mišljenju, ovdje je sve jednostavno, ne vidim smisao da sve odvojeno rastavljam. Ako imate bilo kakvih pitanja, možete ih postaviti u komentarima.

2. Ninja Popups.

Ako želite da korisnici misle “Wow” kada posjete vašu stranicu i vide iskačući prozor, instalirajte ovaj mega cool dodatak. Ninja Popups je iskačuće čudovište na . U poređenju sa WP-MK, daleko je superiorniji u pogledu funkcionalnosti. Primijetio sam da Ninja Popups koriste majstori svog zanata. Zašto? Dodatak se plaća i ne može ga svako priuštiti. Za sebe mogu reći da su im cijene razumne, ne traže puno. Možete saznati više o cijeni Evo.

Pa, hajde da saznamo šta tačno dobijamo od ovog dodatka:

• jednostavnost podešavanja;
• više od 100 gotovih šablona za pretplate i druge vrste oglašavanja (takmičenja, promocije, kursevi itd.);
• statistika;
• mobilna verzija iskačućeg prozora;
• napredno podešavanje vremena prikaza;
• I mnogo više.

Ako želite saznati o svim prednostima dodatka, idite na ovo veza.

Kako prilagoditi dodatak za sebe? Predlažem sledeće... Umesto dosadnog teksta, bolje je pogledati video sa treninga:

To je sve, prijatelji, što se podešavanja tiče. Ali ipak, ako imate bilo kakvih pitanja, postavite ih u komentarima.

3. Popup Maker (modalni prozor)

Dodatak koji ima funkciju kreiranja modalnog popup prozora. U našem slučaju, iskačući prozori će se prikazati kada kliknete na:

• veza;
• dugme;
• slika.

Pa kako to postaviti?

1. Skinuti plugin;

2. Instalirajte i aktivirajte;

3. Na lijevoj strani u meniju tražimo: Pupup Maker -> Dodaj novo.

4. Pred nama će se pojaviti stranica poput ove:

Ne podsjeća te ni na šta? Stranica je potpuno ista kao i forma za objavljivanje članaka na WordPress-u. Kao što vidite, ovdje su dodane neke dodatne funkcije (podešavanja).

Pogledajmo ih detaljnije.

Popup prozor (ime)- neće biti nigdje prikazano, ovdje dajemo ime našem popunderu u dodatku.

Ovdje unesite naslov prozora- napišite ime (na primjer: pretplata na vijesti).

Uslovi ciljanja- označite polje u kojem će biti prikazan naš prozor.

Postavke teme - ovdje još nema opcija. Odaberite prema zadanim postavkama. Prijatelji, u budućnosti možete kreirati svoj vlastiti predložak za dizajn modalnog prozora. Usput, funkcija je vrlo cool. Možete ga pronaći: Pupup Maker -> Sve teme.

Šifra - šta će biti prikazano u prozoru. U našem slučaju, video sa YouTube-a:

U nastavku nas čekaju druga podešavanja (veličina prozora, transparentnost, vrijeme prikaza itd.). Nema tu ništa komplikovano. Nadam se da ćeš to moći podnijeti. Ako imate bilo kakvih pitanja, slobodno ih postavite u komentarima.

Nakon što su sva podešavanja napravljena, sve što treba da uradimo je da objavimo iskačući prozor.

Ali prijatelji nisu sve. Idi na odjeljak Pupup Maker -> Svi skočni prozori. Tražimo CSS časove. Zanima nas ovakav kod: popmake-xxx.

Ovaj kod nam je potreban za prikaz prozora kada kliknemo na link, sliku ili dugme (rekao sam na početku).

Otvaranje prozora kada kliknete na sliku:

Otvaranje pritiskom na dugme:

< button class = "popmake-xxx" >Otvori prozor

Ovaj kod se može umetnuti bilo gdje (na primjer, u članak ili widget). Nema razlike. Ako imate bilo kakvih problema ili pitanja, pitajte u komentarima, rado ću vam pomoći.

Na ovoj veseloj noti, lista popup dodataka za WordPress se završava. Nadam se da ćete od ove tri pronaći svoj koji vam se sviđa. Hvala ti što si uz mene do kraja.

Za ažuriranja, sudjelujte u . Vidimo se uskoro. Ćao svima!

Srdačan pozdrav, Mogish Ivane

Možete saznati da je iskačući prozor prozor koji se otvara na ekranu računara kao rezultat obavljanja neke operacije.

U ovom članku ćemo se osvrnuti na kreiranje pop-up prozora za WordPress.

Ova vrsta iskačućih prozora se može koristiti u različite svrhe: u ovaj prozor možete umetnuti formular za pretplatu, neku vrstu informativne poruke, sliku, kontakt obrazac itd.

Kao alat za kreiranje iskačućih prozora u ovom članku, razmotrit ću poseban dodatak za WordPress pod nazivom WordPress PopUp.

WordPress PopUp dodatak za kreiranje iskačućih prozora

Ovaj dodatak je dostupan u direktoriju dodataka direktno u WordPress admin zoni, tako da je instalacija jednostavna.

Pronađite ga kroz formular za pretragu i kliknite Instaliraj:

Nova stavka će postati dostupna u administratorskom meniju Iskočiti:

Ova stavka vam omogućava da konfigurirate dodatak i upravljate njegovom funkcionalnošću. Razmotrimo sve gore navedeno detaljnije.

U podstav Pop ups tačka Iskočiti Svi postojeći pop-up prozori i njihovo upravljanje su dostupni. Pošto još nije kreiran prozor, stavka je prazna:

Ispravimo ovu situaciju i napravimo naš prvi pop-up prozor, za to idemo na podstavku Dodaj novi i pritisnite istoimeno dugme:

Kreiran je novi prozor. Hajdemo odmah da odlučimo kakav će biti sadržaj ovog prozora, neka to bude, na primjer, obrazac za pretplatu.

Krenimo s postavljanjem kreiranog iskačućeg prozora tako što ćemo zapisati njegovo ime, odnosno određeni identifikator po kojem ćemo pronaći ovaj prozor među ostalima, ako ih ima.

Ovaj identifikator je upisan u koloni Ime iskačućeg prozora (ne prikazuje se na iskačućem prozoru), a kako nije teško pogoditi iz naziva ove kolone kada se prevede na ruski, ona se ne prikazuje u samom iskačućem prozoru:

Ovi naslov i podnaslov će biti prikazani na samom vrhu iskačućeg prozora.

Malo ispod, u oblasti tzv Glavni popUp sadržaj Moramo postaviti glavni sadržaj našeg popup-a. Pošto sam odlučio da postavim obrazac za pretplatu u ovaj prozor, u ovoj oblasti u modu uređivača teksta pišem tačno kod za obrazac za pretplatu:

Ovdje, malo desno, u dijelu PopUp Feature Image (opcionalno) Možete implementirati umetanje bilo koje slike u iskačući prozor:

Neću da ubacujem sliku.

Malo niže, u sekciji Dugme za poziv na akciju (opcionalno) U kreirani prozor moguće je dodati dugme sa pozivom na neku radnju:

Izrada takvog dugmeta je izuzetno jednostavna - potrebno je upisati naziv dugmeta u kolonu Button Label, i na grafikonu Button Link postavite link koji aktivira potrebnu akciju.

Ostaje odrediti neke parametre stvorenog Iskočiti prozor. Pogledajmo ih pobliže.

Postavljanje iskačućih opcija

Zapravo, nisu sve postavke dostupne u besplatnoj verziji dodatka, a budući da ne želi svaki korisnik trošiti vlastiti novac na plaćenu verziju dodatka, prvo ćemo pogledati osnovne postavke dostupne u besplatnoj verziji dodatka. plugin.

Počnimo redom sa sekcijom Izgled:

Doslovni prijevod naziva ove stavke znači "izgled". Nije teško pretpostaviti da postavke u ovom odeljku određuju svojstva iskačućeg prozora.

Od dodataka dostupnih za besplatnu verziju, ovdje postoji samo potvrdni okvir Nema zaobljenih uglova, kvačica u kojoj se aktiviraju ravni, a ne zaobljeni, kao što je standardno, uglovi prilagođenog prozora, kao i mogućnost ručnog određivanja veličine prilagođenog prozora u stavci Koristite prilagođenu veličinu(kvačica u odgovarajućem polju za potvrdu omogućava vam da odredite širinu i visinu prozora u pikselima).

Pogledajmo sada odjeljak Ponašanje, postavke u kojima određuju ponašanje iskačućeg prozora:

Postavke dostupne za besplatnu verziju dodatka uključuju sljedeće:

• Kada prikazati PopUp:— vrijeme (u sekundama ili minutama, opciono) od trenutka otvaranja stranice do pojave iskačućeg prozora;
• Postavke "Nikad više ne vidjeti ovu poruku":— postavke koje omogućavaju posjetiocu da klikne na posebno dugme kako bi blokirao prikaz iskačućeg prozora u budućnosti prilikom otvaranja stranica ovog resursa. Ovdje je dostupan samo potvrdni okvir Dodajte vezu "Nikad više ne vidjeti ovu poruku"., kvačica u kojoj se aktivira izgled veze sa sidrom Nikada više ne vidjeti ovu poruku, klikom na koji blokira dalji prikaz iskačućeg prozora ovom korisniku na stranicama ovog resursa.

Pređimo na odjeljak postavki Prikaz uslova (opciono) odgovoran za uslove za prikazivanje prilagođenog iskačućeg prozora:

Ovdje postoji značajan broj tačaka, pogledajmo ih redom:

• Posjetilac je prijavljen— prikazivanje iskačućeg prozora korisnicima koji su autentifikovani na sajtu (u zavisnosti od dostupnosti takve opcije);
• Posjetilac nije prijavljen— prikazivanje iskačućeg prozora korisnicima koji nisu autentifikovani na sajtu;
• PopUp prikazan manje od— prikazati iskačući prozor sve dok ga korisnik ne vidi određeni broj puta (podešeno u koloni Često prikazuj iskačući prozor:);
• Samo na mobilnim uređajima— prikazivanje iskačućeg prozora samo za posjetitelje s mobilnih uređaja;
• Ne na mobilnim uređajima— prikazivanje iskačućeg prozora samo za posetioce sa računara ili laptopa (ne sa mobilnih uređaja);
• Od određenog referera— prikazati iskačući prozor ako je korisnik došao koristeći poseban referer
• Ne od određenog referera— sakrivanje iskačućeg prozora ako je korisnik došao koristeći specijal referer(ovdje se postavljaju refereri);
• Ne sa internog linka— iskačući prozor se neće prikazati ako je korisnik došao preko interne veze sa druge stranice istog izvora;
• Iz pretraživača— prikazivanje iskačućeg prozora za posjetitelje koji su došli na stranicu sa pretraživača;
• Na određenom URL-u— prikazati iskačući prozor za posjetitelje koji se nalaze na određenim URL Puni URL-ovi;
• Ne na određenom URL-u— prikazati iskačući prozor za posjetitelje, osim onih na određenim URL, čija je lista navedena ovdje u koloni Puni URL-ovi;
• Posjetilac je ranije komentirao— prikazivanje iskačućeg prozora korisnicima koji su ostavili komentare na stranici. Ovaj uslov se može kombinovati sa uslovom Posjetilac je prijavljen ili Posjetilac nije prijavljen;
• Posjetilac nikada nije komentirao— prikazivanje iskačućeg prozora korisnicima koji nisu ostavili komentare na stranici. Ovaj uslov se može kombinovati sa uslovom Posjetilac je prijavljen ili Posjetilac nije prijavljen.

Pregledali smo sve postavke dostupne za besplatnu verziju dodatka, a sada idemo ukratko preko postavki dostupnih samo za plaćenu verziju dodatka WordPress PopUp:

Ovo su bonusi koji dolaze uz plaćenu verziju predmetnog plugina, koji se, inače, nudi za 19 dolara.

Kada završite sve potrebne korake za kreiranje i konfiguraciju iskačućeg prozora, potrebno je da sačuvate rezultat (dugme Sačuvaj) i pogledajte šta se dogodilo pomoću pregleda (dugme Preview PopUp):

Ako vam rezultat odgovara, tada možete aktivirati iskačući prozor (klizač Status premjestiti na poziciju Aktiv).

Na kraju, nakon svih gore navedenih koraka, dobio sam sljedeći rezultat:

Ispostavilo se da je to prilično sveobuhvatan pregled dodatka. WordPress PopUp, koji vam omogućava da kreirate iskačuće prozore za internet resurse koristeći WordPress mehanizam.

Nakon što pročitate članak, možete jednostavno koristiti funkcionalnost dodatka u svoju korist na svojoj web stranici.

Nedavno su me za jednu stranicu zamolili da kreiram obrazac za povratne informacije za WordPress u modalnom prozoru. Odnosno, kada klikne na link „piši nam“, umjesto da ode na odgovarajuću stranicu, korisnik treba da otvori novi pop-up prozor u kojem će se nalaziti funkcija slanja poruke. Ovo je interaktivnije rješenje, iako se ne sviđa svima. Ja osobno preferiram klasičnu implementaciju sa kontakt stranicom, ali obrasci na stranicama su drugačiji - pa će biti korisno razmotriti rješenje ovog problema. U svom radu koristio sam 2 dodatka: dobro poznati Contact Form 7 i Easy Modal modul za kreiranje modalnog prozora u WordPress-u.

Ažuriranje 18.05.2017. Sudeći po najnovijim recenzijama u spremištu, u nekim slučajevima može doći do problema s njegovim radom. Ako i vas ovo pogađa, isprobajte novo rješenje programera pod nazivom Popup Maker. Može se razmotriti i druga alternativa.

Neću ulaziti u detalje o instalaciji i konfiguraciji Obrasca za kontakt 7, sve informacije o tome su ovdje. Blog je također imao članak o tome šta bi moglo biti korisno.

Pređimo direktno na Easy Modal modul. Naći ćeš ga. Programeri tvrde da je ovo najbolje rješenje za kreiranje modalnih prozora na web stranici s raznim zanimljivim opcijama za prezentaciju sadržaja.

Preko 10 hiljada preuzimanja, ocjena 4.6. Važeće verzije 3.4 su 4.0.8, iako sam je uspješno pokrenuo na WP 4.3.1. Unatoč činjenici da je dodatak sada transformiran u novo rješenje Popup Maker, na web stranici wordpress.org i kada pretražujete dodatke unutar admin panela i dalje možete pronaći uobičajenu Easy Modal verziju 2.0.17. Koristeći njegov primjer, reći ću vam o kreiranju modalnog prozora za povratne informacije u WordPress-u.

Nakon instalacije pojavit će se istoimeni odjeljak u kojem se nalazi nekoliko stavki. Trebaće nam prvi od njih - Modals. Kliknite na dugme Dodaj novo tamo.

Ova radnja će kreirati novi modalni prozor za vašu WordPress stranicu. Postavke elementa će imati 4 kartice:

• General—opći parametri.
• Display Options - opcije prikaza.
• Close Options - postavke za zatvaranje prozora (pomoću klika ili dugmeta Esc).
• Primjeri - primjeri koda za korištenje.

Opšta podešavanja sadrže naziv prozora (ne prikazuje se na sajtu), njegov naslov, sadržaj i vrstu preuzimanja. U bloku sadržaja, prelaskom na HTML način rada, dodajte kratki kod vašeg obrasca za povratne informacije u modalni prozor.

Vrsta opterećenja ima 2 opcije:

• Učitaj na cijelom web mjestu (za cijelu stranicu).
• Po stranici/postu (za određene postove i stranice).

Vrlo zanimljiva opcija. Ako vam je potreban iskačući prozor koji će biti prikazan na svim stranicama web-mjesta (veza se nalazi na bočnoj traci, na primjer), odaberite prvu opciju. U drugom slučaju, odgovarajući blok postavki pojavit će se na stranicama/objavama stranice prilikom uređivanja:

Možete aktivirati i odabrati svoj vlastiti pop-up prozor za određenu stranicu. Ako ne označite kućicu, element se neće učitati na stranicu.

Druga kartica parametara modula je Display Options.

Ovdje naznačite:

• veličina prozora - automatski, srednji, prilagodljivi, mali, veliki itd.;
• pozadina - možete koristiti pozadinu za obrazac ili je prikazati bez nje;
• animacija pop-up prozora;
• pozicija (lokacija) - gore u sredini, dole desno, itd.; fiksno ili ne;
• udubljenje na vrhu ekrana.

Primjeri prikaza izlaza modalnog prozora u WordPress-u pomoću dodatka Easy Modal mogu se naći na posljednjoj kartici.

Morate umetnuti ovaj kod kroz widget na bočnoj traci ili u uređivač teksta. Ne razlikuje se od bilo kojeg drugog HTML koda, jedino je ovdje naznačena klasa određenog modalnog prozora (eModal-1). Za drugi element koji ste kreirali, klasa će biti eModal-2, itd. Da ne biste pogriješili prilikom umetanja koda, najlakši način je da ga kopirate sa ove stranice.

Uređivanje teme modalnog prozora

U dodatku Easy Modal, pored postavki za određeni element, možete definirati teme za iskačuće prozore (Theme). Osnovna besplatna verzija modula ima samo jedan predložak, ali to je više nego dovoljno.

Ovaj alat ima 6 kartica:

• Općenito - navedite naziv teme;
• Overlay — pozadina (ovdje možete odabrati boju i transparentnost pozadine obrasca);
• Kontejner - različite postavke samog modalnog prozora (podstava, okvir, sjena);
• Naslov—parametri naslova iskačućeg prozora (font, senka);
• Sadržaj — font i boja tekstova u bloku;
• Zatvori - element za zatvaranje forme (tekst i dizajn).

Kao što vidite, izgled se može prilagoditi vašim potrebama. Na kraju sam dobio ovaj jednostavan WordPress obrazac u modalnom prozoru:

Nakon postavljanja svih postavki, ne zaboravite ih sačuvati (kliknite na dugme Sačuvaj).

Video o dodavanju obrasca za kontakt 7 u iskačućem prozoru Easy Modal

Inače, pronašao sam video o radu sa Easy Modal dodatkom, koji pokazuje proces kreiranja modalnog prozora za povratne informacije u WordPress-u. Tu je interfejs modula malo zastareo (neke postavke izgledaju drugačije), ali možete dobiti opštu suštinu. Možda će nekome biti lakše razumjeti ovo pitanje uz pomoć videa.

Ukupno o modalnim prozorima za WordPress

Kao što je gore spomenuto, sada je Easy Modal dodatak (sudeći po službenoj stranici) pretvoren u Popup Maker. Uspio sam pronaći modul istog imena u spremištu, ali ga nisam testirao. Govorim vam o ovome kako biste znali što tražiti ako Easy Modal u WordPress-u u narednim verzijama iznenada prestane raditi.

Oba rješenja su besplatna, iako imaju plaćene dodatke. Omogućuju vam da prilagodite ciljanje, dodate više tema dizajna, sadrži analitiku i neke druge značajke. Ako vam je potreban napredniji mehanizam modalnog prozora, možete detaljnije pogledati ova proširenja.

Što se tiče zadatka otvaranja obrasca za povratne informacije Kontakt Form 7 u iskačućem prozoru, dovoljne su osnovne mogućnosti Easy Modala. Osim toga, ovo rješenje se može koristiti i za prikaz drugih modalnih prozora u WordPress-u – korisni savjeti, dodatne informacije itd. S obzirom na prisustvo uređivača za umetanje HTML koda, možete prikazati video zapise, obrasce itd. u iskačućem prozoru. Sve u svemu, koristan dodatak. Ako imate pitanja o tome, pišite u komentarima.

Zdravo svima!

Popup dodatak WordPress – slojeviti iskačući prozori

Dakle, nakon što ga preuzmete sa linka na kraju posta i instalirate na svoj blog ili wordpress stranicu, šta dobijate?

Imaćete priliku:

kreirajte iskačući prozor;

koristite unaprijed postavljeni popup šablon;

kreirajte svoj vlastiti popup prozor.

Iskreno, proveo sam oko nedelju dana ukupno prevodeći ovaj popup dodatak i pokušao da to uradim dobro. Nadam se da ćete uživati ​​u korištenju.

Postavke iskačućih dodataka

U glavnim postavkama sve je na ruskom, kao što je gore spomenuto. Za vas neće biti ništa komplikovano. Vi birate parametre, testirate ih i birate najbolju opciju.

Prilikom kreiranja novog iskačućeg prozora, imat ćete pristup brojnim funkcijama putem kojih možete izvršiti potrebna podešavanja u svom WordPress pop-up prozoru, pri čemu vas niko ne sprječava da budete kreativni.

Ako vidite tekst poput: "unesite svoju poruku..." - ne brinite, možete ga zamijeniti bilo kojim drugim tekstom i na bilo kom jeziku koji želite.

Popup plugin kartice za slanje pošte

Ovdje ste već zbrinuti, ali možete unijeti svoj tekst kako želite.

Odjeljak Integracije popup plugin WordPress

Za mene lično to nije od posebnog interesa, ali možda neko koristi usluge treće strane za slanje e-pošte.

Skočni prozori – A/B kampanje

Ovdje možete kreirati kompanije i pratiti koji je popup najefikasniji.

Ako vidite da su neki obrasci blokirani, nemojte se uznemiravati, lako ih možete deblokirati, ali u drugom dijelu.

Odmah ću reći da nisam posebno testirao ovu sekciju.

Ako kliknete na dugme “kreiraj”, pojavit će se dodatna podešavanja koja možete prilagoditi svojim potrebama.

Nisam ni ja testirao časopis, pa ću ga samo spomenuti i ništa više..

Popup dodatak WordPress – slojeviti iskačući prozori ima funkciju koja vam omogućava preuzimanje i instaliranje dodatnih iskačućih prozora, ali problem je što je bez koda za kupovinu beskorisno.

Postoji i dio sa dodacima, ali, nažalost, i oni koštaju.

Definitivno bih prvo pogledao odjeljak postavki. Iskreno govoreći, podesiti sve potrebne parametre.

Postoji i odeljak FAQ - “Često postavljana pitanja”, ali on nema nikakve veze sa dodatkom i preusmjerava korisnika na stranicu sa odgovorima na engleskom, tako da ga neće biti moguće prevesti.

Sada bih želio dati nekoliko primjera o tome kakvu vrstu skočnog prozora WordPress-a možete napraviti, čak i koristeći iskačuće primjere ugrađene u dodatak: