Spremni kod za html obrazac za povratne informacije. Napravite obrazac za povratne informacije

Znate li da do 80% korisnika napusti vašu stranicu bez ispunjavanja prijave jer obrazac povratna informacija Je li vaša web stranica daleko od idealne? Ili ste uvjereni da je vaš obrazac za prijavu savršen i ima maksimalnu konverziju?

Sve češće se naši novi klijenti koji dolaze u naš studio, kada razgovaraju o izradi i promociji web stranice, pitaju o konverziji. Ovo je apsolutno ispravno pitanje kada je u pitanju Internet marketing, jer ako stranica ne donosi klijente, onda nema smisla ulagati vrijeme i novac u nju. U današnjem blogu govorit ćemo o jednom od faktora koji uvelike utječe na posjećenost web stranice neke tvrtke. Ovaj čimbenik su obrasci za povratne informacije, ili kako se još nazivaju, "obrasci za snimanje". Koji je idealan oblik povratne informacije?

Odmah napomenimo da se ovaj oblik može razlikovati ovisno o segmentu poslovanja, budući da svaki posao ima svoje zadatke i formate interakcije s klijentima. To je obrazac koji “komunicira” s klijentom dok vaš voditelj zove druge kontakte i čeka nove prijave.

Obrazac za povratne informacije na web stranici je važan. Nenametljivo i pažljivo navodite kupca na kupnju ili narudžbu usluge. Koristite sve što možete, od korisničkog sučelja do izvrsnih prodajnih uvjeta. Ali kada klijent dođe do narudžbenice, odlazi. Uzalud sav trud. Malo je vjerojatno da će vam se ikada više vratiti. To se može izbjeći jednostavnom promjenom obrasca za povratne informacije.

Zašto nam je potreban obrazac za povratne informacije?

Ne samo za narudžbu/kupnju. Pomoću obrasca za povratne informacije od korisnika saznajete što im se sviđa / ne sviđa, koji problemi postoje u radu tvrtke, pa čak i dobivate gotove savjete za njegovo poboljšanje. Razgovor s korisnicima je:

a) povećanje lojalnosti vašoj tvrtki;

b) sposobnost brzog odgovora na zahtjev, smanjenja negativnosti i zadržavanja klijenta;

c) mogućnost poboljšanja proizvoda ili usluge;

d) način povećanja prodaje.

Glavna pogreška koju čine neiskusni vlasnici web stranica je preopterećen obrazac za povratne informacije. Korisnici su zastrašeni velikim brojem polja koja je potrebno ispuniti kako bi se uputio zahtjev vašoj tvrtki. Ne žele davati nepotrebne informacije o sebi, čak i ako im obećate povjerljivost. Prikupili smo za vas nekoliko pravila za stvaranje savršenog oblika.

Pravilo #1. Pojednostavite obrazac što je više moguće

Koji od ovih obrazaca ćete najvjerojatnije ispuniti?

Ili ovako

Ostavite samo najvažnija polja. Posjetitelji većine stranica ne vole ispunjavati veliki broj polja

Ako se slijedi pravilo pojednostavljenja obrasca, tada možete očekivati ​​povećanje konverzije za 30-60%.

Savjet. Uklonite sve nepotrebno, ostavite 2-3 polja ili čak 1. Obično je ovo "Ime", "broj telefona ili e-mail". Ako imate online trgovinu i kreirate narudžbenicu, tada će biti još nekoliko polja: “Ime”, “Broj telefona ili e-mail”, “Mogućnost dostave”, “Količina robe”, “Adresa” . Pogledajte za koju svrhu izrađujete obrazac za povratnu informaciju i pojednostavite ga što je više moguće.

Pravilo #2. Oblik mora biti uočljiv

Obrazac za povratne informacije ili prijavu sa stranice mora biti vidljiv, inače ga posjetitelj jednostavno ne primijeti i ne ispuni. Možete čak dodati i neku vrstu animiranog elementa da dodate još veći naglasak.

Pravilo #3. Minimum “obaveznih polja”

Jedno obavezno polje - telefon

Često na web stranicama tvrtki možete vidjeti ne samo obrazac preopterećen nepotrebnim poljima, već i obavezni zahtjev za ispunjavanje ovih polja. Tekst "obavezno polje" prisutan je na 99% stranica. Želite li povećati svoju konverziju? Uklonite obavezno ispunjavanje svih polja osim telefonskog broja. Ako osoba želi, on će sam ispuniti ona polja koja smatra potrebnim, ali glavno polje je telefonski broj, koji će vam omogućiti da nazovete klijenta i razjasnite sve ostale informacije. Glavna stvar je ne zaboraviti izraditi prave skripte za menadžere.

U kojim slučajevima konverzija iz obrazaca pada:

  • Stopa konverzije pada za 3% ako tražite da ispunite polje za dob
  • Pad stope konverzije 10% ako trebate unijeti svoje puno ime
  • Pad stope konverzije 2%, ako vas zanima u kojem mjestu posjetitelj živi
  • Pad stope konverzije 4% ako trebate ispuniti adresu stanovanja

Ako su polja o isporuci, adresi i punom imenu prisutna u online trgovini, tada ih korisnik, naravno, ispunjava i to ne utječe na konverziju. Ali ako želite da on ispuni podatke kako bi vam poslao prijavu, konverzija će sigurno pasti.

Pravilo #4. Linkovi u obrascu (uvjeti prijave)

