Je li vaša web stranica već optimizirana za mobilne uređaje? Ako još nije, nije smak svijeta. Moderni pretraživači sadrže inovacije kao što su zumiranje prstima i automatsko podešavanje veličine fonta.

Ako nemate vremena ili novca da optimizirate svoju web lokaciju za mobilne uređaje, evo deset jednostavnih stvari koje možete učiniti odmah kako bi vaša stranica izgledala dobro posjetiteljima s mobilnih uređaja.

1. Postavite ispravne atribute polja obrasca

Ako koristite polja za unos za korisničko ime ili adresu na svojoj web stranici, isključite automatsko ispravljanje i uključite automatsko korištenje velikih slova:

Vaše ime:

Ako to ne učinite, T9 automatski sistem unosa će zamijeniti imena, na primjer, "Erwan", nečim poput "Erevan".

Podešavanje automatske upotrebe prvog velika slova u vrstama riječi će korisnike osloboditi potrebe da svaki put uključe velika slova - to jest, svaka riječ će početi velikim slovom (na primjer, "Ken Burns" će postati "Ken Burns"):

Razmislite o svim zamkama na koje korisnik može naići na vašoj web stranici.

I ne odlazeći daleko od teme. Ako vaša stranica traži e-poštu od korisnika, koristite polje e-pošte kako posjetitelj ne bi morao upisivati ​​simbol @ s tastature mobilnog uređaja:

Vaš email:

2. Postavite odgovarajuću širinu za mobilne uređaje

Otvorite svoju web stranicu u pretraživaču vašeg računara i smanjite širinu prozora programa sve dok ne budete mogli ništa pročitati u njemu.

Ovo će biti minimalna dozvoljena širina. Uzmite trenutnu vrijednost širine i postavite je na svojstvo @viewport postavljanjem meta oznake u glavu stranice:

Sljedeći put kada se vaša stranica otvori na mobilnom uređaju, automatski će biti postavljena na širinu koju ste naveli. Posjetilac stranice neće morati koristiti Zoom:

Ova slika prikazuje dodatni prostor sa desne strane:

I ova slika prikazuje ispravno podešenu vrijednost širine.

Ako je vaša stranica izgrađena na fluidnom izgledu i radi sa svim veličinama ekrana, vaš zadatak postaje još lakši. Morate eksperimentirati sa širinom na kojoj stranica izgleda lijepo i čitljivo na mobilnom uređaju i postaviti ovu vrijednost u meta oznaku.

3. Postavite širinu slika na 100%

Sada kada vaša stranica ima određenu širinu, neke slike će postati vrlo široke. To se ranije nije dogodilo, jer su rezolucije desktop monitora prilično široke i većina slika stane u širinu:

Da biste to izbjegli, postavite maksimalnu širinu vaših slika na 100%. Na ovaj način, slike će automatski promijeniti veličinu u slučajevima kada su prevelike za ekran mobilnog uređaja. Dodajte kod u nastavku u CSS stilove vaše stranice:

img (maks. širina: 100%)

Ako koristite slike kao pozadinu osim pomoću oznake img, jednostavno postavite svojstvo veličine pozadine CSS-a da sadrži . Ovo će uzrokovati promjenu veličine pozadinske slike kada rezolucija ekrana nije dovoljna da se prikaže u skali od 100%:

Zaglavlje (pozadina: url(header.png) 50% bez ponavljanja; veličina pozadine: sadrži)

Ako ste zabrinuti da će slika postati manje jasna, uzalud se brinete. Na modernom mobilnih uređaja ovo se neće desiti.

Kada posjetitelj koristi uvećanje, pretraživač koristi prednosti povećanja jasnoće slike. Međutim, uvjerite se da vaša web lokacija nema svojstvo user-scalable=no u meta oznaci. Ako to nije slučaj, korisnik neće moći koristiti zumiranje:

4. Postavite širinu polja za unos na 100%

