PHP obrazac za kontakt. Prilagodljivi obrazac za povratne informacije: kako kreirati online? Kako napraviti prekrasan popup HTML i PHP obrazac za kontakt sa telefonom i poslati narudžbu na e-mail

Zdravo svima! U ovom članku ćete naučiti kako kreirati iskačući obrazac za kontakt za html i wordpress stranice. Prije svega, takvi će obrasci biti potrebni za online trgovine, odredišne ​​stranice i jednostavne stranice za posjetnice, jer je to zaista zgodno za korisnika.

Na primjer, posjetitelj je došao na vašu stranicu, pregledao informacije koje su mu potrebne, čini se da je spreman naručiti vaš proizvod ili uslugu, ali ne želi zvati drugi grad i trošiti velike pare. U takvim trenucima u pomoć priskače iskačući obrazac za povratne informacije.

Kreirajte html obrazac za kontakt

Dakle, recimo da već imate web stranicu i želite da kreirate obrazac, prilikom popunjavanja kojeg će korisnik moći dobiti povratnu informaciju od vas. Da biste to učinili, prije svega, kreira se sam okvir.

Zalijepite sljedeći kod na pravo mjesto na stranici:

Online aplikacija

Po želji možete dodati dodatna polja za unos informacija ili ukloniti postojeća. Toplo preporučujem da ne koristite captcha ili drugu zaštitu od botova u ovakvim oblicima, što će korisniku otežati popunjavanje obrasca.

Šifra je ubačena, šta vidimo?

Forma se pojavila, ali je potrebno pogledati. Da biste to učinili, dodajte sljedeće stilove:

/* Kontakt obrazac */ #inline ( margin-left:30px; width:80%; margin:0 auto; background:#fff; padding:10px 20px; ) .txt ( display:inline-block; color:#676767 ; širina:190px; margin-bottom:10px; border:1px solid #ccc; padding:5px 9px; font-size:15px!important; line-height:1.4em; ) .txtarea ( display:inline-block; boja: # 676767; širina:617px; margin-bottom:10px; granica:1px solid #ccc; padding:5px 9px; font-size:15px!važno; line-height:1.4em; visina:80px; ) .txt:focus, . txtarea:focus ( border-style:solid; border-color:#bababa; color:#444; ) input.error, textarea.error ( border-color:#973d3d; border-style:solid; background:#f0bebe; boja :#a35959; ) input.error:focus, textarea.error:focus ( border-color:#973d3d; color:#a35959; ) #send ( boja:#FFFFFF; display:block; cursor:pointer; padding:5px 11px ; font-size:1.2em; border:solid 1px #F9F9F9; border-radius:2px; background:#70C6B9; width:210px; margin-bottom:20px; ) #send:hover ( background:#9797 97; ) /* Obrazac za povratne informacije */

Već toliko bolje. U svakom slučaju, morat ćete prilagoditi obrazac cjelokupnom dizajnu stranice, tako da će se vaš na kraju razlikovati od mog.

izgleda ovako:

Šta se dešava? Posjetilac klikne na polje, a skripta mu zamjenjuje gotovu masku sa pozivnim brojem države. Sasvim zgodno.

Da biste to učinili, morate povezati skriptu maske. Možete ga preuzeti na samom kraju članka zajedno s izvornim kodom.

Povezujemo skriptu prije završne oznake. Ne zaboravite promijeniti putanju datoteke u svoju. U redu, formular za povratne informacije je kreiran, stilovi su postavljeni, sada treba da stavite rukovalac na njega kako bi vam obavijesti stizale na mail.

Da biste to učinili, umetnite sljedeću skriptu prije završne oznake:

Kako ova skripta funkcionira?

1. Vrši provjeru valjanosti unesene e-pošte.
2. Određuje polja za rad.
3. Potvrđuje da su ova polja popunjena. Ako obavezna polja nisu navedena, prikazuje se poruka da ih je potrebno popuniti.
4. Obrađuje unesene podatke i inicira slanje obavještenja na mail.
5. Daje poruku korisniku da je njihov zahtjev prihvaćen koristeći Ajax.

Poslednja stvar koju treba da uradite je da kreirate datoteku sendmessage.php, ubacite sledeći php kod u nju i otpremite je u koren vaše stranice.