Ako trebate poslati posjetitelja da pročita uvjete kontakta, obrade prijava, narudžbi itd., tada napravite ove veze izravno u bloku obrasca. Kada kliknete na takvu poveznicu, bolje je prikazati skočni prozor s informacijama koji se lako može zatvoriti i nastaviti s ispunjavanjem obrasca.

Primjer ovog obrasca:

Pokušajte minimalizirati količinu teksta i uvjeta u obrascu, jer će korisnik biti previše lijen da sve ponovno pročita i jednostavno će zatvoriti obrazac bez da vam pošalje svoje podatke. U ovom obrascu također ima grešaka - previše obaveznih polja.

Pravilo #5. Suglasnost za obradu podataka

Iako podaci u obrascu možda nisu točno popunjeni i nemaju karakter osobnih podataka, ovaj kvadratić mora biti označen. Već je bilo pravnih sporova u kojima su optuženici morali platiti kaznu zbog nepoštivanja ovaj zahtjev Zakonodavstvo.

Pravilo #6. Ne bi trebalo biti padajućih popisa

Ako je vaš obrazac kalkulator, padajući popis je prihvatljiv. Ali ako prisilite osobu da odabere koji odjel vaše tvrtke želi kontaktirati, to će smanjiti konverziju, jer korisnici žele brzo ispuniti obrazac bez razmišljanja o nepotrebnim informacijama.

Pravilo #7. Uklonite captcha iz obrasca

Unos captcha može smanjiti konverziju do 40%. To se objašnjava činjenicom da captcha često uopće nije čitljiva ili prilikom unosa podataka javlja da su uneseni znakovi netočni. Ako je prije captcha bila opravdana činjenicom da bez nje može doći mnogo neželjene pošte, sada postoje tehnologije koje štite obrazac od unosa podataka od strane robota za neželjenu poštu čak i bez unosa captcha.

U artcell studiju koristimo upravo ovu tehnologiju. Kao što vidite, u našim obrascima nema captcha i ne primamo SPAM.

Pravilo #8. Automatska obavijest da je obrazac predan

Nakon popunjenog i poslanog obrasca mora se pojaviti poruka da su podaci poslani i voditelj će vas ubrzo nazvati. Ako te obavijesti nema, onda korisnik ne razumije jesu li podaci poslani ili ne, treba li očekivati ​​poziv tvrtke ili ne. Ova će vas obavijest spasiti od dupliciranja aplikacija od istog korisnika.

Pravilo #9. Obavijest putem SMS-a

Pošaljite automatsku obavijest na broj posjetitelja ako je vaš obrazac imao polje za unos telefonskog broja. To će vam omogućiti da personalizirate svoju poruku, a korisnik će se još jednom podsjetiti na naziv vaše tvrtke.

Dakle, koji je idealan oblik povratne informacije?

Istaknut je okvirom ili bojom, što mu omogućuje da bude uočljiviji u odnosu na ostale informacije na stranici

Minimalni broj polja za popunjavanje

Jedno ili dva obavezna polja

Nema polja s padajućim popisima

Dostupnost potvrdnog okvira za pristanak na obradu primljenih podataka

Dostupnost poveznica i dodatnih uvjeta odmah u obrascu bez nepotrebnih prijelaza na druge stranice stranice

Nema captcha

Imate savršen obrazac za prijavu, ali još uvijek imate malo klijenata? Pročitajte ovaj blog u našem časopisu i pronaći ćete odgovor na svoje pitanje. Ako vaša web-lokacija ne radi dobro u tražilice, onda će vam ove informacije biti korisne.

Ako ne možete ispuniti obrazac za kontakt i želite se obratiti profesionalcima za pomoć, ispunite prijavu u nastavku i naš voditelj će vas nazvati u najkraćem mogućem roku.

Upravljanje web stranicom u mnogim slučajevima uključuje interakciju s posjetiteljima putem mehanizama povratnih informacija. Mogu se predstaviti u različitim verzijama. Na primjer, u obliku povratne informacije. U kojim se varijantama može predstaviti? Koje su značajke uvođenja odgovarajućeg obrasca u strukturu stranice?

Što je obrazac za povratne informacije na web stranici?

Dotični obrazac je sučelje koje je dizajnirano za prijenos različitih poruka od posjetitelja do administratora stranice. Ovaj obrazac može biti prikladna alternativa korištenju adrese e-pošte i, u nekim slučajevima, interaktivnim sučeljima za chat. Koristeći ga, korisnik može biti siguran da će njegova poruka doći do primatelja i da neće završiti u spamu, a pritom ne treba koristiti programi trećih strana za rad s poštanskim sandučićem.

Povratne informacije za web mjesto (HTML format ili, na primjer, u obliku PHP skripti ili napisane u drugom programskom jeziku) mogu se konfigurirati tako da posjetitelj mrežnog resursa može prikazati bit svog pitanja u poruci, kao i navesti svoje osobne i kontakt podatke. Proučimo mehanizme pomoću kojih se mogu implementirati interakcijska sučelja između administratora stranice i posjetitelja.

Načini organiziranja povratnih informacija na stranici

Možete pokrenuti uslugu povratnih informacija za web mjesto na različite načine. Među najčešćim:

Korištenje besplatnih online usluga koje generiraju poseban HTML kod za obrazac za povratne informacije;

