Descărcați formularul de feedback completat. Formular de feedback în PHP cu trimitere pe e-mail. Formular de înregistrare pas cu pas folosind jQuery
Am lansat o nouă carte, „Marketing de conținut în rețelele sociale: cum să ajungi în fruntea abonaților și să-i faci să se îndrăgostească de marca ta”.
Formularul de feedback de pe site este un mecanism de comunicare între vizitatorul resursei și administratorii acesteia.
Mai multe videoclipuri pe canalul nostru - învață marketingul pe internet cu SEMANTICA
Pentru ce este feedback-ul?
- Răspunsuri la întrebările vizitatorilor.
- Întrebarea.
- Acceptarea comenzilor prin intermediul site-ului.
- Acceptarea cererilor de apel invers.
Două tipuri de comunicare cu vizitatorul
- Se trimite prin email. După completarea câmpurilor propuse, formularul este trimis la adresa de e-mail a administratorului site-ului. Orice comunicare ulterioară are loc prin schimbul de e-mailuri sau accesul la off-line (telefon, etc.).
- Trimiterea către sistemul de management al conținutului. După completare, administratorul site-ului vede solicitarea în lista de date completate din CMS și o poate procesa acolo. De exemplu, o carte de oaspeți sau un sistem de întrebări și răspunsuri poate fi implementat în acest fel. Cumpărarea de bunuri într-un magazin online funcționează în mod similar.
În viitor, nu vom lua în considerare în detaliu activitatea unui magazin online, deoarece acesta este un subiect pentru un articol separat, dar ne vom concentra pe feedback ca unul dintre tipurile de comunicare cu un vizitator al site-ului.
Pentru procesarea eficientă și rapidă a cererilor, se recomandă combinarea ambelor tipuri de depunere.
Cum să faci un formular de feedback pe site
Dezvoltarea necesită cunoștințe de php, html și javascript. Există diverși constructori pe CMS care vă permit să faceți un serviciu de feedback, puteți utiliza și servicii pe Internet. Cu toate acestea, prima metodă este de preferat. Ca administrator de site, trebuie să știi exact ce mecanisme sunt folosite pentru a trimite mesaje.
Mecanismul de trimitere a unei întrebări la e-mail funcționează prin serverul de e-mail instalat pe găzduire. Dacă nu primiți e-mailuri, poate fi necesar să vă revizuiți setările serverului web sau să verificați căsuța poștală pentru prezența în lista de spam.
Structura
Pagina de feedback poate consta din mai multe câmpuri pe care vizitatorul este rugat să le completeze. Câmpurile marcate cu asterisc sunt obligatorii. Dacă o persoană încearcă să trimită formularul fără a completa câmpurile marcate cu un asterisc, primește un mesaj că formularul nu poate fi trimis.
De regulă, următoarele câmpuri sunt obligatorii: nume complet, număr de telefon, e-mail, întrebarea dvs. Cea mai simplă pagină de comunicare ar trebui să conțină aceste câmpuri.
Pe lângă câmpurile de text, o pagină poate conține elemente selectate.
Exemplu de serviciu de apel invers
Puteți oferi posibilitatea de a atașa documente de diferite formate. Pentru o muncă eficientă, specificați formatele și greutatea fișierelor pe care vizitatorul le poate atașa la mesaj.
Un exemplu de formular de feedback complicat pentru o comandă
Ultimul câmp ar trebui să fie captcha - un cod de securitate care este generat de fiecare dată când pagina este actualizată, care servește la prevenirea spam-ului. Dacă nu instalați un captcha, vă veți sătura în curând să curățați baza de date a site-ului și căsuța poștală de mesajele spam trimise de diverși roboți. În prezent, roboții pot recunoaște codurile, așa că instalați captch-uri puternice și actualizați periodic scriptul generator.
Unde să postezi
Există de obicei două tipuri de plasare a formularelor:
- Pe o pagină separată în cazul în care formularul conține multe câmpuri.
- Pe pagina „Contact” sub rubrica „Scrie-ne”.
Nu este recomandat să plasați formularul în sine pe pagina principală și cu atât mai mult - să îl duplicați într-un mod direct pe toate paginile site-ului. Excepție este serviciul de apel invers, care poate fi atribuit celor de mai sus doar prin metoda de comunicare. Forma în . Excepția este aterizarea, al cărei scop este de a menține atenția vizitatorului și de a o aduce la sfârșitul paginii.
Reguli de bune maniere
După ce a completat câmpurile și a trimis mesajul, vizitatorul ar trebui să primească pe ecran un răspuns de genul „Mulțumesc pentru întrebare. Vă vom răspunde în termen de 1 oră.” Dacă un vizitator nu primește un răspuns în timpul stabilit, loialitatea lui față de tine va scădea. Faptul de a ignora este foarte neplăcut și sugerează că site-ul nu își prețuiește clienții. Feedback-ul ar trebui să funcționeze, nu să colecteze greutăți moarte din întrebările fără răspuns ale vizitatorilor.
Comunicarea prin formulare este cea mai rapidă metodă de comunicare cu clienții, ceea ce face posibilă pregătirea de răspunsuri detaliate și colectarea unei baze de date unice de adrese de e-mail și numere de telefon. Vă rugăm să rețineți că nu este posibil să utilizați această bază de date pentru trimiterea prin corespondență în masă sau să o transferați către o terță parte. Conform statisticilor, oferta ta va funcționa dacă o persoană caută în prezent exact serviciul sau produsul tău. Dacă un potențial client te-a contactat deja, stă în puterea ta să-i oferi exact ceea ce îl interesează acum.
Știți că până la 80% dintre utilizatori părăsesc site-ul dvs. fără a completa o aplicație, deoarece formularul de feedback de pe site-ul dvs. este departe de a fi ideal? Sau ești sigur că formularul tău de aplicare este perfect și are conversia maximă?
Din ce în ce mai mult, noii noștri clienți care ne contactează studioul, atunci când discută despre crearea și promovarea site-ului, se întreabă despre conversie. Aceasta este o întrebare absolut corectă când vine vorba de marketing pe Internet, pentru că dacă site-ul nu aduce clienți, atunci nu are rost să investești timp și bani în el. În blogul de astăzi, vom vorbi despre unul dintre factorii care afectează foarte mult numărul de clienți de pe site-ul companiei. Acest factor sunt formele de feedback sau, așa cum sunt numite și „forme de captură”. Care este forma ideală de feedback.
Remarcăm imediat că, în funcție de segmentul de afaceri, acest formular poate diferi, deoarece fiecare afacere are propriile sarcini, propriile formate de interacțiune cu clienții. Este formularul care „comună” cu clientul în timp ce managerul dumneavoastră sună alte persoane de contact și așteaptă noi aplicații.
Formularul de feedback de pe site este important. Îl conduci pe cumpărător să facă o achiziție sau să comande un serviciu discret și discret. Folosiți tot ce puteți, de la o interfață ușor de utilizat până la condiții excelente de vânzare. Dar când clientul ajunge la formularul de comandă, pleacă. Toată munca este la canalizare. Este puțin probabil să se mai întoarcă la tine vreodată. Acest lucru poate fi evitat prin simpla schimbare a formularului de feedback.
Pentru ce este formularul de feedback?
Nu numai pentru efectuarea unei comenzi/achizitii. Folosind formularul de feedback, aflați de la utilizatori ce le place/nu le place, care sunt „jamburile” în activitatea companiei și chiar primiți sfaturi gata făcute cu privire la modul de îmbunătățire. Conversația cu utilizatorii este:
a) cresterea loialitatii fata de compania ta;
b) capacitatea de a răspunde rapid la o solicitare, de a reduce negativul și de a păstra clientul;
c) posibilitatea de a îmbunătăți produsul sau serviciul;
d) o modalitate de a crește vânzările.
Principala greșeală pe care o fac proprietarii de site-uri fără experiență este un formular de feedback supraîncărcat. Utilizatorii sunt descurajați de setul mare de câmpuri care trebuie completate pentru a face o cerere către compania dumneavoastră. Ei nu vor să ofere informații inutile despre ei înșiși, chiar dacă le promiteți confidențialitate. Am adunat pentru tine câteva reguli pentru proiectarea formei ideale.
Regula numărul 1. Păstrați formularul cât mai simplu posibil
Pe care dintre aceste formulare ați prefera să completați?
Sau așa
Lăsați doar cele mai importante câmpuri. Vizitatorilor celor mai multe site-uri nu le place să completeze un număr mare de câmpuri
Dacă se respectă regula de simplificare a formei, atunci ar trebui să ne așteptăm la o creștere a conversiei cu 30-60%.
Sfat. Eliminați toate cele inutile, lăsați 2-3 câmpuri sau chiar 1. De obicei, acesta este „Nume”, „număr de telefon sau e-mail”. Dacă aveți un magazin online și faceți un formular de comandă, atunci vor fi puțin mai multe câmpuri: „Nume”, „Număr de telefon sau e-mail”, „Opțiune de livrare”, „Cantitate de mărfuri”, „Adresă” . Vedeți în ce scopuri faceți un formular de feedback și simplificați-l cât mai mult posibil.
Regula numărul 2. Formularul trebuie să fie vizibil
Feedback-ul sau formularul de cerere de pe site trebuie să fie vizibil, altfel vizitatorul poate pur și simplu să nu îl observe și să nu îl completeze. Puteți chiar să plasați un fel de element animat care vă va permite să vă concentrați în continuare.
Regula numărul 3. „câmpuri obligatorii” minime
Un câmp obligatoriu - telefon
De multe ori pe site-urile companiilor se poate observa nu doar un formular supraîncărcat cu câmpuri suplimentare, ci și obligația de a completa aceste câmpuri. Mențiunea „câmp obligatoriu” este prezentă pe 99% dintre site-uri. Doriți să creșteți conversia? Eliminați completarea obligatorie a tuturor câmpurilor, cu excepția numărului de telefon. Dacă o persoană dorește, el însuși va completa câmpurile pe care le consideră necesare, dar câmpul principal este numărul de telefon, care vă va permite să sunați înapoi clientul și să clarificați toate restul informațiilor. Principalul lucru este să nu uitați să scrieți scripturile potrivite pentru manageri.
În ce cazuri se încadrează conversia din formulare:
- Scădere de 3% a conversiilor dacă solicitați un câmp de vârstă
- Căderea în conversii 10% dacă trebuie să vă introduceți numele complet
- Căderea în conversii 2% dacă sunteți interesat în ce localitate locuiește vizitatorul
- Căderea în conversii 4% dacă trebuie să completați adresa de reședință
Dacă câmpurile despre livrare, adresă și numele complet sunt prezente în magazinul online, atunci utilizatorul, desigur, le completează și acest lucru nu afectează conversia. Dar dacă doriți ca el să completeze datele pentru a vă trimite o cerere, atunci conversia va scădea cu siguranță.
Regula numărul 4. Link-uri în formular (condiții de contact)
Dacă trebuie să trimiteți un vizitator să citească termenii de contact, procesarea cererilor, comenzilor etc., atunci faceți aceste linkuri direct în blocul de formulare. Când faceți clic pe un astfel de link, este mai bine să afișați o fereastră pop-up cu informații ușor de închis și să continuați la completarea formularului.
Un exemplu de astfel de formă:
Încercați să minimizați cantitatea de text și condiții din formular, deoarece utilizatorului îi va fi prea lene să recitească totul și pur și simplu va închide formularul fără a vă trimite datele sale. De asemenea, erori în acest formular - prea multe câmpuri obligatorii.
Regula numărul 5. Consimțământ pentru prelucrarea datelor
Chiar dacă datele din formular pot fi completate incorect și nu sunt date personale, această casetă de selectare trebuie bifată. Au existat deja reclamanți în instanță, potrivit cărora pârâții trebuiau să plătească o amendă pentru nerespectarea acestei cerințe a Legislației.
Regula numărul 6. Listele derulante nu ar trebui să fie
Dacă formularul dvs. este un calculator, atunci lista verticală este acceptabilă. Dar dacă forțați o persoană să aleagă la ce departament al companiei dvs. dorește să aplice, atunci acest lucru va reduce conversia, deoarece utilizatorii vor să completeze formularul rapid, fără să se gândească la informații inutile.
Regula numărul 7. Eliminați captcha din formular
Introducerea unui captcha poate reduce conversiile cu până la 40%. Acest lucru se datorează faptului că adesea captcha-ul nu este citit deloc, sau atunci când introduceți date, raportează introducerea incorectă a caracterelor. Dacă captcha mai devreme era justificat de faptul că fără el ar putea veni o mulțime de spam, acum există tehnologii care protejează formularul de introducerea datelor de către roboții spam fără a introduce captcha.
În studioul artcell, folosim tocmai o astfel de tehnologie. După cum puteți vedea, nu există captchas în formularele noastre și nu primim SPAM.
Regula numărul 8. Notificare automată că formularul a fost trimis
După ce formularul este completat și trimis, trebuie să apară un mesaj care să arate că datele au fost trimise și managerul vă va suna cât mai curând posibil. Dacă nu există o astfel de notificare, atunci utilizatorul nu înțelege dacă datele au fost trimise sau nu, dacă să aștepte sau nu un apel de la companie. Această notificare vă va scuti de duplicarea aplicațiilor de la același utilizator.
Regula numărul 9. Notificare prin SMS
Trimiteți o notificare automată la numărul vizitatorului dacă formularul dvs. avea un câmp pentru introducerea unui număr de telefon. Acest lucru vă va permite să vă personalizați mesajul, iar utilizatorului i se va reaminti din nou numele companiei dumneavoastră.
Deci, care este forma ideală de feedback?
Evidențiat într-un cadru sau culoare, ceea ce îi permite să fie mai vizibil pe fundalul restului informațiilor de pe site
Câmpuri minime de completat
Unul sau două câmpuri obligatorii
Câmpuri drop-down lipsesc
Prezența unei casete de selectare pentru consimțământul la prelucrarea datelor primite
Prezența legăturilor și a condițiilor suplimentare imediat în formă, fără tranziții inutile către alte pagini ale site-ului
Fără captcha
Aveți un formular de cerere ideal, dar încă puțini clienți? Citiți acest blog în revista noastră și veți găsi răspunsul la întrebarea dvs. Dacă site-ul dvs. este slab promovat în motoarele de căutare, atunci aceste informații vă vor fi utile.
Dacă nu puteți face formularul de contact ideal și doriți să apelați la profesioniști pentru ajutor, atunci completați aplicația de mai jos și managerul nostru vă va suna cât mai curând posibil.
Luați în considerare un exemplu de formular de feedback ușor și rapid pentru un site web scris în html și php.
De ce este forma în html și php?
Pentru CRM, cum ar fi Wordpress, Joomla și altele, puteți găsi diverse plugin-uri pentru a instala un formular de feedback pentru site. Totuși, ceea ce nu îmi place la astfel de plugin-uri este performanța lor slabă și încetinirea site-ului. Deoarece aceste plugin-uri produc în continuare același cod html, sugerez să utilizați un formular simplu, dar complet funcțional, care poate fi modificat și pentru un apel invers de pe site.
Formularul de contact html este pur și simplu inserat în panoul de administrare Joomla, OpenCart, iar dacă site-ul tău este auto-scris sau folosești orice cadru, atunci folosirea codului prezentat nu va fi dificilă și, cel mai important, site-ul se va încărca la fel de repede. înainte de introducerea codului.
Structura, modul în care este organizat feedback-ul pentru site
Pentru ca totul să funcționeze, voi da structura, ce este necesar pentru forma de comunicare sau de apel la muncă?
- Cod HTML introdus pe pagină + stiluri css.
- php care trimite e-mailul.
Codul html conține informații despre câmpurile de intrare care trebuie afișate și etichete pentru acestea. Stilurile CSS sunt responsabile pentru designul vizual al formularului în sine și pentru afișarea datelor. Când faceți clic pe butonul de trimitere, este apelat un fișier php, care trimite un e-mail către e-mailul specificat. Să aruncăm o privire mai atentă la codul sursă al formularului de mai jos.
Cod formularul de feedback în html
În primul rând, dăm codul complet pentru formularul de feedback pentru site în HTML.
Formularul în sine este între etichetele html
. Eticheta de formular în sineDupă cum puteți vedea, întregul formular este creat de etichetă cu atribute action=mail.php(arătând spre pagina site-ului unde se află scriptul de prelucrare a datelor introduse) și metoda=post(metoda de trimitere a datelor către server). Linii separate create de etichetă cu atribute bine definite. Locația elementelor individuale de formular, text, fonturi etc. Puteți schimba în funcție de designul site-ului dvs. În etichetă se stabilește dimensiunea 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 extensia .php. Codul întregii pagini este prezentat în Figura 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=utf-8";
$subject = "Postează de pe site-ul tău";
$message = "Nume expeditor: $nume \nE-mail: $email \nMesaj: $mess";
$trimite = mail($la, $subiect, $mesaj, $anteturi);
dacă ($trimite == „adevărat”)
{
ecou" Vă mulțumim pentru mesajul trimis!
";
ecou" clic, pentru a reveni la pagina principală”;
}
altfel
{
ecou"
Eroare. Mesajul nu a fost trimis!";
}
?>
Fig.2. Codul paginii de procesare a formularului de feedback
Linkurile la care trebuie să 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 și de la spammeri neobosite. Apropo, pentru a proteja împotriva lor, așa-numita captcha este adesea introdusă în formular (ing. CAPTCHA- Test Turing public complet automat pentru a distinge computerele și oamenii - un test Turing public complet automat pentru a face distincția între computere și oameni). De obicei, acestea sunt numere și litere puternic distorsionate, care sunt solicitate să fie introduse înainte de a trimite un mesaj. Despre captcha vom vorbi î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 făcând clic 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ă aceea, vei găsi în căsuța ta poștală (sau în cealaltă pe care ai indicat-o la crearea formularului de feedback) propriul tău mesaj către persoana iubită.
Cometariu: pe unele gazduiri, un nou formular de feedback (abia instalat pe site) nu incepe sa functioneze imediat, iar primele litere nu ajung deloc sau ajung cu o intarziere de 1-2 zile. Probabil, există o „plăcuire a vitezelor”, apoi totul funcționează bine. În plus, scrisorile de la anumite gazde nu ajung la anumite adrese, de exemplu, am avut probleme cu o cutie poștală pe Rambler și Mail.ru. Pentru a rezolva aceste probleme, contactați gazda - de obicei vă ajută.
Uneori, atunci când utilizați formularul de feedback descris, există probleme cu codificarea. Dacă într-o scrisoare primită, în locul chirilicului nativ, textul este format din pătrate „nebunești” sau goale, atunci trebuie să selectați manual codificarea, ceea ce desigur este incomod. Pentru a preveni acest lucru, verificați dacă pagina formularului dvs. de contact este codificată set de caractere=utf-8. Dacă utilizați programul Adobe Dreamweaver, apoi pentru aceasta trebuie să selectați elementul de meniu Editare - Proprietăți pagină - Codificare.
Pentru mai multe detalii despre problema cu codificarea fișierelor site-ului, consultați articolul Probleme cu codificarea din formularul de feedback.
În exemplul descris, pentru simplitate, mesajul despre trimiterea scrisorii este afișat pe o pagină goală. Desigur, îl puteți plasa pe orice pagină a site-ului dvs., astfel încât vizitatorul să poată utiliza navigarea (meniul) pentru a selecta acțiuni suplimentare. Pentru a face acest lucru, plasați codul PHP (ceea ce se află din<?php inainte de ?> ) în locul potrivit în pagina cu meniul și schimbați-i numele în mail.php.
Pe lângă plasarea formularului de feedback în sine, este recomandabil să verificați corectitudinea completării câmpurilor acestuia de către vizitator. Acest lucru este necesar pentru a nu primi scrisori goale și cutia poștală să nu fie înfundată cu gunoaie trimise de farsori cărora le place să apese doar un buton. Trimite un mesaj. Metodele de verificare a completării formularului de feedback și de protecție împotriva spamului sunt descrise în articolele „
1. Plugin pentru crearea formularelor online „jFormer”
Crearea formularelor de contact: feedback, comentarii, formular de autentificare, formular de înregistrare cu verificarea corectitudinii informațiilor introduse.
2. Formular de înregistrare pas cu pas folosind jQuery
Formă îngrijită cu umplutură pas cu pas. Mai jos este un indicator al completării formularului.
3. Formular pas cu pas
Completarea formularului în mai mulți pași cu verificarea corectitudinii completării.
4. Formular de contact pentru site
Verificarea corectitudinii informațiilor de intrare se efectuează „din mers” înainte de a trimite un mesaj folosind javascript.
5. Comutare animată între formulare pe 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. Pop-up Formular de contact PHP
O astfel de soluție poate fi folosită pentru a oferi vizitatorului 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.
7. Formular de înregistrare PHP folosind jQuery și CSS3
Formular cu validarea informațiilor introduse.
8. Formular de înregistrare PHP stil Facebook
Formular de înregistrare frumos implementat cu CSS, PHP și jQuery.
9. Formular de contact jQuery „SheepIt”.
S-a implementat capacitatea de a adăuga câmpuri noi înainte de a trimite un mesaj.
10. Formular de contact AJAX de lux
Formular frumos de feedback PHP cu validarea informațiilor introduse. Tehnologii: CSS, PHP, jQuery.
11. Sistem de autorizare/înregistrare pe site
12. Formular de depunere
Cu verificarea corectitudinii umplerii.
13. Pluginul jQuery „Contactabil”.
Pentru a implementa un formular de feedback de ieșire pentru a trimite rapid un mesaj.