ime:".$username."

\r\n"; $msg .= "

Telefonski broj:".$korisnički telefon."

\r\n"; $msg .= "

pošta:".$usermail."

\r\n"; $msg .= "

Poruka:".$content."

\r\n"; $msg .= " "; // pošalji poruku if(@mail($sendto, $subject, $msg, $headers)) ( echo "true"; ) else ( echo "false"; ) ?>

To je sve, jednostavan obrazac za povratne informacije za html stranicu je spreman. Ne zaboravite samo promijeniti e-mail u datoteci sendmessage.php u svoju.

Dodavanje iskačućeg obrasca za povratne informacije na stranicu

Ponekad vam je potreban iskačući obrazac koji se otvara kada kliknete na dugme. Vrlo je lako napraviti. Kao primjer, uzmimo obrazac koji smo ranije kreirali i radimo s njim.

Prvo moramo povezati jqury fancybox, koji možete preuzeti na kraju članka.

Dodajte ove redove prije završne oznake tijela, samo promijenite putanju datoteke u svoju.

I dajemo mu stilove.

Modalbox ( boja:#FFFFFF; display:block; kursor:pokazivač; padding:10px 11px; font-size:1.2em; border:solid 1px #F9F9F9; border-radius:2px; background:#70C6B9; width:210px; text -decoration:none; text-align:center; margin:0 auto 20px; ) .modalbox:hover ( background:#979797; )

Imajte na umu da će dugme, kada se klikne, izazvati iskačući prozor, mora mu se dodijeliti modalbox klasa i href="#inline" putanja. Bez toga, popup obrazac se neće otvoriti na web stranici.

Zatim sakrivamo obrazac koji smo ranije kreirali tako da se otvara u iskačućem prozoru. Da biste to učinili, morate zamijeniti #inline stilove sa starih na nove.

#inline ( display:none; margin-left:30px; width:80%; margin:0 auto; background:#fff; padding:10px 20px; )

Kao rezultat, dobijamo takvo dugme.

Klikom na nju otvara se iskačući prozor sa povratnim informacijama.

Opet, stilovi, raspored polja i elemenata se mogu mijenjati po potrebi. Na primjer, za povratni poziv sa stranice bit će dovoljno ostaviti samo 2 polja - ime i broj telefona i ukloniti ostala polja.

Ne zaboravite da kako bi formular funkcionirao, na kraju stranice morat ćete dodati rukovatelj koji je gore objavljen i prenijeti datoteku u korijen stranice sendmessage.php.

Obrazac za povratne informacije za wordpress

Ako vaš sajt pokreće wordpress, možete koristiti posebne dodatke da dodate obrazac za kontakt. Jedan od najboljih dodataka za Kontakt Form 7. Možete ga preuzeti sa službene web stranice ili preko admin panela u odjeljku Dodaci.

Nakon aktivacije dodatka, nova kartica će se pojaviti u lijevom meniju. Otvorite ga i kliknite na Dodaj novo.

Unesite naziv novog obrasca, odaberite polja koja bi trebala biti u obrascu. Obično su dovoljni standardni, koji se dodaju automatski. Održavajte formu.

Nakon pohranjivanja, na ekranu će se pojaviti kratki kod koji treba umetnuti na stranicu na kojoj treba biti prikazan obrazac za kontakt, na primjer na stranici Kontakti.

Kopirajte ovaj kod, idite na željenu stranicu, odaberite format "Text" u vizualnom uređivaču, zalijepite ovaj kratki kod i sačuvajte stranicu.

Zatim provjeravamo da li je obrazac prikazan na stranici i radi li ispravno. Da biste to učinili, dovoljno je samo otići na stranicu na kojoj je kod umetnut. Trebali biste imati ovakav obrazac:

Sada će posjetitelji vaše stranice moći da vas kontaktiraju putem kreiranog kontakt forme na wordpress engine-u.

Izrada iskačućeg obrasca za povratne informacije za wordpress

Ja lično ne volim da dodajem dodatne dodatke ovom motoru, jer oni učitavaju stranicu i usporavaju je. Stoga, za iskačući obrazac, obično koristim 2 opcije.

1. Jednostavno pričvrstimo pop-up obrazac opisan gore u članku ne na html stranicu, već na motor.
2. Obrazac kreiran pomoću popup dodatka za kontakt Form 7 sa nekim manjim modifikacijama.

Prva metoda je već opisana gore, pa idemo na drugu.

Prvo, zalijepite sljedeći kod odmah nakon uvodne oznake tijela.

X

Hajde da vidimo šta je šta:

• Veza sa id="callme-open" kada se klikne, naš obrazac će se otvoriti. Imajte na umu da ovaj link ne treba umetnuti iza otvorene oznake, već na mjesto gdje želite da se ovo dugme nalazi. Obično se dodaje u desni ugao zaglavlja, pored broja telefona vaše kompanije.
• Blok bg-b će kreirati zatamnjenu pozadinu sajta kada se otvori iskačući obrazac.
• Callme blok će sadržavati sam obrazac za povratne informacije.
• X - ovo će biti naš križić u kutu obrasca, kada kliknete na koji će se obrazac zatvoriti.
• Pa, php kod u kojem će biti pokrenut kratki kod dodatka za kontakt obrazac 7.

Imajte na umu da se vaš ID i ime obrasca mogu razlikovati od mojih. Novi kod je dodat, sada mu dajemo stilove.

Bg-b ( pozicija:apsolutna; širina:100%; visina:100%; lijevo:0; vrh:0; pozadina:rgba(51,51,51,0.55); z-indeks:1000; ) tijelo (pozicija: relativno; ) .callme ( position:fixed; top:30%; left:50%; width:300px; margin-left:-150px; z-index:1100; background:#fff; padding:20px 20px 10px; border- radius:4px; ) .callme small (position:apsolute; right:10px; top:10px; font-size:15px; cursor:pointer; )

Sačuvajte kod i provjerite. Obrazac bi sada trebao biti pozicioniran na sredini vašeg ekrana, sa prozirnom zatamnjenom pozadinom iza njega. Sve je u redu, ali ostaje dodati posljednju stvar - skriptu koja će otvoriti i sakriti ovaj obrazac kada kliknete na željene gumbe.

Ova skripta mora biti umetnuta u datoteku podnožja, prije završne oznake tijela.

Završni detalji su ostavljeni i iskačući obrazac na wordpress-u će biti spreman. Dajte klasama .callme i .bg-b stil display:none. Ovo je neophodno kako se obrazac ne bi pojavio na ekranu kada se stranica pokrene.

S vama smo razgovarali o nekoliko opcija za kreiranje obrasca za povratni poziv. Nadam se da nećete imati problema sa implementacijom obrasca na vašem sajtu. Ako imate bilo kakvih problema ili pitanja, uvijek možete dobiti savjet u komentarima.

AŽURIRANJE 06.06.2018

U najnovijim verzijama WordPress-a jQuery skripte ne rade sa simbolom $, pa ovo treba uzeti u obzir i zamijeniti $ sa jQuery

Vrlo često postoji takav problem u kojem prolazni obrazac na web mjestu prestaje da se šalje na interne stranice. Da biste spriječili da se to dogodi, navedite punu putanju do datoteke sendmessage.php u rukovatelju. Na primjer, ovako:

Url: "http://site.ru/sendmessage.php"

I možete preuzeti izvorne kodove za prva dva oblika

AŽURIRANJE 04.07.2018

Na zahtjev javnosti, obrazac za povratne informacije je moderniziran. Sada uzima u obzir potvrdni okvir za pristanak za slanje podataka u skladu sa zakonodavstvom Ruske Federacije br. 152-FZ „O ličnim podacima“, poboljšana je prilagodljivost bilo kojoj rezoluciji ekrana, js i css datoteke su komprimirane.

Sada možete pogledati primjer, kao i preuzeti izvore ažuriranog obrasca za povratne informacije i iskačućeg obrasca na mreži, slijedeći veze.

Pozdrav dragi čitatelju, danas sam za vas pripremio ukusnu html formu za povratne informacije koja radi bez ponovnog učitavanja stranice koristeći Ajax tehnologiju + moćan okidač koji će motivirati vaše posjetitelje da koriste formu. Čitaoci mog bloga su vrlo aktivno raspravljali o mom prethodnom članku na Landing Page-u, sada procjenjujemo, gledamo finalizirani novi obrazac. Sve potrebno izvor i demo priloženi u članku , analiziraćemo i strukturu rada i veze.

UPD: Ispravljena greška sa kodiranjem imena u naslovnoj liniji. Sada je sve ispravno prikazano. Zahvaljujemo se čitatelju (Ekaterina Karacheva)

Format samog obrasca takođe uključuje datoteku za rukovanje php-om, osim toga, trebat će vam jquery biblioteka i skripte za rad, ali prvo, neću je dugo učitavati - idemo na pregled i analizu naše povratne informacije.

Obrazac za povratnu informaciju html - struktura rada

Naš obrazac izgleda ovako:

Kakva je to sol ovdje? Forma se nalazi na desnoj strani, ali na lijevoj strani sam napravio poseban blok koji će potaknuti Vašeg posjetitelja da odmah unese svoje kontakt podatke! Tajna je jednostavna: vidite datum i vrijeme u lijevom polju? Datum će biti prikazan danas cijelo vrijeme, tokom vremena, raspon ova dva sata se računa od sadašnjeg sata, na primjer, ako je vaše vrijeme sada 13:14, tada će raspon sati biti: od 12 do 14 sati. Pogledajte kako radi)))