Korištenje usluga koje pružaju odgovarajuće HTML kodove, kao i PHP skripte potrebne za osiguranje funkcioniranja obrasca za povratne informacije;

Korištenje gotovih skripti i njihova integracija u HTML kod stranica na web mjestu.

Prve 2 metode mogu biti prikladne za korisnike koji nemaju puno iskustva u web razvoju. S druge strane, treća metoda je u mnogim slučajevima najprikladnija za stručnjake koji mogu pravilno integrirati odgovarajuću uslugu povratnih informacija za web mjesto u strukturu web stranica. Ali to su vrlo uvjetne ovisnosti. Moguće je da će se korištenje poslužitelja za generiranje HTML koda u praksi pokazati složenijom procedurom od preuzimanja gotove PHP skripte. Razmotrimo kako se ove mogućnosti mogu koristiti u praksi.

Obrazac za povratne informacije na web stranici kao PHP skripta

Ako korisnik preferira mogućnost korištenja gotovog obrasca za povratne informacije za web mjesto u obliku PHP skripte, tada se može preuzeti, na primjer, sa specijalizirane stranice script.landman.ru. Glavne značajke odgovarajućih skripti su sljedeće:

Slanje poruka od strane korisnika stranice;

Filtriranje neželjene pošte;

Mogućnost korištenja skripti za naručivanje određene robe i usluga.

Skripte koje nudi razvojni tim ove stranice uključuju:

PHP skripta dizajnirana za obradu poruka posjetitelja stranice;

Skup posebnih fontova za antispam.

Dakle, ovaj komplet sadrži sve što vam je potrebno za organiziranje jednostavnog, au isto vrijeme funkcionalnog i pouzdanog obrasca za povratne informacije. Može se primijetiti da ga vrlo brzo može instalirati neobučen korisnik. Gotovi obrazac za povratne informacije za web mjesto od landman.ru je besplatan, ali pod uvjetom da vlasnik portala koji ga koristi zadržava autorska prava programera.

Kako biste instalirali predmetnu skriptu, prvo morate provjeriti datoteku config.php kako biste bili sigurni da je e-mail adresa administratora stranice na koju će se slati poruke korisnika točna. Osim toga, u datoteci Robots.txt trebate navesti ograničenje indeksiranja mape s korištenim datotekama koje treba kopirati u korijenski direktorij poslužitelja.

Obrasci bez PHP-a

Obrazac za povratne informacije za stranicu može se instalirati na web stranice bez upotrebe PHP skripti ili datoteka generiranih pomoću bilo kojeg drugog programskog jezika, čija uporaba na određenom poslužitelju može biti otežana ili zahtijevati korištenje dodatnih resursa koji možda nisu na raspolaganje vlasnika stranice.

U ovom slučaju govorimo o generiranju posebnog HTML koda. Možete koristiti onaj koji nude programeri usluge main-ip.ru/genform. Potrebno je otići na odgovarajuću adresu, zatim unijeti potrebne parametre u obrazac. Zatim možete generirati i kopirati kod, a zatim ga postaviti na jednu ili drugu stranicu administrirane stranice.

Da bi riješili problem kako napraviti obrazac za povratne informacije na web stranici, mnogi suvremeni web dizajneri radije ga rješavaju pomoću usluge main-ip.ru/genform, prvenstveno iz razloga što vam omogućuje konfiguriranje odgovarajućeg obrasca iz više razloga najvažnije parametre. kao što su:

Širina obrasca;

Naziv polja u koje se upisuje ime korisnika koji kontaktira administraciju stranice putem mehanizma povratne informacije;

Naziv polja za navođenje e-mail adrese korisnika;

Parametri raznih dodatnih polja (mogu ukazivati ​​na npr. alternativni načini komunikacija s korisnikom - u obliku Skype-a ili drugog messengera);

Naziv tekstualnog polja namijenjenog izravnom unosu poruke.

Osim toga, koristeći stranicu za generiranje HTML koda za obrazac za povratne informacije, možete konfigurirati:

Visina bloka s naslovom obrasca, njegove boje - u HTML kodiranju;

Boja teksta zabilježenog u zaglavlju, kao iu obrascu poruke;

Visina tekstualnih područja namijenjenih za unos poruke, kao i osobnih podataka korisnika;

Veličina fonta obrasca koji se koristi.

Stoga je usluga main-ip.ru/genform jedna od najprikladnijih za korisnike kojima su potrebne povratne informacije za web mjesto. HTML kod koji generira servis vrlo se lako integrira u strukturu web stranica. Glavna stvar je provjeriti radi li odgovarajući obrazac ispravno nakon instaliranja ovog koda.

Besplatne povratne informacije za stranicu mogu se organizirati pomoću alata koji su dostupni kao dio popularnih školjki za upravljanje mrežnim portalima. Kao što je, na primjer, Joomla.

Obrazac za povratne informacije u Joomli

Sučelja za postavljanje povratnih informacija u ovom sustavu za upravljanje projektima nalaze se u odjeljku „Kontakti“. Kao što stručnjaci primjećuju, odgovarajući obrazac, unatoč svojoj jednostavnosti, ima dovoljno funkcionalnosti da osigura stabilan odnos između posjetitelja web mjesta i njegovih administratora.

