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ă?

  1. Cod HTML introdus pe pagină + stiluri css.
  2. 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 sine
a atribuit clasa css class="form-zvonok" care este folosită pentru a seta afișarea formularului prin stiluri CSS.

Atributele formularului autocomplete="off" - completarea automată a formularului este dezactivată. Atributul formular este action="http://site.com/email.php" , contine adresa fisierului care este apelat si catre care sunt transferate datele formularului dupa apasarea butonului "trimite".

Atribut method="post" , în acest caz datele sunt trimise ascunse și nu sunt afișate în bara de adrese, o altă metodă Get trimite datele formularului prin bara de adrese. Având în vedere nevoia de optimizare SEO a site-ului, în cazul unui formular de feedback pentru site, este mai bine să trimiteți date folosind metoda Post, întrucât în ​​cazul metodei Get, site-ul va avea în esență multe pagini din este disponibil același tip, care diferă doar în câțiva parametri minori.

În interiorul acestui div, există div-uri care conțin etichetele Și , iar la final - Butonul Trimitere, atunci când se face clic, datele formularului sunt trimise.

Trimiterea de e-mail cu script php

Iată un script simplu pentru trimiterea unui e-mail

Pentru a trimite un e-mail către e-mailul necesar, înlocuiți valoarea variabilei $to [email protected] la adresa solicitată. Variabila $subject este subiectul mesajului, afișat de programele de e-mail la vizualizarea listelor de e-mail. $message - corpul mesajului în sine, acesta este mesajul în sine. $headers - antetul scrisorii, indică tipul scrisorii, de exemplu html, și codificarea scrisorii, de la cine a fost livrată scrisoarea și la ce e-mail să trimiteți răspunsul.

Proiectarea unui formular de apel invers pentru un site web CSS

Iată codul css pentru formularul de feedback al site-ului.

Obratnuj-zvonok( lățime: 100%; lățime maximă: 350px; ) .form-zvonok( lățime: 100%; afișare: flex; flex-direction: coloană; padding: 0 20px; box-sizing: border-box; ) .form-zvonok div( padding: 15px 0; ) .bot-send-mail( box-sizing: border-box; width: 100%; ) .form-zvonok label,.form-zvonok input( display: block; width : 100%; dimensiunea casetei: chenar-box; ) .form-zvonok label( margin-bottom: 5px; font-weight: bold; ) .form-zvonok input( padding: 10px 15px; margin-top: 10px; ) .form-zvonok etichetă span (culoare: roșu; ) .form-zvonok .bot-send-mail( padding: 15px; margin-top: 10px; fundal: niciunul; chenar: niciunul; text-transform: majuscule; culoare: # fff; greutate font: bold; culoare de fundal: #009b97; cursor: indicator; chenar: 3px #009b97 solid; chenar-rază: 5px; ) .form-zvonok .bot-send-mail:hover (culoare: #009b97 ; culoare de fundal: #fff; )

Faceți lățimea div-ului egală cu lățimea blocului părinte și limitați lățimea maximă la 350 px, dacă este mai lată, forma html pare întinsă:

Obratnuj-zvonok( lățime: 100%; lățime maximă: 350px; )

Pentru a aranja câmpurile și butonul de trimitere, le înfășurăm într-un div , setăm afișarea la flex și direcția de afișare ca coloană. Pentru frumusețe, adăugați liniuțe deasupra și dedesubt cu 20 px:

Form-zvonok( lățime: 100%; afișare: flex; direcție flexibilă: coloană; umplutură: 0 20px; dimensiunea casetei: chenar-box; )

Legenda și câmpul de introducere sunt împachetate într-un div:

Pentru acest div, să atribuim umpluturi:

Form-zvonok div( umplutură: 15px 0; )

Facem ca lățimea butonului de trimitere să fie egală cu lățimea blocului părinte și atribuim casetei de dimensiune a chenarului, astfel încât să nu depășească blocul părinte:

Bot-send-mail (dimensiunea casetei: chenar-box; lățime: 100%; )

În mod similar, pentru etichete și câmpuri de intrare:

Form-zvonok label,.form-zvonok input (afișare: bloc; lățime: 100%; dimensiunea casetei: chenar-box; )

Personalizăm aspectul frumos al semnăturilor și al câmpurilor de introducere:

Form-zvonok label( margin-bottom: 5px; font-weight: bold; ) .form-zvonok input( padding: 10px 15px; margin-top: 10px; )

Faceți asteriscul roșu:

Interval etichetă formular-apel (culoare: roșu; )

Efectuarea unui buton de trimitere:

Form-zvonok .bot-send-mail( padding: 15px; margin-top: 10px; fundal: niciunul; chenar: niciunul; text-transform: majuscule; culoare: #fff; font-weight: bold; fundal-culoare: # 009b97; cursor: indicator; chenar: 3px #009b97 solid; chenar-rază: 5px; )

Când treceți cu mouse-ul peste buton, setați schimbarea culorii:

Form-zvonok .bot-send-mail:hover(culoare: #009b97; culoare de fundal: #fff; )

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ă programul său de e-mail, nici măcar nu trebuie să aibă propriul e-mail.

Cel mai simplu exemplu de astfel de formă este prezentat în Figura 1. (Acesta este un eșantion perfect funcțional și îl puteți folosi pentru a-mi trimite o scrisoare de mulțumire.)

Fig.1. Formular simplu de feedback

Pentru a posta o astfel de formă de feedback pe site, aveți nevoie doar de cunoștințe elementare despre HTML și capacitatea de a opera cu două comenzi - CopieȘi Introduce. Luați în considerare secvența de acțiuni pentru crearea unui 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 puteți căuta sensul 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:
Numele dumneavoastră:




E-mailul dvs. (pentru răspuns):




Mesajul dvs:




După 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ă