Posjetilac će vidjeti: vau, danas popust, a ja sam stigao na vrijeme, postoji i popust! Mora se odmah uzeti! Ovo je naš okidač.

Preuzeli smo izvore html obrasca za povratne informacije, pogledali demo - mislim da sam igrao dovoljno)) Sada o bitnom, principu rada:

Provjera valjanosti polja u obrascu za unos se događa u datoteci za rukovanje contact.php ispod na listi programskog koda možete vidjeti poruku o grešci i uspješno slanje pisma se pojavljuje u samoj formi, ovako izgleda nakon slanja:

Izvorni kod rukovaoca obrascima

Zalijepi u red 52 vašu poštu, tako da će sva pisma biti poslana na navedenu poštu.

"; ) // Provjera funkcije telefona ValidateTel($valueTel) ( $regexTel = "/^(7,12)$/"; if($valueTel == "") ( vrati false; ) else ( $string = preg_replace( $regexTel, "", $valueTel); ) vrati prazno($string) ? true: false; ) if(!$tel) ( $error .= "Molimo unesite telefon.
"; ) if($tel && !ValidateTel($tel)) ( $error .= "Unesite ispravan telefon.
"; ) if(!$error) // Provjera poruke (dužine) if(!$message || strlen($message)< 1) { $error .= "Введите ваше сообщение.
";// Ovaj red postavlja minimalno ograničenje za pisanje slova. ) if(!?utf-8?b?". base64_encode($name) ."?="; $message ="\n\nName: ".$ ime."\n\nBroj telefona: " .$tel."\n\nPoruka: ".$message."\n\n"; $mail = mail(" [email protected]", $subject, $message, "Od: ".$name_tema."<".$tel.">"."Reply-To: ".$email." "." X-Mailer: PHP/" . phpversion()); if($mail) ( echo "OK"; ) ) else ( echo "

Performanse forme

Da biste primali pisma u svoje poštansko sanduče, promijenite red koji sam spomenuo gore. Savjetujem vam da koristite gmail.com mail, nema kašnjenja i zastoja prilikom prijema generisanog pisma sa obrasca. Upozorio sam te, jer bilo je mnogo pitanja čitatelja (pisma ne dolaze na mail.ru). Budite oprezni u vezi ovoga.

Popunjavamo sva polja, imajte na umu da se telefonski broj upisuje od 8 - posebno sam napisao broj iz osmice "89251122333" u promptu. Prilikom unosa znaka «+» pojavit će se poruka o grešci. Ako nekome zatreba, onda je lako dodati ovo rukovaocu «+» .

Popunjen obrazac sa podacima testa

Pismo u sandučetu

Kao što vidite, pismo je primljeno, sa sva tri polja koja su popunjena i poslata. Naslov slova "Aplikacija sa sajta sajta" se menja u rukovaocu contact.php

Sve radi kako treba, bit će lijepo čuti vaše povratne informacije (konstruktivne kritike) u komentarima, ako ima poteškoća i ne možete se nositi s nečim, slobodno mi pišite na VK (naći ćete u kontakt podacima ). Nadam se da vam se dopao i dizajn i funkcionalnost ove simbioze obrasca za povratne informacije (narudžba usluge, aplikacija) i okidača koji poziva na akciju. Sretno svima u radu i pozitivan stav, ćao))