Kako stvoriti povratne informacije o web stranici pomoću Joomle? Prije svega morate se prijaviti glavna ploča ovog sustava, zatim odaberite opciju “Kontakti”. Na stranici koja se otvori potrebno je kreirati novu kategoriju podataka. Da biste to učinili, morate ispuniti nekoliko polja - "Titula" i "Nadimak". Nakon toga, potrebno je u sustavu prikazati činjenicu da je odgovarajući kontakt objavljen. Zatim morate spremiti postavke u sustav.

Nakon kreiranja tražene kategorije, potrebno je izraditi web stranicu na kojoj će se nalaziti formular za povratnu informaciju za stranicu. Da biste riješili ovaj problem, morate ponovno odabrati opciju "Kontakti", a zatim kliknuti na gumb "Novo". Zatim trebate ispuniti potrebne podatke u prozoru koji se otvori, a zatim prikazati činjenicu da su podaci objavljeni. Postavke, opet, treba spremiti.

Povratne informacije u Joomli: ugradnja obrasca u strukturu stranice

Čim sve potrebne procedureće se provesti, obrazac za povratne informacije može se objaviti na web stranici. U tu svrhu potrebno je prijaviti se u administrativnu ploču, zatim odabrati opciju “Izbornik” i postaviti mjesto na kojem će se obrazac za povratnu informaciju prikazati. U odgovarajućoj stavci izbornika trebate stvoriti novu opciju - onu koja se odnosi na postavke područja "Kontakti".

Nakon toga bi se trebala otvoriti stranica na kojoj korisnik treba zabilježiti naziv stavke izbornika, kao i navesti kontakte koji će joj odgovarati. Unesene postavke potrebno je spremiti. Nakon toga, sustav povratnih informacija za web mjesto koje pokreće Joomla bit će dostupan korisnicima u odjeljku "Kontakti" na administriranom web mjestu.

Još jedna popularna platforma za rad s online portalima je WordPress. Pogledajmo kako dati povratne informacije o web stranici pomoću alata koje ona uključuje.

Obrazac za povratne informacije na WordPressu

Sustav upravljanja online portalom koji se razmatra uključuje korištenje posebnih dodataka za rješavanje dotičnog problema. Konkretno, skripta dodatka za obrazac za kontakt može se koristiti za organiziranje obrasca za povratne informacije (njegove ćemo značajke proučiti malo kasnije). Obično je dostupan u glavnom izborniku WordPress nadzorne ploče pod Dodaci.

Potrebno je odabrati odgovarajuću skriptu i aktivirati je. Zatim odaberite karticu "Kontakti", a zatim kopirajte kod korištenog dodatka. Nakon toga trebate odabrati karticu “Stranice” i odabrati opciju “Dodaj novu”. Zatim zalijepite prethodno kopirani kod u odgovarajuće polje. Ako je potrebno, možete konfigurirati izgled kontakt stranice. Čim bude pripremljena, odgovarajuća stranica može biti objavljena.

Instaliranje dodataka iz WordPressa, čak i ako je jedna ili druga njihova verzija prilično jednostavan kod (povratne informacije za web mjesto mogu se organizirati za rješavanje raznih problema), u mnogim slučajevima karakteriziraju značajke na koje je korisno obratiti pozornost. Proučimo ih u kontekstu funkcionalnosti uobičajenih dodataka koji su dostupni u odgovarajućem sustavu upravljanja mrežnim portalom.

Postavljanje povratnih informacija o WordPressu: nijanse

Korištenje usluge WordPress u svrhu organiziranja povratnih informacija stoga se može izvršiti pomoću nekoliko dodataka. Pogledajmo ih. Gore smo primijetili da se obrasci za povratne informacije koji se mogu instalirati u strukturu WordPress stranice mogu temeljiti na dodatku za obrazac za kontakt. Osim navedenog, korisniku predmetnog sustava za upravljanje online portalom na raspolaganju su sljedeća sučelja:

SimpleModal - skočni obrazac za povratne informacije za web mjesto;

Usernoise je vrlo brz plugin s plutajućim gumbom, kada se klikne, otvara obrazac za unos poruke;

Kontakt obrazac u verziji 7.

Prvi dodatak s odgovarajućeg popisa prilagođen je za provjeru ispravnosti popunjavanja. Drugi vam omogućuje odabir vrste zahtjeva, koji može biti korisnička poruka, pitanje ili želja. Treći ima funkciju odabira određenih primatelja poruke - na primjer, jednog ili više korisnika koji su registrirani na stranici.

Proučimo, kao primjer, kako stvoriti povratne informacije na web stranici pomoću dodatka za obrazac za kontakt u verziji 7.

Postavljanje obrasca za povratne informacije na WordPressu: dodatak Contact Form 7

Kako biste iskoristili mogućnosti dotičnog dodatka za rješavanje dotičnog problema, potrebno se prijaviti na upravljačku ploču WordPressa, odabrati opciju “Plugins”, a zatim kliknuti na gumb “Dodaj novi”.

U odgovarajućem sučelju bit će dostupan obrazac putem kojeg možete pretraživati ​​tražene skripte: u njega unesite naziv dodatka. Veza za instaliranje odgovarajućeg proširenja trebala bi se pojaviti u rezultatima pretraživanja.

Morate instalirati predmetni dodatak i pričekati poruku o uspješnoj instalaciji. Odgovarajuće proširenje također mora biti aktivirano. Nakon toga, opcija Contact Form 7 pojavit će se u stavkama izbornika koje se nalaze na lijevoj strani ekrana preglednika, ako kursorom prijeđete iznad nje, otvorit će se dodatni izbornik u kojem morate odabrati stavku „Dodaj novo“. Ovo je neophodno za stvaranje novog sučelja, čija će struktura uključivati ​​obrazac. Morate kliknuti na gumb koji ima isti naziv kao i stavka - "Dodaj novo".