Nakon što je širina slika postavljena putem svojstva max-width, napravite sličan trik sa polja za unos. Samo dodajte u CSS fajl vaše web stranice:

unos, polje teksta (maksimalna širina:100%)

Kada pregledavate stranicu na mobilnom uređaju, ova opcija će spriječiti da se polja za unos prošire izvan ekrana.

5. Budite oprezni kada koristite Onemogući za dugmad za potvrdu slanja obrasca

Da biste izbjegli višestruke klikove na dugme za potvrdu slanja obrasca, trebalo bi da učinite slanje neaktivnim nakon prvog klika na njega.

Za razliku od desktop uređaja, mobilni uređaji često gube vezu s mrežom. Ako dugme učinite neaktivnim, korisnik ga neće moći ponovo kliknuti. I u ovoj situaciji, imajte na umu da uzrok takve situacije ne može biti samo gubitak mreže.

Tokom dolazni poziv Preglednik mobilnog uređaja će se zatvoriti. A onda će se ponoviti situacija sa blokiranim dugmetom za potvrdu. Korisnik neće moći podnijeti već popunjen obrazac.

A ako ipak odlučite da deaktivirate dugme za slanje, učinite to nekoliko sekundi.

6. Koristite prelamanje riječi na dugim redovima

Ponekad je potrebno prikazati dugačke nizove kao što su primjeri kodova, linkovi, brojevi bankovnih računa. Ako se pokaže da je vaša stranica uska da bi se prikazala cijela linija, može “ići” izvan ekrana mobilnog uređaja:

Izbjegnite ovu situaciju koristeći svojstvo word-wrap. Ovo će se premotati kada linija stigne do ivice ekrana. Korisnik će vidjeti sve što mu treba bez skrolovanja:

Vaša lozinka:

7. Budite oprezni pri korištenju razmaka

Uobičajena praksa pri prikazivanju dugih nizova je korištenje razmaka svakih pet znakova. Ovo će omogućiti korisniku da ih zapamti za ulazak u drugu aplikaciju.

Međutim, pametan korisnik to neće učiniti ručno. On će koristiti međuspremnik. Međutim, u slučaju razmaka, morat će ih ukloniti. Koliko je zgodno i brzo ukloniti praznine na mobilnom uređaju?

Da biste izbjegli takve situacije, koristite uvlake umjesto razmaka između grupa znakova:

.split m ( padding: 0em 0.5em ) Vaš kod: 435143a1b5fc8bb

Kao što vidite, "razmaci" između znakova ostaju, ali s tom razlikom što prilikom kopiranja i lijepljenja nema potrebe ništa brisati. U najmanju ruku, zgodno je i štedi vrijeme!

8. Prednosti medijskih upita

Možete kreirati prilagođene stilove koji će raditi samo kada pregledavate stranicu na mobilnim uređajima (ili se prikazuju u malom prozoru preglednika), i desktop računar Normalna verzija web stranice će raditi. Da biste to učinili, koristite ciljne stilove unutar medijskih upita kao u primjeru ispod:

/* regularni css */ .tabs ( padding: 10px 2em ) @media ekran i (maks. širina: 500px) ( /* se primjenjuje samo ako je ekran uži od 500px */ .tabs ( padding: 3px 1em ) )

Sada znate još jedan trik koji će pomoći da vaša web stranica izgleda bolje na mobilnom uređaju.

9. Izbjegavajte fiksno pozicioniranje

Ako je zaglavlje ili bočna traka vaše stranice pozicionirana na fiksni način, svojstvo položaja CSS-a je postavljeno na fiksno. Budite oprezni.

Kada ovako označite, vaš će naslov rasti sa stranicom i možda će zauzeti cijeli prostor na ekranu:

Najjednostavnije rješenje je ne koristiti fiksne pozicije elemenata za prikaz na mobilnim uređajima.

Primjer ispod, koristeći metodu medijskog upita, pokazat će kako to implementirati:

/* regularni css */ #header (pozicija: fiksni) @medijski ekran i (maksimalna širina: 500px) ( /* se primjenjuje samo ako je ekran uži od 500px */ #header (pozicija: statički))

10. Koristite standardne fontove

Korišćenje prilagođenih fontova daje sajtu izgled profesionalnog proizvoda, ali korisnici moraju da preuzimaju datoteke fontova. Ovo se radi prije nego što se stranica prikaže na uređaju.

U pravilu, volumen takvih datoteka je prilično velik. Na mobilnom uređaju ovaj proces može potrajati veliki broj vrijeme. U ovom trenutku vidimo prazan prostor na ekranu umjesto teksta.

Kako se vaša stranica prikazuje na mobilnom uređaju?

Idite na uređivač stranice i kliknite na "Postavke podešavanja" na gornjoj ploči. U ovom prozoru uključujemo i isključujemo prikaz stranice za odabrane uređaje.
Prebacite modove odziva i pogledajte kako će stranica izgledati u uređivaču i u načinu pregleda.

U uredniku:

U pretpregledu:

Kako konfigurirati prilagodljivost zasebnog widgeta?

Prilagodljivost nekih widgeta može se posebno podesiti. Konfigurišemo prikaz widgeta "Kolone", "Slika", "Dugme" i "Tekst" na mobilnim uređajima.

Kolumni widget

U postavkama odjeljka uključite i isključite prikaz kolona vertikalno za mobilne telefone. Na drugim uređajima, kolone će prema zadanim postavkama biti horizontalne.

Vidžet "Slika".

Postavljamo posebnu veličinu slike za mobilne telefone. Da biste to učinili, idite na postavke widgeta i omogućite "Posebna veličina za telefone".

Vidžet za dugme

Nakon što smo odredili "Posebnu poziciju za telefone", mijenjamo poravnanje dugmeta na telefonu: lijevo, u sredini, desno ili ga rastegnemo po širini.

Tekstualni vidžet

Tekst se automatski proširuje unutar svog vidžeta. Prema zadanim postavkama, poravnanje na mobilnim uređajima je postavljeno na sredinu - ova postavka se može isključiti i uključiti.
Također možete postaviti veličinu fonta za različite vrste uređaja.
I postavite uvlake.

Kako sakriti widget ili odjeljak?

Vidžeti i odjeljci koji ne bi trebali biti prikazani na određenim uređajima mogu se sakriti.

Važno: ako je funkcija „sakrij widget“ aktivna, ona mora biti uključena u mobilnu reakciju. U suprotnom će se prikazati verzija odziva koja je najbliža širini.

Ako sakrijete odjeljak za mobilne uređaje i zaboravite omogućiti odziv, tada će se kada pristupite stranici prikazati verzija tableta.

Sakrivanje vidžeta

Sakrijmo vidžet "Slika" i vidžet "Tekst" za široke ekrane. Widgeti će biti prikazani samo na mobilnim uređajima, tabletima i laptopima, za uređaje sa širokim ekranom, widgeti će biti skriveni čak i u uređivaču.

Sakrivanje sekcije

Na primjer, sakrivamo prvi odjeljak za široke ekrane.

Mobilni meni

Koristimo widget “Mobilni meni” za jednostavnu navigaciju na mobilnim uređajima. Na širokim ekranima, meni će izgledati kao normalan.

Kako instalirati vlastiti meni na mobitel?

Dodajmo mobilni meni u sekciju, uklonimo ugrađeni meni iz njega i premestimo naš meni u widget "Mobilni meni". Ostaje da konfigurišete prikaz menija na mobilna verzija i položaj dugmeta. Umjesto natpisa postavili smo logo.

Moguće greške: paralaksa - promjena vidljiva pozicija objekat u odnosu na udaljenu pozadinu u zavisnosti od položaja posmatrača, nije namenjen mobilnim uređajima.