Pripremljeno uz podršku

Obrazac za povratne informacije za stranicu, koji ću vam pokazati, baziran je na upotrebi Ajax tehnologije. Ali ne brinite, ovo ne morate znati, sve je spremno, ostaje samo da instalirate ovaj obrazac i prilagodite ga sebi!

Ljudi - scenario je veoma zastareo. Neki rade, neki ne. I previše sam lijen da to shvatim, a još više da ga ažuriram. Stoga testirajte po vlastitom nahođenju.

php obrazac za kontakt sa emailom

Ovo obrazac za povratne informacije na web stranici vrlo funkcionalan sam po sebi, 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! A zovu se ovako:

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

2. formValidator- i ovaj dodatak provjerava tačnost unesenih informacija u kontakt formu i, u tom slučaju, prikazuje opise alata!

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

Napomena za one pametne:

Obrazac za povratne informacije za stranicu može se napraviti u HTML-u! Ali radiće samo sa PHP-om! I ništa drugo!

Ovo sam ja za one koji traže kontakt formu samo u HTML-u. Uradićete to, ali neće uspeti!

Dakle, vaš mora podržavati PHP, a za ovaj kontakt obrazac PHP mora biti najmanje peta verzija. Nadam se da sam jasan? Štaviše, sada svaki normalan hosting podržava ove uslove!