U prozoru koji se otvori trebate konfigurirati potrebne opcije za traženi obrazac. Kako dati povratne informacije o web stranici, uzimajući u obzir specifične postavke odgovarajućeg sučelja? Prije svega, korisno je obratiti pozornost na izbor naslova obrasca: može zvučati kao "Kontaktirajte administraciju" ili "Pišite vlasniku stranice".

Nakon toga možete prilagoditi izgled obrasca. U te svrhe možete koristiti predložak koji nudi sustav prema zadanim postavkama. U principu, ovo je najjednostavniji oblik povratne informacije za stranicu. Bilježi ime podnositelja zahtjeva, njegovu adresu, predmet poruke, kao i tekst žalbe administraciji stranice. Ako je potrebno, možete proširiti funkcionalnost odgovarajućeg predloška. U tu svrhu možete aktivirati dodatne oznake pomoću popratnih stavki izbornika.

Dodavanje obrasca za povratne informacije kreiranog pomoću dodatka Contact Form 7 vrši se na isti način kao i s bilo kojim drugim sučeljem koje nude programeri WordPressa. Možete provjeriti koliko ispravno radi novi oblik povratne informacije slanjem probne poruke. Treba ga poslati na e-mail vlasnika stranice, koji je naveden prilikom postavljanja parametara dodatka.

Nastavi

Dakle, proučili smo kako stvoriti obrazac za povratne informacije na web mjestu. Ovaj zadatak može se riješiti korištenjem PHP skripti (ili onih napisanih u drugom programskom jeziku), korištenjem generiranog HTML koda ili korištenjem sučelja online sustava za upravljanje projektima - poput Joomle ili, primjerice, WordPressa.

Odabir određenog mehanizma za izradu povratne informacije može ovisiti o veličini stranice, intenzitetu očekivane komunikacije između njezine administracije i posjetitelja, strukturi odgovarajućeg portala i sadržaju njegovog sadržaja. Na ovaj ili onaj način, možete odabrati format odgovarajućeg sučelja, koje mogu koristiti i početnici i iskusni web programeri, uzimajući u obzir karakteristike određenog mrežnog projekta.

Sada je teško zamisliti web stranicu bez obrasca za povratne informacije.

Stoga, ako vaš resurs nema odjeljak za kontakte, trebali biste ga instalirati. Smislimo kako to učiniti.

Rješenja za organiziranje povratnih informacija

Naravno, sada postoji nekoliko načina organiziranja povratnih informacija na web stranici: od univerzalnih skripti u PHP-u do dodataka i modula za CMS. Odnosno, kao što vidite, nema potrebe za ručnim pisanjem koda.

Možete koristiti sljedeća univerzalna rješenja:

  • pribjegavaju besplatnim online uslugama koje automatski generiraju HTML kod za obrazac za kontakt. Ali u ovom slučaju, datoteku za obradu PHP-a morat ćete napisati i instalirati neovisno. Evo jednog od izvora za te namjene
  • Potražite pomoć od besplatnih mrežnih usluga koje generiraju HTML kôd i pružaju procesore podataka u PHP-u, koji se često nalaze na poslužiteljima tih usluga. Jedan primjer takvih izvora
  • Pronađite besplatne skripte na internetu za postavljanje obrasca za povratne informacije. Ova opcija je primjenjiva za ljude koji poznaju HTML i PHP na određenoj razini, jer će se u svakom slučaju skripta morati prilagoditi posebno za njihovu stranicu.

Međutim, korisnicima često nije potrebno opsežno znanje o razvoju web stranica - svestranost i širok izbor rješenja omogućuju vam da postavite željeni oblik povratne informacije bilo kojom od gore navedenih metoda.

Jednostavna instalacija obrazaca za povratne informacije u HTML-u

Razmotrimo jedan od popularni programi za pisanje i instaliranje HTML obrazaca za povratne informacije s captcha. Širok izbor njih predstavljen je, primjerice, na ovoj web stranici. Stranica je na ruskom jeziku, bit će lako napraviti izbor, a sama instalacija neće trajati više od tri minute.

Ali prvo ne zaboravite unijeti izmjene u standardnu ​​datoteku config.php - morate promijeniti kodiranje i napisati ispravno e-mail adresa primatelj.

Mapa s ispravljenim datotekama mora se kopirati u korijenski direktorij web mjesta, ali prije toga ograničiti njezino indeksiranje u datoteci Robots.txt ( Disallow: /sendmail-zakaz).

U biti, to je sve - ako su koraci ispravno dovršeni, gotov obrazac će izgledati ovako:

Postoje alati za izradu obrazaca za povratne informacije koji ne zahtijevaju PHP podršku. Razmotrimo jedan od njih. Nakon što kliknete na poveznicu, vidjet ćete prozor u kojem možete napraviti postavke za izradu željenog obrasca.

Nakon što su uneseni svi potrebni parametri, potrebno je unijeti verifikacijski captcha i kliknuti na gumb “Generiraj”, a zatim “Dohvati kod”.

Rezultirajući kod samo treba kopirati na odabranu stranicu web mjesta.

