Web design și optimizare pentru motoarele de căutare
Bună ziua, dragi cititori ai site-ului blogului. Astăzi vreau să vorbesc despre modalități de a crea formulare părere, comandă, contact și alte tipuri 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 pe ambele HTML pur, și folosind (scripturi, cms, constructori și generatori de formulare de feedback).
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 mijloace 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. In afara de asta, componenta standard Joomla nu are suficientă flexibilitate pentru a implementa feedback și nu permite utilizarea protecției împotriva spamului (captcha) și, de asemenea, nu vă permite să creați mai multe formulare 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 conecta la diferite Adresa de e-mail am) și are capacitatea de a adăuga un câmp de încărcare a 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 spam-ului). Poate fi descărcat gratuit pentru versiuni diferite Jumla, a.
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 postala 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 (pe tehnologii 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 Formular de contact 7 ar putea deveni mult mai potrivit pentru implementarea sarcinilor cu care ne confruntăm și, prin urmare, vă sugerez să îl încercați singur, bazându-vă pe destul de descriere detaliata. 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 cateva cai:
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, scrieți un handler pentru acesta în Php (în principiu, cunoștințele acumulate din cursul video al lui Popov despre Php vor fi suficiente) și apoi, verificați dacă câmpurile sunt completate corect și altceva. 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 scenariu 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
Sunt destul de multe constructor online ov și generatoare de formulare de feedback. De exemplu, acest serviciu îți oferă un serviciu destul de convenabil și interfata functionala pentru a crea structuri 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 mai multe reglaj fin(setați etichetele câmpurilor în rusă, selectați lățimea câmpului, schimbați tipul și introduceți textul 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 corectăși furnizați toate setările de care au nevoie, puteți face clic pe butonul de salvare (situat mai 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)
Mânca servicii on-line, oferind gratuit propriile lor manere PHP, 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ă configurare aspectși adăugând câmpurile necesare, faceți clic pe butonul „Vizualizare”, apoi pe butonul „Configurat” și copiați codul. Lipiți-l în pagina de contacte și faceți clic pe butonul „Inserați” aflat sub cod.
După aceasta, 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ă baftă! Inainte de pe curând pe paginile site-ului blogului
Puteți viziona mai multe videoclipuri accesând");">
![](https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/video/image/bezumstvo-tatu.jpg)
S-ar putea să fiți interesat
Formulare Google - cum să creați un sondaj online pe un site web în Formulare Google
SendPulse- Notificări pentru site și opțiune gratuită conexiunile lor de la SandPulse Pe net Editore HTML- vizual, IDE si editori pentru instalare pe site
Accelerează și protejează-ți site-ul serviciu cloud Airi.rf
Astăzi vom lucra la creare HTML frumos formular de feedback pentru site, rulând pe PHP și având încorporată protecție antispam. Nici unul cunoștințe speciale nu ai nevoie, va fi suficient elementele de bază ale htmlși logica elementară. Vă voi furniza fișiere gata făcute pe care le puteți introduce în site fără modificări sau adaptați nevoilor dumneavoastră.
Am scris recent un articol despre cum să faci unul folosind pluginul Contact Form 7. De asemenea, poți face cu ușurință un formular de feedback pe Joomla și alte CMS populare.
Dar ce ar trebui să facă site-urile care nu folosesc CMS popular? – Rămâne doar să faci totul manual.
În plus, utilizarea feedback-ului fără pluginuri este posibilă și pentru WordPress. Pluginurile inutile creează o sarcină semnificativă pe servere, iar eliminarea acestora vă permite să accelerați site-ul.
Puteți comanda instalarea și configurarea formularului finit pentru 500 de ruble aici (aceasta este pentru cei care sunt prea leneși să lucreze cu mâinile sau au abilități insuficiente).
Cum funcționează formularul de feedback HTML
Formularul nostru va avea 5 câmpuri pentru introducerea datelor - nume, Adresa de e-mail, numărul de telefon, adresa site-ului web, textul mesajului (le puteți șterge sau modifica singur).
Toate câmpurile, cu excepția adresei site-ului web, vor fi obligatorii (puteți configura acest lucru singur).
Pentru câmpurile cu Adresa de e-mail iar site-ul va efectua o verificare obligatorie a corectitudinii introducerii datelor.
Forma finală de comunicare va arăta astfel:
Pentru munca Formular de contact, creat în html, necesită 3 elemente.
Primul este responsabil pentru structura formularului în sine, tipul și numărul câmpurilor de introducere a datelor. Asta este normal cod html.
Al doilea este responsabil de prelucrarea datelor pe care utilizatorul le introduce în câmpurile formularului. Acesta stabilește ce, unde și sub ce formă să trimiți după ce butonul de trimitere este apăsat. Pentru implementare este folosit PHP special scenariu.
Al treilea este responsabil de aspect. Setează dimensiunea și locația câmpurilor de introducere a datelor, adaugă diferite culori și efecte. Toate acestea sunt stabilite de stilurile CSS.
Versiunea demo a formularului
Vă vom ghida pas cu pas prin configurarea fiecăruia dintre aceste elemente.
Crearea unui layout HTML
Pentru a nu face articolul prea lung și pentru a nu adăuga fiecare element separat, voi furniza html complet cod, iar mai jos voi descrie fiecare bloc și posibilele modificări.
Eticheta este folosită pentru a desemna formulare în HTML
, în interiorul căruia sunt completați parametrii necesari.Să începem cu prima linie.
class="contact_form"– specificați clasa pentru a seta stiluri CSS în viitor.
action="contact-form.php"– indicați numele fișierului cu scriptul care va procesa datele formularului și va trimite mesajul. Dacă fișierul se află în același folder cu pagina cu formularul, atunci este suficient să indicați doar numele fișierului dacă se află într-un folder diferit, atunci va trebui să indicați calea către fișier.
Urmează 4 blocuri
Responsabil pentru afișarea câmpurilor pentru introducerea datelor, numele indică clar cine este responsabil pentru ce. Câmpurile în sine sunt afișate folosind etichete , în care se stabilesc următoarele caracteristici:
Tip– este responsabil pentru tipul de date introduse, text – text simplu, e-mail – adresa de email, astfel de câmpuri sunt verificate automat pentru corectitudine (@ trebuie să fie prezente), tel – număr de telefon, url – adresa site-ului web.
Nume– numele propriu al elementului în sine, este necesar ca scriptul să știe să folosească datele fiecărui câmp. Dacă creați mai multe câmpuri de același tip, atunci trebuie să atribuiți fiecărui câmp propriul nume.
Substituent– acesta este un tooltip situat în interiorul câmpului, text care înlocuiește câmpul gol al elementului. Poate fi schimbat sau șters, nu afectează funcționarea formularului.
Necesar– acest parametru indică faptul că câmpul este obligatoriu. Puteți decide singur ce elemente sunt necesare și care nu.
model="(http|https)://.+”– această construcție servește la verificarea corectitudinii câmpului site-ului, indicând faptul că adresa trebuie să conțină http://text sau https://text, în caz contrar va apărea o eroare.
Unele câmpuri au un sfat explicativ care apare atunci când selectați un articol. E rănită , unde form_hint este clasa elementului (proprietățile sale sunt scrise în CSS). Puteți seta orice text în sfatul cu instrumente pentru fiecare câmp al formularului de contact. Dacă nu aveți nevoie de o astfel de caracteristică, eliminați întreaga etichetă.
Câmpurile pentru introducerea mesajului în sine sunt marcate cu eticheta
Protectie spam– câmp invizibil numit nume=bezspama. Are stilul display:none - asta înseamnă că câmpul este invizibil pentru oameni, dar roboții îl vor completa automat.
Iar elementul final al oricărui formular este butonul de trimitere a mesajului, este specificat de etichetă , care are propria sa clasă de personalizare a aspectului și a tipului „submit”.
Pentru a adăuga sau elimina câmpuri, eliminați-le pe cele inutile sau introduceți altele noi prin analogie cu cele existente, specificând toate proprietățile și numele acestora.
Proiectare cu stiluri CSS
Dacă te uiți la rezultatul într-un browser, vei vedea ceva stângaci și neatractiv. Pentru ca noi să reușim formă frumoasă feedback, va trebui să lucrați la stilurile acestuia (html nu va fi suficient).
Dacă cunoașteți CSS, atunci puteți seta designul pentru toate elementele de formular fără probleme, nici măcar nu aveți nevoie de ajutorul meu.
Dacă nu sunteți familiarizat cu stilurile, atunci vă voi oferi doar dosar gata, în care totul este deja scris în așa fel încât forma ta să fie identică cu cea din exemplu.
Puteți conecta stiluri în două moduri:
- Copiați conținutul fișierului în fișierul style.css care este deja pe site-ul dvs. (adăugați la sfârșit)
- Puneți fișierul pe care l-am dat pe hosting și conectați-l.
Fișierele de stil sunt conectate folosind următorul cod , plasat în interior
. Dacă fișierul cu stiluri (styles.css) nu se află în același folder cu pagina html, apoi notează calea plinăînaintea lui.În fișierul de stil pe care l-am dat, fiecare element este etichetat, astfel încât să puteți face orice modificări - schimbați culorile, dimensiunile, formele, efectele. Deținând cel mai mult cunostinte de baza, îl puteți edita cu ușurință.
Configurarea codului PHP (protecție anti-spam adăugată)
Ca și în cazul stilurilor, vă voi da codul care se ocupă formular HTML feedback și anti-spam. Acest fișier este personalizat pentru o anumită configurație și dacă doriți să setați câmpuri noi sau să le eliminați pe cele existente, va trebui să faceți modificări în el. Prin urmare, vă voi spune cum funcționează, astfel încât să înțelegeți ce trebuie schimbat.
Pentru site-urile care utilizează codificarea Windows-1251 și versiunea php 5.4+, va trebui să adăugați un plus la codul legat de funcția htmlspecialchars. Îl voi arăta mai jos. În caz contrar, câmpurile goale vor apărea în locul alfabetului chirilic.
Amintiți-vă, în proprietățile formularului (în fișier html) am specificat parametrul action=”contact-form.php”. Trebuie să creați un fișier numit contact-form.php și să plasați codul de mai jos în el.
\r\n Răspuns la: $e-mail \r\n"; dacă (mail($adresă, $sub, $mes, $de la)) ( header("Actualizează: 5; URL=https://site") ; ecou "
";) else ( header ("Reîmprospătare: 5; URL=https://site"); echo "
";) ) ieșire; /* Ieșire fără mesaj dacă câmpul bezspama este umplut cu roboți de spam */ ?>
/* Setați variabile */ $nume = htmlspecialchars($_POST["nume"]); $email = htmlspecialchars($_POST["e-mail"]); $tel = htmlspecialchars($_POST["tel"]); $website = htmlspecialchars($_POST["site-ul"]); $message = htmlspecialchars($_POST[„mesaj”]); $bezspama = htmlspecialchars ($_POST [ "bezspama" ] ); /* Adresa și subiectul mesajului dvs. */ $sub = „Mesaj de pe site-ul XXX”; /* Format scris */ $mes = „Mesaj de pe site-ul XXX.\n Nume expeditor: $name Adresa de e-mail a expeditorului: $email Numărul de telefon al expeditorului: $tel Site-ul expeditorului: $website Mesaj text: $mesaj" ; dacă (gol ($bezspama) ) /* Evaluarea câmpului bezspama - trebuie să fie goală */ /* Trimite un mesaj folosind funcția mail() */ $de la = „De la: $name<$email>\r\n Răspuns la: $email \r\n"; dacă (e-mail ($adresă, $sub, $mes, $de la)) ( antet(); ecou"
Scrisoarea a fost trimisă, în 5 secunde veți reveni la pagina XXX " ; } altceva( antet ( „Actualizați: 5; URL=https://site”) ; ecou"
E-mailul nu a fost trimis, în 5 secunde veți fi returnat la pagina YYY " ; } Ieșire ; /* Ieșiți fără mesaj dacă câmpul bezspama este umplut cu roboți de spam */ |
În primul rând, trebuie să setăm variabilele care vor fi procesate de codul PHP. Pentru a nu ne confunda, le atribuim aceleași nume ca și în forma în sine, doar toate variabilele încep cu semnul $. Comanda de atribuire a valorii în sine arată astfel:
$title = htmlspecialchars($_POST["titlu"]);
$title=htmlspecialchars($_POST["titlu"]) ; |
Dacă ați adăugat câmpuri de date suplimentare, adăugați numele acestora în blocul de variabile.
Nu luăm toate variabilele din formular. Cel puțin, adresa de e-mail la care va fi trimisă scrisoarea (adresa dvs.) este indicată separat. În acest caz, aceasta este variabila $address - introduceți adresa dvs. de e-mail în valoarea acesteia.
De asemenea, în acest exemplu, valoarea variabilei $sub este setată în mod explicit - va afișa subiectul literei. Puteți adăuga subiectul mesajului în formularul HTML ca un câmp de text (cum ar fi numele) și să luați valoarea acestei variabile de acolo.
În blocul format scris, configurați mesajul pe care îl veți primi. Poate diferi de ceea ce a fost scris în câmpul de text numit mesaj. Pur și simplu am făcut o altă variabilă $mes și am inclus text suplimentar și date importante ale expeditorului (nume, e-mail, telefon, site web). Puteți configura această parte după cum doriți.
Pentru a ne asigura că scrisorile pe care le primiți sunt semnate cu numele expeditorului și includ adresa lor de retur și nu adresa serverului pe care se află fișierul dvs. php, am setat o nouă variabilă $from, care include numele și e-mailul expeditorului scrisorii.
Apoi funcția de e-mail trimite scrisoarea conform parametrilor specificați. Dacă este trimisă cu succes, apare un mesaj care afirmă că scrisoarea a fost trimisă, iar după 5 secunde utilizatorul este redirecționat către o pagină de pe site-ul dvs. (puteți modifica adresa paginii și timpul de întârziere). Dacă scrisoarea nu a putut fi trimisă, apare un mesaj că scrisoarea nu a fost trimisă și după 5 secunde merge pe pagina site-ului În același mod, puteți seta adresa și ora paginii.
Inserarea unui formular pe pagina unui site web
Pentru a insera formularul de feedback pe care l-ați creat, trebuie să copiați codul html al formularului și să-l inserați în partea din codul paginii în care doriți să afișați feedback pentru site.
Încă o dată aș dori să vă reamintesc că, dacă fișierul cu programul PHP nu se află în același folder cu pagina pe care se află codul html, atunci în codul formularului în sine trebuie să scrieți calea completă către acesta. , altfel nu va funcționa, deoarece formularul nu va găsi handler de fișiere.
Descărcați fișierele formularului de contact
Anti-spam activ cu introducerea datelor în câmp
Spammerii operează folosind diverse instrumente software, iar unii roboți sunt capabili să ocolească protecția câmpurilor goale care este încorporată în versiunea de bază. Dacă încep să te deranjeze, poți folosi protecția simplă în schimb sau suplimentar introducând date într-un câmp special. De exemplu, faceți o expresie matematică prin care vă cereți să introduceți un răspuns sau să puneți o întrebare simplă. Acest lucru nu va necesita schimbări majore de formă.
Vă voi arăta cum să schimbați codul formularului și handlerul PHP pentru a utiliza această metodă antispam. Dacă doriți, nu puteți modifica protecția cu un câmp gol, ci adăugați liniile corespunzătoare la cod și veți avea 2 metode care funcționează simultan - în teorie, ar trebui să fie mai eficient.
În primul rând, trebuie să adăugăm un câmp de intrare și o întrebare la codul HTML. Avem deja linia 25 (nume de intrare = „bezspama”) ca bază. Acest câmp este invizibil. Îl transformăm în obișnuit. Pentru a face acest lucru, schimbați întreaga linie în acest bloc:
|
În loc de expresia matematică 2+2*2, puteți introduce orice date - aceasta este o întrebare vizuală pentru utilizator. Am eliminat stilul display:none din câmpul de introducere și am adăugat completarea obligatorie.
Următorul pas este modificarea datelor din handler-ul PHP, astfel încât acesta să verifice nu dacă acest câmp este gol, ci corectitudinea datelor introduse. Am verificat în linia 25 cu expresia empty ($bezspama) . Schimbăm această expresie și vom verifica dacă câmpul completat este egal cu un număr prestabilit. În exemplul meu, expresia matematică este 6, deci întreaga linie va arăta astfel.
Formular de feedback pentru site, pe care vă voi arăta, se bazează pe utilizarea tehnologiei Ajax. Dar nu vă faceți griji, nu trebuie să știți acest lucru, totul este deja gata, tot ce trebuie să faceți este să instalați acest formular și să-l personalizați pentru dvs.!
Băieți, scenariul este depășit cu mult timp în urmă. Pentru unii funcționează, pentru alții nu. Și mi-e prea lene să-mi dau seama, darămite să-l actualizez. Așa că testați la propria discreție.
Formular de feedback PHP trimis prin e-mail
Acest formular de feedback pe site este foarte funcțional în sine, la el sunt conectate mai multe plugin-uri, care creează un aspect atractiv și verifică validitatea (corectitudinea citirii) datelor pe care le-ai introdus. Aceste pluginuri funcționează pe cei mari și puternici! Și se numesc așa:
1. JQTransform– un plugin care vă permite să faceți formularul nostru de feedback frumos!
2. formValidator– iar acest plugin verifică formularul de contact pentru corectitudinea informațiilor introduse și, dacă se întâmplă ceva, afișează tooltips!
Pentru funcționarea completă a acestui formular, va fi folosită clasa PHPMailer. Considerat unul dintre cei mai buni!
Notă pentru cei deștepți:
Formularul de feedback pentru site poate fi realizat in HTML! Dar va începe să funcționeze doar cu ajutorul PHP! Si nimic altceva!
Acesta sunt eu pentru cei care caută un formular de feedback doar în HTML. O vei face, dar nu va funcționa!
Prin urmare, al tău trebuie să accepte PHP, iar pentru acest formular de contact, PHP trebuie să fie cel puțin versiunea 5. Sper că vă explic? Mai mult, acum, orice gazduire normala suporta aceste conditii!
Am dezgropat acest formular de feedback pe site-ul www.tutorialzine.com, linkul duce direct la pagina originală, adică. site-ul autorului acestui formular!
Tot ce este acolo este în engleză, așa că Sasha și cu mine a trebuit să mânuim puțin să rusificăm acest formular de contact și pluginurile în sine care sunt conectate la el.
Sincer să fiu, ne-am jucat cu acest „formular” timp de două zile, deoarece au început să apară diverse erori și nu am vrut să postăm un formular de feedback care nu a fost complet completat, mai ales unul atât de frumos! Deci, dacă sunteți un fan să faceți totul singur și gândul vă apare în capul cel mai strălucitor - pentru a rusifica singur această formă, vă voi oferi câteva sfaturi, deoarece nu vă veți limita la a traduce expresii:
1. Acest formular de feedback este adaptat pentru burghezie și a fost descărcat de acolo, așa că vă va trimite krakozyabl în loc de caractere rusești normale. Înțelegeți codul. Și, în general, toate „sigiliile” vor fi asociate cu aceasta!
2. Scriptul de validare inițial nu înțelege scrisorile noastre, așa că vor trebui scrise acolo!
3. Chiar și după acești pași, dacă specificați subiectul scrisorii în rusă, scrisoarea ajunge cu subiectul - Fără subiect (sper că am scris-o corect), acest lucru se poate vindeca dacă specificați codificarea în fișierul clasei PHPMailer .
4. În forma originală, textul din câmpurile de introducere a fost apăsat în jos, și nu în mijloc. Aceasta este o eroare a pluginului JQTransform.
Ei bine, se pare că totul a fost scris și avertizat. Sa trecem peste!
Creați un formular de feedback
Crearea unui formular de feedback pe site
În procesul de promovare a site-ului web, împreună cu studiul statisticilor vizitatorilor, informațiile despre site de la vizitatori înșiși sunt de o importanță deosebită. Una dintre cele mai ușoare modalități de a obține astfel de informații este plasarea unei pagini pe site cu formular de feedback. Vizitatorul lasă un mesaj și acesta va fi trimis la adresa ta de e-mail sau la oricare alta pe care o specificați. În acest caz, vizitatorul nu trebuie să folosească propriul program de e-mail, nici măcar nu trebuie să aibă propriul e-mail.
Cel mai simplu exemplu al acestei forme este prezentat în Fig. 1. (Acesta este un eșantion complet funcțional și îl puteți folosi pentru a-mi trimite o scrisoare de mulțumire.)
Fig.1. Formular simplu de feedback
Pentru a plasa un astfel de formular de feedback pe un site web, aveți nevoie doar de informații de bază despre HTML și capacitatea de a opera două comenzi - CopieȘi Introduce. Să luăm în considerare succesiunea de acțiuni pentru a crea un formular de feedback (Fig. 1) pe pagina HTML a site-ului.
1. Verificați dacă planul dvs. de găzduire (oficiul în care este găzduit site-ul dvs.) acceptă PHP. Dacă nu, atunci cel mai probabil va trebui să plătiți suplimentar pentru a trece la un alt tarif care acceptă același PHP. Nu trebuie să căutați semnificația acestei abrevieri, deoarece nu aveți nevoie de cunoștințe de PHP.
2. Să selectăm pagina pe care dorim să plasăm formularul de feedback și să lipim următorul cod în locul potrivit:După cum puteți vedea, întregul formular este creat de etichetă cu atribute action=mail.php(indicarea paginii site-ului unde se află scriptul de prelucrare a datelor introduse) și metoda=post(metoda de trimitere a datelor către server). Liniile individuale create de etichetă cu atribute complet inteligibile. Locația elementelor individuale de formular, text, fonturi etc. îl puteți schimba în conformitate cu designul site-ului dvs. În etichetă sunt stabilite dimensiunile zonei de introducere a textului mesajului: numărul de rânduri și coloane (rows="3" cols="25").
3. Să creăm o pagină nouă mail.php, similar cu HTML obișnuit, dar cu extensie .php. Codul întregii pagini este prezentat în Fig. 2:
if (isset($_POST[„nume”])) ($nume = $_POST[„nume”];)
if (isset($_POST["email"])) ($email = $_POST["email"];)
if (isset($_POST[„mizerie”])) ($mess = $_POST[„mizerie”];)
$to = "pupkin@rambler.ru"; /*Introduceți adresa dvs. de e-mail*/
$headers = "Tip conținut: text/plain; set de caractere = windows-1251";
$subject = "Mesaj de pe site-ul dvs.";
$message = "Numele expeditorului: $nume \nAdresa de e-mail: $email \nMesaj: $mess";
$trimite = mail($la, $subiect, $mesaj, $anteturi);
dacă ($trimite == „adevărat”)
{
ecou" Vă mulțumim pentru mesajul trimis!
";
ecou" Clic a reveni la pagina principala";
}
altfel
{
ecou"
Eroare. Mesajul nu a fost trimis!";
}
?>
Fig.2. Codul paginii de procesare a formularului de feedback
Adresele linkurilor cărora trebuie să le acordați atenție sunt evidențiate cu roșu:
- pupkin@rambler.ru - înlocuiți adresa lui Pupkin cu adresa dvs. de e-mail, unde vor fi primite mesaje de la vizitatorii site-ului, precum și de la spammeri neobosite. Apropo, pentru a vă proteja împotriva lor, un așa-numit captcha este adesea introdus în formular. CAPTCHA- Test Turing public complet automat pentru a deosebi computerele și oamenii - un test Turing public complet automat pentru a deosebi computerele și oamenii). De obicei, acestea sunt numere și litere foarte distorsionate pe care vi se cere să le introduceți înainte de a trimite un mesaj. Vom vorbi despre captcha într-unul dintre articolele următoare.
Dacă doriți să trimiteți scrisori la mai multe adrese, enumerați-le pur și simplu separate prin virgule. - a href=index.html - adresa paginii principale (de pornire) a site-ului.
Pagina creată mail.php trebuie plasat în același director de site (director, folder) în care se află pagina cu formularul de feedback.
Verificați funcționalitatea formularului de feedback. Dacă totul este făcut cu atenție, atunci după completarea formularului și apăsarea Trimite un mesaj Ar trebui să apară următorul text: „ Vă mulțumim că ați trimis mesajul dvs. pentru a reveni la pagina principală„. După aceasta, veți găsi în căsuța dvs. poștală (sau în cealaltă pe care ați specificat-o la crearea formularului de feedback) propriul mesaj către persoana iubită.
Cometariu: pe unele site-uri de găzduire, noul formular de feedback (abia instalat pe site) nu începe să funcționeze imediat, iar primele litere nu ajung deloc sau ajung cu o întârziere de 1-2 zile. Probabil, există o „șlefuire a angrenajelor” și apoi totul funcționează bine. În plus, scrisorile de la unele site-uri de găzduire nu ajung la anumite adrese, de exemplu, am avut probleme cu căsuța poștală pe Rambler și Mail.ru. Pentru a rezolva aceste probleme, contactați găzduitorul - de obicei vă ajută.
Uneori, atunci când utilizați formularul de feedback descris, apar probleme cu codificarea. Dacă într-o scrisoare primită, în loc de alfabetul chirilic nativ, textul constă din „coduri nebunești” sau pătrate goale, atunci trebuie să selectați manual codificarea, ceea ce este desigur incomod. Pentru a preveni acest lucru, verificați dacă pagina dvs. cu formularul de feedback este codificată set de caractere=UTF-8. Dacă utilizați programul Adobe Dreamweaver, apoi pentru a face acest lucru trebuie să selectați secțiunea de meniu Editare - Proprietăți pagină - Codificare.
Problema cu codificarea fișierelor site-ului este discutată mai detaliat în articolul Probleme cu codificarea în formularul de feedback.
În exemplul descris, pentru simplitate, mesajul despre trimiterea unei scrisori este afișat pe pagină goală. Desigur, îl puteți plasa pe orice pagină a site-ului dvs., astfel încât vizitatorul să poată folosi navigarea (meniul) pentru a selecta actiunile urmatoare. Pentru a face acest lucru, plasați codul PHP (cel situat din<?php inainte de ?> ) în locația dorită de pe pagina de meniu și schimbați-i numele în mail.php.
Pe lângă postarea formularului de feedback în sine, este recomandabil să verificați dacă vizitatorul și-a completat corect câmpurile. Acest lucru trebuie făcut astfel încât să nu primiți scrisori goale și dvs Cutie poștală nu a fost înfundat cu gunoaie trimise de glumeți cărora le place doar să apese un buton Trimite un mesaj. Metodele de verificare a completării formularului de feedback și de protecție împotriva spamului sunt descrise în articolele „
Crearea formularelor este dificilă și necesită timp. În mod clar, aceasta nu este o activitate pe care ați dori să vă petreceți întreaga zi de lucru. Practic, formularele sunt folosite pentru a implementa feedback-ul pe site și pentru a genera clienți potențiali Pagina de destinație. Mai mult forme complexe folosit adesea pentru a crea chestionare, chestionare etc. Într-o situație în care sunt necesare multe câmpuri, configurarea scripturilor de server va dura mult timp prețios. Serviciile Saas vin în ajutor. Cu ajutorul lor, folosind constructorul încorporat, puteți crea cel mai scurt timp posibil formă de orice complexitate fără efort deosebit. Dacă nu căutați modalități ușoare, vă sugerez să utilizați scriptul pentru crearea formularelor, care a fost publicat anterior.
Mulți oameni doresc să creeze fiabile și convenabile formulare web rapid, și clar nu manual. Se pare că crearea de formulare folosind un designer special dezvoltat pentru această sarcină este mult mai ușoară și mai rapidă. Ei sunt capabili să creeze proiecte utile și bine concepute în câteva clicuri. Adevărat, unii dezvoltatori percep o taxă pentru utilizarea resursei lor, dar adesea merită. În plus, nu este atât de mare încât să-ți afecteze în mod deosebit bugetul. Am decis să vă economisim puțin timpul și am întocmit o listă de 13 dintre cei mai buni generatori de formulare online dotat cu un număr imens de funcţii.