Iskopao sam ovaj formular za povratne informacije na sajtu www.tutorialzine.com, link vodi direktno na originalnu stranicu, tj. stranica autora ovog obrasca!

Sve je na engleskom, pa smo Sasha i ja morali malo da petljamo da rusifikujemo ovu kontakt formu i same dodatke koji su povezani sa njim.

Iskreno govoreći, proveli smo dva dana sa ovim "kalupom", jer su počeli da se pojavljuju razni dovratnici, a nismo hteli da postavljamo nedovršeni formular za povratne informacije, pogotovo ovako lep! Dakle, ako ste ljubitelj da sve radite sami, a u glavu vam upadne misao - da sami rusificirate ovu formu, dat ću vam nekoliko savjeta, jer nećete biti ograničeni na jednostavno prevođenje fraza:

1. Ovaj obrazac za povratne informacije je dizajniran za buržoaziju i preuzet je odatle, tako da će vam poslati umjesto normalnih ruskih znakova - krakozyably. Razumjeti kodiranje. I općenito, svi "pečati" će biti povezani s ovim!

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

3. Čak i nakon ovih radnji, ako navedete temu pisma na ruskom, pismo dolazi sa predmetom - Bez predmeta (nadam se da sam to ispravno napisao), ovo se tretira ako navedete kodiranje u PHPMailer fajlu klase.

4. U originalnom obliku, tekst u poljima za unos bio je pritisnut do dna, a ne u sredini. Ovo je greška u dodatku JQTransform.

Pa kao i svi ofarbani i upozoreni. Idemo dalje!

Pozdrav, dragi čitaoci blog stranice. Danas želim govoriti o načinima stvaranja povratnih informacija, narudžbi, kontakata i drugih vrsta koje će webmasteru možda trebati da organizira praktičnu komunikaciju sa svojim posjetiteljima ili klijentima.

Jasno je da kada koristite Joomla i WordPress, pitanje povratnih informacija ili naručivanja može se riješiti korištenjem raznih ekstenzija ili dodataka, ali postoje načini koji su prikladni za apsolutno svaki projekat izgrađen kako na čistom Html-u tako i korištenjem (skripte, cms, konstruktori i povratne informacije generatora obrazaca).