Jednostavnu kontakt formu možete napraviti sami. Da biste to učinili, trebate kreirati datoteku form.php i u nju spremiti sljedeći kod:

Da bi obrazac funkcionirao, potrebna je datoteka rukovatelja. Nazovimo ga mail.php i spremimo ga u sljedeći kod:

Obrazac za povratne informacije u Joomli

U ovom prilično univerzalnom sustavu upravljanja, obrazac za povratne informacije može se konfigurirati pomoću komponente Kontakti. Vrlo je jednostavan, ali unatoč tome njegova je funkcionalnost sasvim dovoljna za normalan rad oblicima.

Dakle, da biste konfigurirali komponentu, idite na administrativnu ploču i odaberite karticu "Komponente/Kontakti/Kategorije kontakata".

Otvorit će se stranica bez kategorija. Da biste ga izradili, kliknite na gumb "Novo".

Sustav će od vas zatražiti da ispunite polja "Titula" i "Nadimak". Nakon što ste to učinili, trebate označiti okvir "Da" u retku "Objavljeno".

Postavke je potrebno spremiti klikom na istoimeni gumb u gornjem desnom kutu prozora. Kategorija postoji, preostaje samo napraviti stranicu s njom obrazac za kontakt. Da biste to učinili, idite na karticu "Kontakti" i kliknite gumb "Novo" u gornjem desnom kutu.

Ispunite dijaloški okvir koji se otvori. Svakako ispunite redak "Ime" i redak "Nadimak". Označite okvir "Da" u retku "Objavljeno" i navedite kategoriju ovog kontakta. Pomaknuvši se malo niže, pronaći ćemo prozor "Kontakt s korisnikom", gdje trebate navesti osobu za kontakt koja će primati poruke.

Polje “Podaci” također je potrebno ispuniti, gdje je potrebno navesti poziciju obrasca na web stranici i e-mail adresu primatelja. Preostale stavke izbornika možete popuniti po želji.

Obrazac za povratne informacije je konfiguriran, preostaje ga samo postaviti na web mjesto. U tu svrhu morate otići na administrativnu ploču i odabirom kartice “Izbornik” odlučiti gdje će se stavka prikazati.

U ovom izborniku stvaramo novu stavku. Da biste to učinili, kliknite gumb "Stvori" i odaberite "Kontakti/stranica s kontaktima" u izborniku koji se otvori.

Otvorit će se stranica na kojoj trebate postaviti naziv stavke izbornika, unijeti njegov pseudonim, omogućiti njegov odraz, au polju s glavnim parametrima "Odaberite kontakt" navesti podatke o kontaktu s kojima će se ova stavka izbornika povezati. Spremite postavke.

Idite na web mjesto, pronađite stavku "Kontakti" i kliknite na nju. Trebala bi se otvoriti sljedeća stranica:

Povratne informacije za WordPress

U ovom sustavu možete izraditi obrazac za povratne informacije pomoću dodataka. Najpopularniji i najfunkcionalniji je dodatak Contact Form 7.

Nakon toga morate otići na karticu "Stranice/Dodaj novu" i uključivanjem HTML načina rada zalijepiti prethodno kopirani kod obrasca za povratne informacije


Obrazac za povratne informacije za stranicu, koji ću vam pokazati, temelji se na korištenju Ajax tehnologije. Ali ne brinite, ne morate to znati, sve je već spremno, samo trebate instalirati ovaj obrazac i prilagoditi ga sebi!

Ljudi, scenarij je odavno zastario. Nekima djeluje, drugima ne. I previše sam lijen da to shvatim, a kamoli da ažuriram. Dakle, testirajte po vlastitom nahođenju.

PHP obrazac za povratne informacije poslan e-poštom

Ovaj obrazac za povratne informacije na web stranici je sam po sebi vrlo funkcionalan, na njega je povezano nekoliko dodataka koji stvaraju atraktivan izgled i provjeravaju valjanost (čitaj ispravnost) podataka koje ste unijeli. Ovi dodaci rade na velikom i moćnom! I zovu se ovako:

    1. JQTransform– dodatak koji vam omogućuje da naš obrazac za povratne informacije učinite lijepim!

    2. formValidator– i ovaj dodatak provjerava točnost unesenih podataka u obrascu za kontakt i, ako se nešto dogodi, prikazuje opise!

Za puni rad ovog obrasca koristit će se klasa PHPMailer. Smatra se jednim od najboljih!

Napomena za pametne:

Obrazac za povratne informacije za stranicu može se napraviti u HTML-u! Ali počet će raditi samo uz pomoć PHP-a! I ništa drugo!

Ovo sam ja za one koji traže obrazac za povratne informacije samo u HTML-u. Učinit ćeš to, ali neće ići!

Stoga vaš mora podržavati PHP, a za ovaj kontakt obrazac PHP mora biti najmanje verzije 5. Nadam se da sam razjasnio? Štoviše, sada svaki normalan hosting podržava ove uvjete!

Iskopao sam ovaj obrazac za povratne informacije na web stranici www.tutorialzine.com, poveznica vodi izravno na originalnu stranicu, tj. web stranica autora ovog obrasca!

Sve je na engleskom, pa smo Sasha i ja morali malo petljati da rusificiramo ovaj obrazac kontakte i same dodatke koji su s njim povezani.

