Formular simplu de feedback html. Crearea unui formular de feedback în PHP

11.08.2019 Sfat

Salutare tuturor! În acest articol veți învăța cum să creați un formular de feedback pop-up pentru site-urile html și wordpress. În primul rând, astfel de formulare vor fi necesare pentru magazinele online, paginile de destinație și chiar și site-urile simple de cărți de vizită, deoarece este cu adevărat convenabil pentru utilizator.

De exemplu, un vizitator a venit pe site-ul dvs., a căutat prin informațiile de care avea nevoie, părea gata să vă comande produsul sau serviciul, dar nu a vrut să sune în alt oraș și să cheltuiască mulți bani. În astfel de momente, formularul de feedback pop-up vine în ajutor.

Creați un formular de feedback în html

Deci, să presupunem că aveți deja un site web și doriți să creați un formular care, atunci când este completat, va permite utilizatorului să primească feedback de la dvs. Pentru a face acest lucru, în primul rând, este creat cadrul în sine.

Lipiți următorul cod în locația dorită de pe site:

Aplicație online

Dacă doriți, puteți adăuga câmpuri suplimentare pentru introducerea informațiilor sau le puteți elimina pe cele existente. Nu vă recomand cu tărie să utilizați captcha sau altă protecție împotriva roboților în astfel de forme, ceea ce va îngreuna utilizatorului să completeze formularul.

Codul este introdus, ce vedem?

Forma a apărut, dar trebuie să i se dea formă. Pentru a face acest lucru, adăugați următoarele stiluri:

/* Formular de feedback */ #inline ( margin-left:30px; width:80%; margin:0 auto; background:#fff; padding:10px 20px; ) .txt ( display:inline-block; color:#676767 ; width:190px; padding:5px; :focus (border-style:solid; border-color:#bababa; color:#444; ) input.error, textarea.error (border-color:#973d3d; border-style:solid; fundal:#f0bebe; culoare: #a35959; ) input.error:focus, textarea.error:focus (border-color:#973d3d; color:#a35959; ) #send (color:#FFFFFF; display:block; cursor:pointer; padding:5px 11px; dimensiunea fontului: 1.2em; bordura: 1px; ) /* Formular de feedback */

Asta e mult mai bine. În orice caz, va trebui să ajustați forma la designul general al site-ului, astfel încât al dumneavoastră va fi în cele din urmă diferit de al meu.

Arata cam asa:

Ce se întâmplă? Vizitatorul dă clic pe câmp, iar scenariul îi prezintă o mască gata făcută cu codul țării. Destul de convenabil.

Pentru a face acest lucru, trebuie să conectați scriptul de mască. Îl puteți descărca chiar la sfârșitul articolului împreună cu codul sursă.

Includem scriptul înainte de eticheta de închidere. Nu uitați să schimbați calea către fișier la propria dvs. Bine, formularul de feedback a fost creat, stilurile au fost configurate, acum trebuie să-i atașați un handler, astfel încât notificările să fie trimise pe e-mail.

Pentru a face acest lucru, inserați următorul script înainte de eticheta de închidere:

Cum funcționează acest script?

Verifică e-mailul introdus.
Specifică câmpurile cu care se lucrează.
Verifică aceste câmpuri pentru completare. Dacă câmpurile obligatorii nu sunt specificate, apare un mesaj care indică faptul că acestea trebuie completate.
Prelucrează informațiile introduse și inițiază trimiterea unei notificări prin e-mail.
Afișează un mesaj utilizatorului că cererea lui a fost acceptată folosind Ajax.

Ultimul lucru care rămâne de făcut este să creați un fișier sendmessage.php, să introduceți următorul cod php în el și să îl încărcați la rădăcina site-ului dvs.

Mesaj nou\r\n"; $msg .= "

Nume:„.$nume utilizator”.

\r\n"; $msg .= "

Număr de telefon:".$userphone."

\r\n"; $msg .= "

Mail:".$usermail."

\r\n"; $msg .= "