Kontakt stranica je od velike važnosti, pa njenom dizajnu treba posvetiti posebnu pažnju. Što je stranica za kontakt pogodnija, vlasniku stranice se otvaraju više mogućnosti. Kontakt stranica, ako je pravilno dizajnirana, može vrlo dobro utjecati na stope konverzije: ako korisnik može lako kontaktirati upravitelja stranice ili administratora, imat će pozitivno iskustvo. Što je proces jednostavniji, što manje polja ili obrazaca korisnik treba da ispuni, to je bolje za konverziju.

Dobra kontakt stranica može poboljšati web stranicu jer stvara uslove za dobar odnos između posjetitelja i vlasnika stranice. Nije bitno o kakvom se sajtu radi, to može biti internet prodavnica, news portal ili web servis - povratne informacije su izuzetno važne.

Uprkos tome, mnogi dizajneri podcjenjuju važnost pravilno dizajnirane kontakt stranice, fokusirajući se na dizajn stranica sa glavnim sadržajem.

Dešava se da korisnik treba brzo kontaktirati vlasnika stranice ili kontaktirati korisničku podršku. Međutim, ništa ne radi, čak i ako koristite pretragu stranice. Ponekad su potrebne informacije prisutne na sajtu, ali su „skrivene“ jer dizajner nije vodio računa o pravilnoj navigaciji i korisnik jednostavno ne vidi potreban link. Očajni korisnik je spreman da pozove telefon, ali ni on ne može da ga pronađe.

Kompanije i web servisi koji posvećuju veliku pažnju dizajnu kontakt stranica postupaju izuzetno pažljivo. Jednostavno zato što ova stranica ne sadrži samo kontakt informacije: sadrži informacije koje su potrebne korisniku i interaktivna je. I, što je najvažnije, dobra kontakt stranica podstiče korisnika na interakciju sa sajtom iznova i iznova.

Kontakt stranica je svojevrsna platforma za komunikaciju. Ako vlasnik stranice dozvoljava klijentima da izraze svoje mišljenje, onda je to već poziv na dijalog. Web programeri i korisnici mogu imati koristi od ove suradnje i iz tog razloga ona mora biti pravilno dizajnirana.

Kao što znate, funkcionalnost u dizajnu je jedan od ključnih faktora. Kontakt stranica sadrži važne informacije, međutim, toga nema previše, što ponekad može dovesti do pogrešne procjene funkcionalnosti. Vlasnik stranice misli da ako je postavio adresu na stranicu email i telefon, onda je ovo sasvim dovoljno. Ponekad je u pravu.

Međutim, dvostruka provjera funkcionalnosti može donijeti više koristi nego štete. Neispravne veze ili stranice koje su preopterećene informacijama su štetne za angažman. Vlasnik stranice možda neće primiti važnu poruku, ali najgore će se dogoditi ako pruži zastarjele ili netačne informacije. Kada dizajnirate stranicu za kontakt, prvo morate razmišljati o korisnicima, jer je ipak ova stranica kreirana posebno za njih.

Lokacija

Neophodno je osigurati da stranica za kontakt bude uvijek dostupna korisnicima. Izgled web stranica, čak i s ekskluzivnim dizajnom, ništa ne znači ako korisnici ne mogu pronaći stranicu za kontakt. Ponekad morate dizajnirati prilično složene kontakt forme, tako da se morate unaprijed pobrinuti za upute. Korisnicima će biti lakše kontaktirati vlasnika stranice ako imaju vodič korak po korak.

Za dizajnera koji dizajnira web stranicu, važno je zapamtiti dvije točke:

• Primarna navigacija uvijek treba uključivati ​​stranicu za kontakt
• Korisnici bi trebali pronaći stranicu za kontakt kada prvi put posjete stranicu, bez obzira na koju internu stranicu stignu