Iskreno priznajem, dva dana smo se mučili s tim "formularom", jer su počele iskakati razne zabune, a nismo htjeli objaviti nedovršenu formu za povratnu informaciju, pogotovo ovako lijepu! Dakle, ako ste ljubitelj toga da sve radite sami, a misao vam se pojavi u najsvjetlijoj glavi - da sami rusificirate ovaj obrazac, dat ću vam nekoliko savjeta, jer se nećete ograničiti na jednostavno prevođenje fraza:

    1. Ovaj obrazac za povratne informacije je prilagođen buržoaziji, preuzet je od tamo, tako da će vam poslati krakozyabl umjesto uobičajenih ruskih znakova. Razumijevanje kodiranja. I općenito, svi "pečati" bit će povezani s ovim!

    2. Skripta za provjeru valjanosti u početku ne razumije naša slova, pa će ih morati tamo napisati!

    3. Čak i nakon ovih koraka, ako navedete predmet pisma na ruskom, pismo stiže s predmetom - Bez predmeta (nadam se da sam ispravno napisao), ovo se može izliječiti ako navedete kodiranje u datoteci klase PHPMailer .

    4. U izvornom obliku tekst u poljima za unos bio je pritisnut na dno, a ne u sredinu. Ovo je greška u dodatku JQTransform.

Pa izgleda kao da je sve ispisano i upozoreno. Idemo dalje!

Upute za izradu obrasca za povratne informacije u HTML-u i CSS-u te zbirka gotovih obrazaca i vodič za njihovo povezivanje i postavljanje.

Navigacija

Danas svaka osoba koja nema niti programerskih vještina može jednostavno izraditi vlastitu web stranicu tako da preuzme gotov predložak s interneta i instalira ga na motor koji koristi.

Međutim, nije svaki gotov predložak u stanju zadovoljiti zahtjeve korisnika. Mnogi od njih predstavljeni su u "sirovom" obliku i nemaju tako važne odjeljke i funkcije kao, na primjer, obrazac za povratne informacije.

Ova blokada stranice izuzetno je važna za vlasnike internetskih trgovina i velikih informacijskih portala. U našem ćete članku pronaći informacije o tome kako sami izraditi obrazac za povratne informacije, gdje preuzeti gotov predložak i kako ga instalirati na svoju web stranicu.

Slika 1. Što je obrazac za povratnu informaciju i zašto je toliko potreban?

Što je obrazac za povratnu informaciju i zašto je toliko potreban?

  • Jedna od najvažnijih značajki svake pristojne web stranice je obrazac za kontakt. Služi za interakciju između posjetitelja i administracije resursa. Dakle, uz njegovu pomoć možete napisati zahtjev tehnička podrška ili poslati potrebne podatke upravi. Na primjer, podaci o plaćanju u online trgovinama ili naziv proizvoda koji se naručuje. Vrlo je preporučljivo imati ovakvu formu na svom portalu jer je stalan kontakt s posjetiteljima i klijentima ključ njegovog uspješnog razvoja.

Obrazac za povratne informacije je zasebna stranica ili blok (odjel), koji se sastoji od nekoliko polja za unos teksta i gumba "Pošalji". Tipično, standardni obrazac ima sljedeća polja:

Kako napraviti jednostavan obrazac za povratne informacije za web stranicu u HTML-u i PHP-u?

Kako se članak ne bi pretvorio u pravi dosadni udžbenik, pretpostavit ćemo da ste već upoznati s osnovama označnog jezika HTML i imati opću ideju o tome kako to funkcionira. Ako nemate takve vještine, prije nego počnete stvarati obrazac, toplo se preporučuje da malo osvježite svoje znanje na besplatnom resursu htmlbook.ru. U protivnom, ne samo da možete odustati od ove ideje, već i uništiti kôd vaše postojeće web stranice.

Za ponovno stvaranje radnog obrasca za povratne informacije trebat će vam tri važna elementa, od kojih je jedan odgovoran za izgled i strukturu obrasca ( HTML), drugi zbog vanjskog dizajna ( CSS), a treći za obradu i prijenos podataka ( PHP). Krenimo redom:

Pisanje HTML koda za obrazac za povratne informacije

  • Korak 1. Za označavanje oblika u HTML koristi se oznaka
    . Unutar njega će se specificirati veličine, stilovi i druga vitalna svojstva obrasca. Kada pišete samu oznaku, trebate joj dodijeliti klasu koju ćete označiti, što će vam kasnije pomoći da je postavite za obrazac CSS stilovi.

  • Korak 2. Zatim, da stvorimo prvo polje našeg obrasca unutar oznake
    trebate napisati blok oznaku

    , koji je odgovoran za stvaranje nove linije.

  • 3. korak. Unutar oznake

    U novi red unosimo sljedeću oznaku: Ime . On je odgovoran za nazive budućih polja forme.

  • Korak 4. Iz novog retka sve je u istoj oznaci

    Pišemo oznaku za stvaranje polja sa sljedećim vrijednostima: Unesite svoje ime » potrebno\>. Parametar " tip="tekst""" određuje vrstu tekstualnog polja, a parametar " rezervirano mjesto=" Unesite svoje ime «» postavlja početni tekst upravo u ovom tekstualnom polju. Parametar " potreban» posjetitelju stranice jasno daje do znanja da je ovo polje obavezno ispuniti. Kao rezultat, trebali biste imati obrazac s jednim poljem, kao što je prikazano na snimci zaslona u nastavku.

  • Korak 5. Koristeći gornji primjer, dodajte ostala polja koja su vam potrebna, svaki put počevši s oznakom

    . Za postavljanje polja s tekstualna poruka koristiti oznaku . opcije " cols"I" redaka" su odgovorni za širinu i visinu tekstualnog polja. Možete postaviti parametre koji vam se najviše sviđaju. Trebali biste dobiti nešto slično onome što je prikazano na slici ispod.

  • Korak 6. Da biste se zaštitili od botova, kojih danas ima dosta na internetu, stvorite još jedan redak pomoću oznake . Zbog parametra " style=”display:none” “Ovo polje neće biti vidljivo običnim smrtnicima, već će ga automatski popunjavati botovi. Dakle, uvijek možete razlikovati živu osobu od programa.

  • Korak 7. Posljednja faza označavanja bit će stvaranje gumba za slanje. Za to se koristi oznaka . Trebali biste dobiti sličan rezultat kao što je prikazano na snimci zaslona.

Rad s kaskadnim stilskim listovima (CSS)

  • Kao što ste već primijetili tijekom procesa obilježavanja, završili smo s nečim vrlo nakrivljenim, neupadljivim i odvratnim. Kako bi obrazac za povratne informacije imao više ili manje uredan izgled, jedan jezik HTML neće biti dovoljno. U tu svrhu morat ćete pribjeći korištenju stilova CSS.
  • Ako ste poslušali savjet da poboljšate svoje osnovne vještine na resursu htmlbook.ru, zatim postavite određene parametre dizajna za sve dijelove obrasca pomoću CSS Neće ti biti teško. Ako nemate želju ili vrijeme petljati sa svim tim, mi ćemo vam dati gotov kod i reći vam kako ga povezati.

Povežite stilove CSS Do HTML može se izvršiti na dva načina:

  • Kopirajte kod iz naše datoteke s kaskadnim tablicama na samo dno datoteke stil.css, koji je prisutan na web hostingu
  • Premjestite našu stilsku datoteku na svoj hosting i povežite je

File stil.css spaja unutar oznake pomoću skripte . Ako datoteka sa stilovima nije u istoj mapi kao glavna html datoteka, tada morate navesti put do nje. U našoj stilskoj datoteci svaki element ima oznaku. Ako želite, možete sami promijeniti parametre, vođeni samo osnovnim vještinama programiranja.

Povezivanje PHP datoteke i njeno postavljanje

Kao što je ranije spomenuto, scenarij PHP odgovoran je za izvršenje povratne informacije. Međutim, kako bi koliko-toliko razumjeli kako jezik funkcionira PHP, trebate pročitati veliku količinu literature i provesti pristojan broj sati vježbajući. Stoga, kao što je slučaj sa CSS, mi ćemo vam pružiti spremna datoteka s PHP skriptom koju će samo trebati priložiti dokumentu s obrascem.

Za razliku od datoteke stil.css, datoteka s PHP skriptom priložena je u svojstvima samog obrasca. Krenimo redom:

  • Korak 1. Otvorite kod koji ste ranije napisali i pronađite redak s oznakom otvorenog obrasca. Dodajte mu svojstva " action=”contact-form.php”"I" metoda="post"" Pogledajte primjer na snimci zaslona.

  • Korak 2. Skinite našu php datoteku i postavite je na svoj hosting u istu mapu gdje se nalazi i html dokument s obrascem. Dakle, php i html datoteke međusobno će komunicirati.

  • 3. korak. Zatim morate prilagoditi skriptu sebi. Otvorite datoteku i postavite varijable, dajući im ista imena kao u html skripti. Ako ste obrascu dodali dodatna polja, dodajte ih php skripta točno onako kako je prikazano na snimci zaslona.

  • Korak 4. Zatim trebate dodati još dvije varijable s adresom vašeg elektronička pošta i predmet pisma, koji će biti prikazan u vašem sandučiću. U skladu s varijablom " $adresa"Navedite svoju e-poštu, au retku " $sub» predmet e-pošte kao što je prikazano na snimci zaslona.
  • Korak 5. U skladu s varijablom " $mes» prilagodite format pisma koje ćete primiti e-poštom. Možete ga prepisati nepromijenjenog ili urediti po svom ukusu.

  • Korak 6. Sve ostale linije odgovorne su za slanje poruke i sadrže postavke za zaštitu od botova, stoga ih je potrebno ostaviti nepromijenjene. Na kraju puni kod trebao bi izgledati otprilike kao na slici ispod.

Nakon dovršetka svih koraka, primit ćete ovaj jednostavan, uredan obrazac za povratne informacije.

Izbor prekrasnih obrazaca za povratne informacije o dizajnu u HTML-u i CSS-u za različite svrhe

  • Na temelju gornjih uputa možete jednostavno "nacrtati" obrazac za povratne informacije prema vlastitom ukusu. Međutim, ako nemate vremena ili želje sami izraditi obrazac od nule, možete pronaći gotove dizajnerske obrasce na internetu i imati osnovne vještine HTML uredite ih tako da odgovaraju vašim potrebama.

  • Nakon malo traženja, pronašli smo za vas izbor 35 prekrasni pop-up dizajn obrasci za povratne informacije koji su napisani HTML I CSS. Ovi oblici su prikladni za motore kao što su WordPress I Joomla, imaju jednostavnu i jednostavnu postavku s upravljačke ploče, a također su savršeni za stranice bez motora.

VIDEO: Skočni obrazac za povratne informacije za WordPress stranicu