Iako, postoje rješenja koja ne zahtijevaju podršku za PHP, a ona će također biti spomenuta u ovom članku. U ovom članku neće biti posebno detaljnih opisa instalacije i konfiguracije, jer je ovo samo pregled dostupnih opcija koje se sada mogu naći na mreži.

Bio bih vam izuzetno zahvalan ako u komentarima navedete svoj primjer kreiranja sistema povratnih informacija (po mogućnosti originalan, lijep i funkcionalan) sa linkom na opis i stranicu sa primjerom (još sam u procesu pronalaženja savršenog rješenja ).

Kontakt obrasci za Joomla i WordPress

Pogledajmo kako možete organizirati povratne informacije u Joomla i WordPress koristeći standardne alate ili ekstenzije.

Po defaultu, Joomla već ima , koji implementira ovu funkcionalnost, čije postavke možete pročitati na navedenom linku. U pravilu su najstabilnije ekstenzije uključene u distribuciju ovog motora prema zadanim postavkama, ali ne uvijek one najfunkcionalnije. A programeri ne spavaju i povremeno se pojavljuju nova funkcionalnija rješenja.

Tako da možete preuzeti poseban modul povratnih informacija za Joomla pod nazivom Rapid Contact, što vam može dati nove karakteristike i funkcionalnost (pogledajte demo). Možete pročitati o konfiguraciji i mogućnostima ovog modula. Osim toga, standardna komponenta u Joomli za implementaciju povratnih informacija nema dovoljnu fleksibilnost i ne dozvoljava vam korištenje zaštite od neželjene pošte (captcha), a također vam ne dozvoljava kreiranje nekoliko različitih kontakt obrazaca na web stranici.

Ovi problemi se rješavaju korištenjem alternativne komponente za ovaj motor tzv aiContactSafev, koji vam omogućava da kreirate bilo koji broj formulara za povratne informacije na sajtu (možete ih povezati sa različitim e-mail adresama) i ima mogućnost dodavanja polja za upload fajlova, kao i bilo koje druge vrste polja.

Provjerava ispravnost popunjavanja polja sa izdavanjem poruka o grešci, a također aiContactSafev pohranjuje arhivu svih poslanih podataka i omogućava vam da ih pregledate sa .

Ova komponenta ima vrlo fleksibilno prilagodljivu captcha (unošenje koda prilikom slanja podataka radi zaštite od neželjene pošte). Može se besplatno preuzeti za različite verzije Joomle i .

Hajde sada da pričamo o WordPress-u. Lično, još se nisam odlučio za ovo i imam redovan e-mail na svojoj kontakt stranici, što generalno nije baš kul, jer je odavno u bazi neželjene pošte, i ako nisam mogao da ga povežem sa onaj uobičajeni, tada bi me poplava neželjene pošte odavno preplavila.

Ali Google rezač neželjene pošte radi dobro, pa čak i previše dobro, jer vaša pisma, dragi čitaoci, ponekad padaju pod njegovu vruću ruku, zbog čega se, koristeći ovaj trenutak, izvinjavam.

Općenito, ovo je glavna prednost obrasca za povratne informacije - omogućava vam da svoju adresu e-pošte zadržite inkognito za spamere. Pa, također je obično uokviren u prilično ugodnu ljusku, što može dodati plus u odnosu na vaš korisnički projekat, posebno to vrijedi za komercijalne resurse, kada zgodna narudžba ili obrazac za povratne informacije mogu povećati konverziju (prihod).

Zapravo, o WordPress-u. Postoji jedan vrlo popularan i vrlo moćan dodatak koji se zove Kontakt obrazac 7. Njegova popularnost samo se prevrće, što znači da ima nešto u tome. Istina, da biste implementirali captcha funkciju, morat ćete instalirati dodatni Really Simple CAPTCHA dodatak.

Kontakt obrazac se može umetnuti u bilo koju stranicu ili objavu vašeg WordPress bloga, kao i u widget. Zapravo, ovo je vrsta konstruktora za WordPress koji vam omogućava da ažurirate informacije u formi bez osvježavanja stranice (koristeći ajax tehnologiju). Lično sam testirao ovaj dodatak na sajtu prije nekih par godina i tada mi se činio vrlo teškim i neprimjereno glomaznim za realizaciju mojih ciljeva (feedback).