Mesaj:„.$conținut”.

\r\n"; $msg .= " "; // trimiterea unui mesaj if(@mail($sendto, $subject, $msg, $headers)) ( echo "true"; ) else ( echo "false"; ) ?>

Asta e tot, un formular simplu de feedback pentru un site html este gata. Doar nu uitați să schimbați e-mailul din fișierul sendmessage.php cu al dvs.

Adăugarea unui formular pop-up de feedback pe site

Există momente când aveți nevoie de un formular pop-up care se deschide când faceți clic pe un buton. Este foarte ușor de făcut. Ca exemplu, să luăm forma pe care am creat-o mai devreme și să lucrăm cu ea.

În primul rând, trebuie să conectăm jQury fancybox, pe care îl puteți descărca la sfârșitul articolului.

Adăugați aceste rânduri înainte de eticheta de închidere a corpului, doar schimbați calea către fișiere la propria dvs.

Și îi dăm stiluri.

Modalbox (culoare:#FFFFFF; afișare:bloc; cursor:pointer; padding:10px 11px; font-size:1.2em; border:solid 1px #F9F9F9; border-radius:2px; background:#70C6B9; width:210px; text -decoration:none; text-align:center:0 auto 20px .modalbox:hover ( background:#979797;

Vă rugăm să rețineți că butonul, atunci când este făcut clic, va provoca o fereastră pop-up, trebuie să i se atribuie clasa modalbox și calea href="#inline". Fără aceasta, formularul pop-up nu se va deschide pe site.

Apoi ascundem formularul pe care l-am creat mai devreme, astfel încât să se deschidă într-o fereastră pop-up. Pentru a face acest lucru, trebuie să înlocuiți stilurile #inline de la vechi la nou.

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

Drept urmare, obținem un buton ca acesta.

Când faceți clic, se deschide o fereastră pop-up cu feedback.

Din nou, stilurile, aspectul câmpurilor și elementelor pot fi modificate după cum aveți nevoie. De exemplu, pentru a apela înapoi de pe site, va fi suficient să lăsați doar 2 câmpuri - nume și număr de telefon și să eliminați câmpurile rămase.

Nu uitați că pentru ca formularul să funcționeze, la sfârșitul site-ului va trebui să adăugați handlerul care este publicat mai sus și să încărcați fișierul la rădăcina site-ului sendmessage.php.

Formular de feedback pentru WordPress

Dacă site-ul dvs. rulează pe motorul WordPress, puteți utiliza pluginuri speciale pentru a adăuga un formular de contact. Unul dintre cele mai bune pluginuri Contact Form 7 Îl puteți descărca de pe site-ul oficial sau prin panoul de administrare din secțiunea Pluginuri.

După activarea pluginului, o filă nouă va apărea în meniul din stânga. Deschideți-l și faceți clic pe Adăugare nou.

Introduceți numele noului formular, selectați câmpurile care ar trebui să fie în formular. De obicei cele standard care sunt adăugate automat sunt destul de suficiente. Păstrează-te în formă.

După salvare, pe ecran va apărea un cod scurt, care va trebui introdus în pagina în care trebuie să fie afișat formularul de contact, de exemplu, pe pagina Contacte.

Copiați acest cod, mergeți la pagina dorită, selectați formatul „Text” în editorul vizual, lipiți acest shortcode și salvați pagina.

Apoi verificăm dacă formularul este afișat pe pagină și dacă funcționează corect. Pentru a face acest lucru, trebuie doar să mergeți la pagina în care ați introdus codul. Ar trebui să vedeți un formular ca acesta:

Acum vizitatorii site-ului dumneavoastră vă vor putea contacta prin intermediul formularului de contact creat în motorul WordPress.

Crearea unui formular de feedback pop-up pentru WordPress

Nu îmi place să adaug pluginuri inutile la acest motor, deoarece acestea încarcă site-ul, încetinind activitatea acestuia. Prin urmare, pentru un formular pop-up folosesc de obicei 2 opțiuni.

Pur și simplu atașăm formularul pop-up descris mai sus în articol nu site-ului html, ci motorului.
Un formular creat folosind pluginul de formular pop-up Contact Form 7 cu câteva modificări minore.

Prima metodă a fost deja descrisă mai sus, așa că să trecem la a doua.

Pentru a începe, inserați următorul cod imediat după eticheta de deschidere a corpului.

Să ne dăm seama ce este:

Un link cu id=”callme-open”, când faceți clic, se va deschide formularul nostru. Vă rugăm să rețineți că acest link nu trebuie introdus după eticheta deschisă, ci în locul în care doriți să fie localizat acest buton. De obicei, este adăugat în colțul din dreapta al antetului, lângă numărul de telefon al companiei.
Blocul bg-b va crea un fundal întunecat al site-ului când este deschis formularul pop-up.
Blocul callme va conține formularul de feedback în sine.
X – aceasta va fi crucea noastră în colțul formularului, când dați clic pe ea formularul se va închide.
Ei bine, codul php în care va fi lansat shortcode-ul pluginului Contact Form 7.

Vă rugăm să rețineți că id-ul și numele formularului dvs. pot diferi de ale mele. A fost adăugat un cod nou, acum îi dăm stiluri.

Bg-b ( poziție: absolut; lățime:100%; înălțime:100%; stânga:0; sus:0; fundal:rgba(51,51,51,0.55); z-index:1000; ) corp (poziția: relativ; .callme (poziție: fix; sus: 30%; stânga: 50%; lățime: 300px; margine-stânga: -150px; z-index: 1100; fundal: #fff; padding: 20px 20px 10px; margine- rază :4px; .callme small (poziție:absolut; dreapta:10px; sus:10px; font-size:15px; cursor:pointer; )

Salvați codul și verificați-l. Formularul ar trebui să fie acum poziționat în mijlocul ecranului, cu un fundal translucid întunecat în spate. Totul este în regulă, dar ultimul lucru rămas de adăugat este un script care va deschide și ascunde acest formular atunci când dați clic pe butoanele necesare.

Acest script trebuie inserat în fișierul de subsol, înaintea etichetei body de închidere.

Ultimele retușuri rămân și formularul pop-up de pe WordPress va fi gata. Adăugați stil display:none la clasele .callme și .bg-b. Acest lucru este necesar pentru ca formularul să nu apară pe ecran la lansarea site-ului.

Am discutat cu dvs. câteva opțiuni pentru crearea unui formular pentru o apelare înapoi. Sper că nu aveți probleme la implementarea formularului pe site-ul dvs. Dacă aveți probleme sau întrebări, puteți primi oricând sfaturi în comentarii.

ACTUALIZARE 06/06/2018

În cele mai recente versiuni de WordPress Scripturile jQuery nu funcționează cu simbolul $ deci acest lucru ar trebui luat în considerare și înlocuiți $ cu jQuery

Destul de des există o problemă în care un formular end-to-end de pe un site web nu mai trimite pe paginile interne. Pentru a preveni acest lucru, specificați un let complet în fișierul sendmessage.php din handler. De exemplu, așa:

Url: „http://site.ru/sendmessage.php”

Și puteți descărca sursele primelor două formulare prin

ACTUALIZARE 07/04/2018

Datorită numeroaselor solicitări, formularul de feedback a fost modernizat. Acum ia în considerare caseta de selectare pentru consimțământul de a trimite date în conformitate cu legislația Federației Ruse nr. 152-FZ „Cu privire la datele personale”, adaptabilitatea la orice rezoluție a ecranului a fost îmbunătățită, fișierele js și css au fost comprimate.

Acum puteți vizualiza un exemplu, precum și să descărcați sursele formularului de feedback actualizat și formularului pop-up online, folosind link-urile.

Ți-ai dorit vreodată să instalezi un formular de feedback pe site-ul tău? Cu siguranță ați întâlnit scripturi similare. În mod ciudat, scripturile gata făcute pentru trimiterea unui formular prin e-mail sunt foarte populare (puteți vedea acest lucru în orice arhivă de scripturi) și există foarte multe dintre ele. Sunt unele simple în care nimic nu se schimbă, și există sisteme complexe și mari care funcționează pe mysql, îți permit să schimbi dinamic orice câmpuri, conțin o grămadă de setări... Dar chiar sunt necesare? În opinia mea, necesitatea unor astfel de sisteme este foarte îndoielnică.

Nu veți putea testa trimiterea e-mailurilor pe computerul dvs. de acasă. Pentru a face acest lucru, aveți nevoie de găzduire cu suport PHP și funcții de trimitere a e-mailului. Vă recomand furnizorul de găzduire runweb.ru. Acest furnizor oferă tarife excelente, cele mai rapide viteze de acces și servicii excelente.

Metode de trimitere a corespondenței

Există două modalități principale de a trimite e-mail de pe un server folosind PHP.
Vreau să mă uit la ambele metode în ordine.

Prima și cea mai simplă este să folosiți funcția php mail(). Funcția este foarte simplă și directă, deși trimiterea de e-mail folosind mail() are o serie de dezavantaje. Cel mai important lucru este că scrisoarea este trimisă nu direct, ci prin PHP. În același timp, programul php inserează unele dintre câmpurile sale în scrisoare. De exemplu, nu veți putea indica corect expeditorul. În cele mai multe cazuri, câmpul „de la” (adică de la cine provine scrisoarea) va conține numele serverului. Chestia este că PHP își inserează anteturile în linia de serviciu a scrisorii „de la”.

Cu toate acestea, trimiterea de e-mailuri folosind funcția mail() rămâne cea mai simplă
modalitate de a trimite o scrisoare de la server. Să ne uităm la această metodă mai detaliat.

Funcția mail() are următoarea sintaxă:

mail($to, $subject, $body, $headers);

$to este adresa destinatarului. De exemplu, " [email protected]". $subject - subiectul scrisorii. De exemplu, "Ați primit o scrisoare." $body - textul mesajului. $headers - orice antet al scrisorii. De exemplu, adresa expeditorului va arăta astfel : "de la: [email protected]".

Iată un exemplu complet de trimitere de e-mail folosind mail():

mail(" [email protected]", "Subiectul scrisorii", "Bună ziua! nAți primit o scrisoare.", "de la: site_name");

Vă rugăm să rețineți că atunci când utilizați această funcție pe un computer de acasă, se poate produce o eroare, deoarece nu poate trimite un e-mail fără un server de e-mail.

Acum să vedem cum puteți trimite un e-mail folosind sendmail.

sendmail este un program standard de sistem de operare Unix care trimite mail.
php poate rula programe Unix folosind instrumentul pipes. Acest instrument Unix vă permite să trimiteți date de la un program la altul, similar cu modul în care scriem într-un fișier. Doar fișierul în acest caz este programul (în special sendmail), care primește datele.

Programul sendmail are mulți parametri, vom folosi unii dintre ei. Pentru a utiliza sendmail, trebuie să deschideți o conductă către acesta. În php, acest lucru se face folosind comanda popen(), care este identică ca sintaxă cu comanda fopen(). Folosind popen() deschidem un flux către sendmail
să-i scrieți (vă amintiți parametrul de mod „w”?), după care îi puteți trimite date cu comanda obișnuită fputs(). Să vedem cum arată procedura completă pentru trimiterea unei scrisori prin sendmail:

>8&0xff; if ($result) echo "sendmail error! error code: $result"; ?>

În acest program, primul lucru pe care îl facem este să descriem anteturile rfc. rfc sunt câmpuri de serviciu care conțin toate informațiile despre scrisoare. Puteți vedea un exemplu de rfc, de exemplu, în programul bat făcând clic dreapta pe textul literei și selectând „anteturi rfc-822” (numele articolului poate fi diferit). Pentru a le elimina, repetați pașii. În antet descriem câmpurile „content-type”, care indică faptul că litera este text și în codificare Windows-1251 (codare Windows standard). „koi8-r” poate fi folosit și ca codificare, aceasta este o codificare Unix standard. În acest articol nu vom lua în considerare posibilele antete rfc în detaliu. O vom face puțin mai târziu,
când ne apropiem de lucrul cu poșta. Deci, după ce am descris variabilele serviciului și antetele scrisorilor, deschidem sendmail. Fiți atenți la calea către programul „/usr/sbin/sendmail”. Poate diferi pe diferite servere!
Dacă această linie nu funcționează, întrebați ISP-ul dvs. unde se află sendmail. Sunt specificați următorii parametri: „-i -f$from - $recipients”. Aceștia sunt parametri standard pentru trimiterea unei scrisori și în ele sunt inserate două câmpuri: $de la cine, $destinatari - adresele destinatarului. În cazul nostru, variabila $recipients conține o singură adresă. De fapt, puteți folosi mai multe adrese, separate printr-un spațiu:

$destinatari = " [email protected] [email protected] [email protected]";

Apoi, scriem mai întâi anteturile mesajelor în flux (variabila $text_headers), apoi le separăm cu o întrerupere de linie și scriem textul mesajului. Ultimul pas este să închideți fluxul și să verificați dacă există erori. Dacă este executat corect, un zero este plasat în variabila $result, iar dacă apare o eroare, numărul erorii este scris în aceasta.

Acum să ne uităm la un exemplu de utilizare a capabilităților de trimitere a e-mailurilor. Pentru a face acest lucru, vom crea un formular de feedback pe care îl puteți instala pe site-ul dvs. Vom folosi sendmail ca metodă de trimitere a unei scrisori.

Crearea unui formular de feedback

Formularul nostru de feedback va fi un singur script. Acest script va afișa formularul și va trimite e-mailul.

contact.php:

Feedback Eroare:$s"; ?>

Conexiune directă

Numele dumneavoastră: *

Adresa ta de email: *

Site-ul dvs.:

Mesajul dvs: *

Câmpurile marcate cu un asterisc (*) trebuie completate.>8&0xff; ) else $rezultat=(mail($destinatari, $subiect, $corp, "din: ".$from."rn".$headers) ? FALSE: TRUE); if ($rezultat) echo "Mesajul nu a fost trimis!"; else echo "Vă mulțumesc, mesajul dvs. a fost trimis. Administratorul vă va contacta în curând!"; ?>

Acum să vedem cum funcționează acest program. Execuția începe cu linia „if (!$a) show_form();”, deoarece înainte de aceasta este specificată o funcție care, desigur, nu este executată. În această linie verificăm dacă a existat o încercare de completare a formularului (din formular, după cum puteți vedea, este trecută variabila $a, care este bifată în această linie). Dacă nu a fost făcută o astfel de încercare, este apelată funcția show_form(), care afișează formularul.

Bună ziua, dragi cititori ai site-ului blogului. Astăzi vreau să vorbesc despre modalități de a crea feedback, comandă, contact și alte tipuri de formulare de care un webmaster ar putea avea nevoie pentru a organiza o comunicare convenabilă cu vizitatorii sau clienții săi.

Este clar că atunci când utilizați Joomla și WordPress, problema feedback-ului sau a comenzii poate fi rezolvată folosind diverse extensii sau plugin-uri, dar există metode care sunt potrivite pentru absolut orice proiect construit fie pe HTML pur, fie folosind (scripturi, cms, designeri și feedback-ul generatorilor de formulare).

Deși, există soluții care nu necesită suport PHP și vor fi menționate și în acest articol. Nu vor exista descrieri deosebit de detaliate ale instalării și configurării în acest articol, deoarece aceasta este doar o prezentare generală a opțiunilor disponibile care pot fi găsite acum pe Internet.

Aș fi extrem de recunoscător dacă ați furniza în comentarii exemplul dvs. de creare a sistemelor de feedback (de preferință originale, frumoase și funcționale) cu un link către descriere și pagina cu un exemplu (sunt încă în proces de a găsi soluția ideală).

Formulare de feedback pentru Joomla și WordPress

Să vedem cum poți organiza feedback-ul în Joomla și WordPress folosind instrumente standard sau folosind extensii.

Joomla are deja o opțiune implicită care implementează această funcționalitate, despre setările căreia puteți citi la link-ul furnizat. De regulă, distribuția acestui motor include implicit cele mai stabile extensii, dar nu întotdeauna pe cele mai funcționale. Iar dezvoltatorii nu dorm, iar soluții noi, mai funcționale apar periodic.

Deci, puteți descărca un modul separat de feedback pentru Joomla numit Contact rapid, care vă poate oferi noi caracteristici și funcționalități (vezi demonstrația). Puteți citi despre configurarea și capabilitățile acestui modul. În plus, componenta standard în Joomla pentru implementarea feedback-ului nu are suficientă flexibilitate și nu permite utilizarea protecției anti-spam (captcha) și, de asemenea, nu vă permite să creați mai multe forme de contact diferite pe site.

Aceste probleme sunt rezolvate prin utilizarea unei componente alternative pentru acest motor numită aiContactSafev, care vă permite să creați orice număr de formulare de feedback pe site (le puteți lega la diferite adrese de e-mail) și are posibilitatea de a adăuga un câmp pentru încărcarea fișierelor, precum și orice alte tipuri de câmpuri.

Verifică completarea corectă a câmpurilor și afișează mesaje de eroare și, de asemenea, aiContactSafev stochează o arhivă a tuturor datelor trimise și vă permite să o vizualizați din .

Această componentă include un captcha foarte flexibil (introducerea unui cod la trimiterea datelor pentru a vă proteja împotriva spamului). Poate fi descărcat gratuit pentru diferite versiuni de Joomla, precum și pentru .

Acum să vorbim despre WordPress. Personal, nu m-am hotărât încă în acest sens și am un e-mail obișnuit pe pagina mea de contacte, care în general nu este foarte tare, pentru că a fost de mult în baza de date de spam și dacă nu aș fi putut leagă-l la unul obișnuit, apoi potopul de spam m-ar fi copleșit cu mult timp în urmă.

Dar tăierea spam-ului mailului Google funcționează bine și chiar prea bine, pentru că scrisorile voastre, dragi cititori, cad uneori sub mâna lui fierbinte, pentru care, luând acest moment, îmi cer scuze.

În general, acesta este principalul avantaj al formularului de feedback - vă permite să vă păstrați adresa de e-mail incognito pentru spammeri. Ei bine, de asemenea, este de obicei conceput într-o carcasă destul de plăcută, ceea ce poate adăuga un plus atitudinii utilizatorilor față de proiectul dvs., acest lucru este valabil mai ales pentru resursele comerciale, când o comandă convenabilă sau un formular de feedback poate crește conversia (venitul).

De fapt, despre WordPress. Există un plugin foarte popular și foarte puternic numit Formularul de contact 7. Popularitatea lui este pur și simplu în afara topurilor, ceea ce înseamnă că există ceva special la el. Adevărat, pentru a implementa funcția captcha va trebui să instalați un plugin suplimentar Really Simple CAPTCHA.

Formularul de feedback poate fi inserat în orice pagină sau postare a blogului dvs. WordPress, precum și într-un widget. De fapt, acesta este un fel de constructor pentru WordPress care vă permite să actualizați informațiile din formular fără a reîmprospăta pagina (folosind tehnologia ajax). Personal, am testat acest plugin pentru site acum câțiva ani și apoi mi s-a părut foarte greu și nepotrivit de greoi pentru a-mi atinge obiectivele (feedback).

Este clar că în acest timp Formularul de contact 7 ar fi putut deveni mult mai potrivit pentru implementarea sarcinilor care ne confruntă și de aceea vă sugerez să îl încercați singur, pe baza unei descrieri destul de detaliate. Dacă utilizați orice alt plugin bun și ușor, vă rugăm să scrieți câteva cuvinte despre el în comentarii.

Deci, am vorbit despre implementarea feedback-ului în Joomla și WordPress folosind extensiile corespunzătoare.

Dar există și mai multe moduri:

Creați singur formularul. Pentru a face acest lucru, va trebui să-i scrieți codul și să-i proiectați aspectul folosind stiluri Css și, de asemenea, să scrieți un handler pentru acesta în Php (în principiu, cunoștințele acumulate în urma cursului video al lui Popov despre Php vor fi suficiente) și apoi verificați dacă câmpurile sunt completate corect și așa mai departe. Permiteți-mi să vă spun imediat că acest lucru nu va fi ușor.

Pentru a descrie procesul de instalare și configurare a acestui script, va trebui să scrieți un articol separat, așa că vă sugerez să descărcați și urmăriți un tutorial video detaliat pe această temă, care va descrie și procesul de integrare a scriptului în designul site-ului dvs.

Feedback de la proiectanți și generatori

Există destul de mulți designeri și generatori de formulare de feedback online. De exemplu, acest serviciu vă oferă o interfață destul de convenabilă și funcțională pentru a crea modele de aproape orice complexitate. În primul pas, vi se va cere să alegeți o schemă de culori:

După care trebuie să selectați câmpurile necesare pentru formularul viitor din partea stângă a ferestrei și apoi, făcând clic pe ele, să le faceți ajustări mai fine (setați etichetele câmpurilor în rusă, selectați lățimea câmpului, schimbați tipul și introduceți text preliminar):

Câmpurile adăugate pot fi schimbate prin simpla glisare a mouse-ului, șterse și reeditate:

În general, interfața acestui designer online este foarte, foarte modernă și convenabilă. După ce ați plasat toate câmpurile de care aveți nevoie în ordinea dorită și ați furnizat toate setările de care au nevoie, puteți face clic pe butonul de salvare (situat în partea de jos). Pe pagina următoare vi se va solicita să vizualizați și să descărcați scriptul de feedback sau să reveniți la editare:

Feedback pentru site-urile HTML (fără PHP)

Există servicii online care oferă propriile procesoare Php gratuit, care vor fi localizate pe serverele lor. Acest tip include:

Nu o fântână, bineînțeles, din punct de vedere al rafinamentului designului, dar un astfel de formular poate fi creat în cinci secunde și într-un alt minut plasat pe absolut orice site, chiar și situat pe o găzduire fără suport PHP.

După personalizarea aspectului și adăugarea câmpurilor necesare, faceți clic pe butonul „Vizualizare”, apoi pe butonul „Personalizat” și copiați codul. Lipiți-l în pagina de contacte și faceți clic pe butonul „Inserați” aflat sub cod.

După aceea, introduceți adresa paginii site-ului dvs. unde ați introdus codul și adresa de e-mail la care ar trebui să fie trimise mesajele utilizatorului trimise prin acest formular.

Există un alt generator de formulare de feedback care este foarte asemănător ca funcționalitate. Modelele create cu acesta pot fi plasate și pe site-uri de găzduire fără suport PHP (doar să specificați adresa paginii și e-mailul către care vor fi trimise mesajele). Nu voi vorbi prea mult despre asta, pentru că în esență este foarte asemănător cu constructorul descris mai sus.

Mult succes pentru tine! Ne vedem curând pe paginile site-ului blogului

Puteți viziona mai multe videoclipuri accesând

S-ar putea să fiți interesat

Google Forms - cum să creați un sondaj online pe un site web în Google Forms
SendPulse - Notificări push pentru site și o opțiune gratuită pentru conectarea lor de la SendPulse Editore HTML online - vizuale, IDE și editori pentru instalare pe un site web
Accelerarea și protecția site-ului dvs. în serviciul cloud Airi.rf

Salut baieti. Seryoga este în legătură. Știu că nu am mai scris de mult timp - lucruri de făcut, lucruri de făcut... Și acum, sincer să fiu, nu mai am timp deloc. Și vom face forma nu conform lecției mele, ci după lecțiile prietenului meu - Krotova Romana.

Creați un formular de feedback pentru site vom fi consecvenți. Prin urmare, acest articol va fi împărțit în 3 lecții.

Pur și simplu îl vom introduce în HTML și vom crea un handler PHP pentru trimiterea scrisorilor. Totul va fi consistent, de la zero la rezultat. Pentru ca tu să înțelegi totul și să poți încorpora singur câmpurile necesare.

Roma vă va arăta cum să faceți încărcarea Ajax. Adică, trimiteți date din formular fără a reîncărca pagina. Ceea ce, vedeți, este foarte convenabil și modern.

Ei bine, în a treia (Lecția este în curs de pregătire - va fi un link aici mai târziu), vom construi o verificare de validare. Nu folosind browser, ci folosind scripturi speciale.

Video 1. Crearea unui formular de feedback pentru site.

Vă rugăm să fiți atenți! Pentru ca formularul să funcționeze, este necesar ca găzduirea dvs. să accepte PHP.

Dacă aveți întrebări cu privire la punctele neclare în scrierea unui handler de formulare pentru trimiterea de scrisori, nu ezitați să le întrebați în comentarii.

Cod din lecția despre crearea unui formular de feedback

Acesta este ceea ce am ajuns în fișierul index.php

Permiteți-mi să vă reamintesc ce conține formular simplu de feedback. Fără decor sau alte clopote și fluiere. Pentru a nu vă împovăra cu informații inutile.

Conținutul fișierului submit.php:

Aici se efectuează o verificare de bază a formularului pentru a se asigura că este complet, pentru a nu trimite mesaje goale. Dacă totul este „bine”, scrisoarea este trimisă. Și există o redirecționare către o pagină de notificare despre trimiterea cu succes a scrisorii.

Dacă (!empty($_POST["nume"]) AND !empty($_POST["email"]) ȘI !empty($_POST["mesaj"])) ( $headers = "De la: Krotov Roman " ." Răspuns la: [email protected]" . "X-Mailer: PHP/" . phpversion(); $theme = "Mesaj nou de pe site"; $letter = "Datele mesajului:"; $letter .=" "; $letter .="Nume: " . $_POST["nume"]; $letter .=" E-mail: ".$_POST["email"]; " .$_POST["mesaj"]; dacă (mail(" [email protected]", $theme, $letter, $headers))( header("Locație: /testform/thankyou.php"); ) else ( header("Locație: /testform"); ) ) else ( header("Locație: / testform");)

Ei bine, nu văd rostul în a posta pagina de notificare în sine aici. Există structura de bază a unui document HTML și doar o linie de text.

1. Plugin pentru crearea formularelor online „jFormer”

Crearea formularelor de contact: feedback, comentarii, formular de autentificare, formular de inregistrare cu verificarea corectitudinii informatiilor introduse.

2. Formular de înregistrare pas cu pas folosind jQuery

O formă îngrijită, cu umplere pas cu pas. Mai jos este un indicator de completare a formularului.

3. Formular pas cu pas

Completarea formularului în mai mulți pași și verificarea faptului că este completat corect.

4. Formular de contact pentru site

Validarea corectitudinii informațiilor introduse se realizează din mers înainte de trimiterea mesajului folosind javascript.

5. Comutare animată între formulare folosind jQuery

Comutare animată folosind jQuery între formularul de conectare al site-ului, formularul de înregistrare și câmpul de recuperare a parolei. Pe pagina demo, faceți clic pe linkul galben pentru a vedea efectul.

6. Formular de feedback PHP de plecare

O soluție similară poate fi folosită pentru a oferi unui vizitator posibilitatea de a contacta rapid proprietarul site-ului de pe orice pagină. Pe pagina demo, faceți clic pe săgeata de mai jos pentru a deschide formularul.