Sudeći po iskustvu koje su akumulirali dizajneri, korisnici obično traže kontakt informacije na desnu stranu stranicu, tako da ima smisla tamo postaviti link „Kontaktirajte nas“. Međutim, morate imati na umu da su ove informacije od sekundarnog značaja za korisnika, tako da ne biste trebali učiniti ovaj dio stranice previše uočljivim ili nametljivim. Link do stranice za kontakt koja se nalazi u gornjem desnom uglu stranice najbolje funkcionira. A najgora stvar je veza u padajućem meniju, jer korisnici to jednostavno neće primijetiti.

Jednostavne kontakt forme

Za komercijalne stranice, stranica za kontakt je vrlo važna, o tome je već bilo riječi gore. Iako možda nije tako lijepa kao druge stranice na stranici, trebala bi biti jednostavna, laka za korištenje i razumljiva. Ako informacije nisu pravilno strukturirane, loše funkcioniraju ili su obmanjujuće, onda je malo vjerovatno da će vlasnik stranice moći izgraditi dugoročne odnose sa svojim klijentima.

Često se dešava da korisnik koji želi ostaviti poruku napusti stranicu jer ne može popuniti kontakt obrazac. Ili ne želi ako je predugo ili komplikovano. Današnji korisnici ne žele gubiti vrijeme na popunjavanje detaljnih formulara, pa je vrijedno razmisliti o njihovom pojednostavljenju. Što je obrazac jednostavniji, to je bolje i za korisničko iskustvo, pa se morate fokusirati na prikupljanje osnovnih informacija.

Tačna formulacija

Ako govorimo o službenim web stranicama, onda se na svim stranicama, uključujući i stranicu za kontakt, treba pridržavati jasnog i preciznog jezika o pogodnostima koje će korisnik dobiti postajući klijent kompanije. čemu ovo služi? Očišćeno od svega nepotrebne informacije je najefikasniji način za privlačenje i zadržavanje pažnje. Lijepo sažeti podaci trebaju biti sažeti kako bi ljudi mogli lako pronaći ono što im treba.

Također, ne zaboravite na vizualnu komponentu. I ne govorimo samo o atraktivnim dizajnom obrazaca za kontakt. Ako kompanija ima fizičku adresu, korisnicima možete pomoći postavljanjem mape na stranicu za kontakt. Za kompanije koje se nalaze u velikim gradovima, veoma je važno objasniti korisnicima kako će im biti zgodnije doći do svoje kancelarije, prodavnice ili skladišta.

Brzina kontakt stranice

Za bilo koje online poslovanje, odziv je sve. Ovo je strogo pravilo, bez izuzetaka. Budući da se internet razvija velikom brzinom, a na tržištu se pojavljuje sve više novih uređaja, to znači da kontakt podaci moraju biti dostupni bez obzira koji pretraživač ili uređaj osoba koristi. Danas je vrlo lako izgubiti u konkurenciji - sve što trebate učiniti je ne optimizirati svoju kontakt stranicu za prikaz na mobilnim uređajima.

Integralne komponente

Što je bolje: email adresa ili kontakt obrazac? Korisnici trebaju jednostavne načine veze sa pružaocima usluga koje su im potrebne, tako da im morate izaći u susret. Možete se fokusirati na komunikaciju putem e-pošte ili postaviti kontakt formu - svaka metoda ima svoje prednosti i nedostatke.

Kontakt forme

• Kontakt obrazac ne bi trebao prisiljavati korisnike da odu na drugu stranicu
• Kontakt obrazac nije namijenjen kreiranju račun ili se prijavite putem e-pošte
• Obrazac bi trebao imati funkciju automatskog dovršavanja ako je moguće.
• Kontakt obrazac treba da ima funkcionalnost za slanje poruka i obavještenja

E-mail

• Komunikacija putem e-pošte mora biti sigurna za korisnika
• Preporučljivo je sačuvati sve poslane podatke za buduću upotrebu.
• Rad sa primljenim porukama treba obavljati sistematski, takođe morate voditi računa backup podaci

Obrazac za validaciju