Jasno je da je za to vrijeme Kontakt obrazac 7 mogao postati mnogo pogodniji za realizaciju zadataka sa kojima se suočavamo, te stoga predlažem da ga isprobate i sami, na osnovu prilično detaljnog opisa. Ako koristite bilo koji drugi dobar i lagan dodatak, napišite par riječi o njemu u komentarima.

Dakle, razgovarali smo o implementaciji povratnih informacija u Joomla i WordPress korištenjem odgovarajućih ekstenzija.

Ali još uvijek postoji nekoliko načina:

Kreirajte sami obrazac. Da biste to uradili, moraćete da napišete njegov kod i dizajnirate njegov izgled koristeći Css stilove, kao i da napišete rukovalac za njega u PHP-u (u principu, znanje stečeno iz Popovovog PHP video kursa biće dovoljno), a zatim proverite ispravnost popunjavanje polja i nešto drugo. Dozvolite mi da vam odmah kažem da ovo neće biti lako.

Da biste opisali proces instaliranja i konfiguracije ove skripte, morat ćete napisati poseban članak, pa predlažem da preuzmete i pogledajte detaljni video tutorijal ovom prilikom, koji će takođe opisati proces integracije skripte u dizajn Vašeg sajta.

Konstruktori i generatori obrazaca za povratne informacije

Postoji dosta alata za pravljenje i generator obrazaca za kontakt na mreži. Na primjer, ova usluga vam nudi prilično zgodan i funkcionalan interfejs za kreiranje struktura gotovo bilo koje složenosti. U prvom koraku od vas će se tražiti da odaberete shemu boja:



Nakon toga potrebno je u lijevom dijelu prozora odabrati potrebna polja za budući obrazac, a zatim ih, klikom na njih, fino podesiti (postaviti oznake polja na ruskom, odabrati širinu polja, promijeniti vrstu i unesite preliminarni tekst):



Dodata polja se mogu zamijeniti jednostavnim povlačenjem miša, izbrisati i ponovo urediti:



Općenito, sučelje ovog online dizajnera je vrlo, vrlo moderno i praktično. Nakon što poređate sva polja koja su vam potrebna u pravom redoslijedu i unesete sva potrebna podešavanja, možete kliknuti na dugme za spremanje (koji se nalazi na dnu). Na sljedećoj stranici od vas će biti zatraženo da pogledate i preuzmete skriptu za povratne informacije ili se vratite na uređivanje:



Povratne informacije za Html stranice (bez PHP-a)

Postoje online usluge koje besplatno pružaju vlastite PHP rukovaoce, koji će se nalaziti na njihovim serverima. Ova vrsta uključuje:



Nije fontana, naravno, u smislu dizajnerskih ukrasa, ali takav oblik se može kreirati za pet sekundi i postaviti na apsolutno bilo koju stranicu za još minut, čak i bez podrške za PHP.



Nakon što ste prilagodili izgled i dodali potrebna polja, kliknite na dugme "Prikaži", a zatim na dugme "Prilagođeno" i kopirajte kod. Zalijepite ga na stranicu za kontakt i kliknite na dugme "Ubaci" koje se nalazi ispod koda.

Nakon toga unesite adresu stranice na Vašem sajtu na koju ste uneli kod i E-mail adresu na koju treba da stižu korisničke poruke poslate upravo putem ovog obrasca.

Postoji još jedan generator formulara za povratne informacije vrlo sličan u funkcionalnosti. Dizajni kreirani pomoću njega mogu se postaviti i na hosting bez Php podrške (samo navedite adresu stranice i e-mail na koji će se slati poruke). Neću puno pričati o njemu, jer je u suštini vrlo sličan konstruktoru koji je gore opisan.

Sretno ti! Vidimo se uskoro na stranicama bloga

Više videa možete pogledati ako odete na

");">


Možda ste zainteresovani

Google Forms - kako napraviti online anketu na web stranici u Google Forms
SendPulse - Push obavijesti za web lokaciju i besplatna opcija za njihovo povezivanje sa SendPulse Online HTML uređivači - vizuelni, IDE i uređivači za instalaciju na sajt
Ubrzanje i zaštita vaše stranice u Airi.rf cloud servisu