Obrasci za verifikaciju su od velike važnosti kada trebate saznati više o korisnicima vaše stranice. Osim toga, proces validacije na neki način vodi korisnika u pravom smjeru, jer može skrenuti njegovu pažnju na pogrešno unesene podatke ili prazna polja. Dakle, obrazac za verifikaciju štedi vrijeme klijenta, jer će na kraju procesa popunjavanja osoba biti čvrsto uvjerena da će njegova poruka otići na ispravnu adresu.

Brojevi telefona

Mnoge kompanije ne navode na stranici za kontakt brojevi telefona, jer strahuju da će stalni pozivi ometati radni proces. Međutim, kao iu slučaju kartice, telefonski brojevi na stranici za kontakt povećavaju povjerenje korisnika u brend, vjerujući da će u teškoj situaciji moći kontaktirati zaposlenika kompanije i razgovarati o problemu. Telefonski broj smanjuje udaljenost između vlasnika stranice i korisnika, to se odnosi i na tradicionalne kompanije i na internetske usluge koje nemaju fizičku adresu.

Profili na društvenim mrežama

Dugmad društvenih medija sve se češće nalazi na stranicama za kontakt. Ovaj pristup može značajno poboljšati mogućnosti stranice, posebno ako je korisnička podrška obezbeđena 24/7. Mnogima je zgodnije kontaktirati kompaniju preko društvena mreža, pa je vrijedno razmisliti o ovakvom načinu interakcije s korisnikom.

Dizajn stranice za kontakt

Zaista dobre stranice kontakti ukazuju na visoke kvalifikacije dizajnera koji su ih dizajnirali. A najvažniji dio dizajna je vizualni stil stranice za kontakt. U slučaju kontakt obrazaca, to znači velika polja koja olakšavaju dostavljanje podataka. Ako obrazac izgleda lijepo, radi bolje.

Prije početka dizajna, dizajner bi trebao provesti detaljnu studiju svega kontakt informacije koje obezbeđuje klijent. Svi elementi moraju biti dobro organizirani, osim toga moraju biti skladno kombinovani. Također treba imati na umu da se stranica za kontakt mora podudarati shema boja stranica tako da korisnik na jedinstven način identificira i stranicu i brend.

Zaključak

Kontakt stranica treba uvijek biti vidljiva. Ovo se odnosi ne samo na glavnu stranicu, već i na sve ostale stranice stranice. Kada dizajnirate stranicu za kontakt, morate imati na umu da će korisnici moći kontaktirati vlasnika stranice ili tim za podršku samo na način koji vide na kartici „Kontakti“. U ovom slučaju, ključ uspjeha je praktičnost i jednostavnost. Moramo dati korisnicima ono što žele. Ukoliko korisnik mora unijeti svoje lične podatke na stranicu, onda je najbolje postaviti osnovna pitanja: ime, prezime, email adresa. Kontakt obrazac ne bi trebao sadržavati nepotrebna polja. Također morate voditi računa o prilagodljivosti stranice za kontakt - oni bi trebali biti prikazani u bilo kojem pregledniku i na bilo kojem uređaju. Ako je stranica za kontakt pravilno dizajnirana, šanse stranice za uspjeh kod korisnika se znatno povećavaju.

Pozdrav mojim čitateljima, stekao sam iskustvo i reći ću vam o principima rada obrasca povratne informacije php. Pokazat ću vam na jasnim primjerima kako biste razumjeli kako sve funkcionira i kako dolazi do interakcije između same forme za unos (njenih polja za unos) i datoteke rukovanja napisane u PHP-u. Osim toga, izvore možete besplatno preuzeti zajedno sa .

Naravno, biće super ako se barem malo razumijete u HTML/CSS jer... Morat ćete prevući kod na svoju stranicu po analogiji. Nećemo se doticati jezika PHP-a, pokazaću vam sve potrebne promjene koje trebate učiniti za sebe.

AŽURIRANJE: Na osnovu odgovora čitalaca shvatio sam da mi treba nešto ljepše i funkcionalnije, upoznajte me, pogledajte i pogledajte. Odaberite koji vam se najviše sviđa)

AŽURIRANJE 2: Verzija 3.0 Adaptive Landing + ajax obrazac sa prijenosom UTM oznaka, pročitajte i pogledajte. Svideće ti se

Sjetio sam se sebe kada sam prvi put pokušao napraviti svoj obrazac za povratne informacije u PHP-u, i da budem iskren, bilo je naporno, jer... Nisam razumeo šta i kako se dešava. Strpljenja i istrajnosti, prijatelji, i uspjet ćete.

Obrazac za povratne informacije php veze- struktura

Proučit ćemo analizu samog obrasca za povratne informacije na primjeru landing page (Landing Page), usput, postoji poseban članak o. Možete vidjeti kako funkcionira na djelu koristeći dugmad ispod, prilažem izvore ove stranice na jednoj stranici i glavnu datoteku php handlera (ova datoteka će obraditi i poslati e-mail)

Nakon preuzimanja izvora i raspakivanja arhive, vidjet ćete sljedeću strukturu datoteke:

• slika - sve slike koje se koriste za samu odredišnu stranicu, dugmad itd.
• js - javascript skripte koje pružaju, na primjer, skočni prozor modalni prozor na stranici i druge vizuelne efekte
• index.html - index fajl naše stranice na jednoj stranici
• index1.php - datoteka rukovatelja u koju se prenose vrijednosti iz obrasca, zatim se iz primljenih varijabli generira pismo i šalje na određenu email adresa. Index1.php će također djelovati kao posredna stranica za obavještenje o uspješnom slanju podataka sa automatskim preusmjeravanjem nazad na index.html (tj. našu stranicu na jednoj stranici)

Važno je da vaš hosting, na kojem se nalaze fajlovi sajta, podržava PHP obradu, inače se datoteka index1.php neće izvršiti i neće raditi. Da biste razjasnili ovu nijansu, kontaktirajte kampanju u kojoj je registriran vaš hosting ili ga jednostavno testirajte - radi, što znači da postoji podrška. Ako ne, onda omogućite opciju podrške za php jezik

Pogledajte dijagram interakcije svih elemenata (stranica, obrazac, rukovalac)

Izvorni kod za pozivanje obrasca i rukovaoca

Pogledajmo kako radi jedno od dugmadi, koje otvara modalni iskačući prozor koji sadrži obrazac za povratne informacije. Ovo dato izvorni kod- nije samo jedan, dva umetnuta na stranicu i radit će, morat ćete ga sami prilagoditi svom dizajnu i potrebama.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

Zatražite povratni poziv Zatražite povratni poziv

Zatražite povratni poziv Zatražite povratni poziv

Ispod je kompletan izvorni kod rukovaoca index1.php, kako biste konfigurisali slanje na svoj poštansko sanduče, promijeni " [email protected]"na svoje, ostalo se, u principu, može ostaviti nepromijenjeno

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

Bit ćete kontaktirani

Bićete kontaktirani telo (pozadina: #22BFF7 url(img/zakaz.jpg) gore -70% centar bez ponavljanja; ) setTimeout("location.replace("/index.html")", 3000); /*Promijenite adresu trenutne stranice nakon 3 sekunde (3000 milisekundi)*/

Provjera funkcionalnosti obrasca

Pozovite prozor i unesite podatke za probnu provjeru našeg obrasca

Da vas još jednom podsjetim, vaš hosting mora podržavati obradu php datoteke, inače se naš rukovalac jednostavno neće izvršiti i pismo neće biti poslano na navedenu adresu e-pošte. Rezultat uspješno popunjenog obrasca za povratne informacije

To je sve za mene, trudio sam se da na najbolji mogući način prenesem značenje i rad skripte. Ako imate bilo kakvih pitanja, slobodno me kontaktirajte u komentarima ili na VK (pogledajte kontakt detalje). Želim vam lak i produktivan rad.

Kako raditi