Un formular de comandă ideal pentru un magazin online. Formular de feedback. Cod sursă pentru apelarea formularului și handler-ului
În prezent, puteți găsi un formular pe fiecare site web părere, fie că este un site comercial sau informativ. Din păcate, majoritatea proprietarilor de site-uri web fac formularele incomod pentru a le completa sau afișa prea intruziv, stricând impresia companiei în ansamblu. Să ne dăm seama unde și cum să solicităm corect datele utilizatorului pentru a facilita interacțiunea cu site-ul.
Principalele tipuri de formulare pentru siteSă ne uităm la caracteristicile fiecărui tip, astfel încât să le poți alege pe cele care se potrivesc site-ului tău sau să folosești lista ca o listă de verificare pentru a nu uita să le plasezi pe toate.
Vă recomandăm ca toate site-urile comerciale să utilizeze acest formular. Locația ideală este antetul site-ului, lângă numărul de telefon. Mai mult, nu ar trebui să afișați imediat câmpurile de introducere; este mai bine să le ascundeți sub butonul „Comandați un apel” și să le afișați după clic. Nu este necesar să faceți butonul luminos; sub forma unui link, va fi la fel de clar vizibil:
În versiunea extinsă, două câmpuri „Telefon” și „Nume” sunt suficiente și este necesar să fie completat doar primul:
Puteți lăsa un singur câmp pentru introducerea unui număr de telefon, care este, de asemenea, o opțiune complet funcțională, deși mai întâi va trebui să cereți numele fiecărui client atunci când suni:
De asemenea, un formular de apel invers este util în subsolul site-ului; plasați-l lângă informațiile de contact. În acest fel, după vizualizarea paginii, clienții nu vor trebui să se întoarcă la început.
„Formular de salvare” pentru acei utilizatori ai site-ului dvs. care nu au putut găsi informatie necesara pe pagină, dar doriți să plasați o comandă. Este mai bine să îl plasați într-una dintre cele două opțiuni: fie restrâns în colțul din dreapta jos al ecranului, fie extins - în partea de jos a paginii de pornire și în paginile catalogului de produse sau servicii.
Prima opțiune de plasare (exemplu de pe site-ul web Tango and Cash):
A doua opțiune de plasare (exemplu de pe site-ul web Okna-dpa):
Acest formular este adesea înlocuit de un consultant online, ceea ce este practic același lucru, dar trebuie să înțelegi că vei avea nevoie de un angajat care să-l susțină.
Acest formular trebuie plasat și pe pagina de contact. Asigurați-vă că adăugați un câmp de comentarii, astfel încât utilizatorii să vă poată spune despre ce problemă contactează compania.
Formular de feedback pe pagina de contact YouDesign:
Evident, formularul trebuie plasat pe pagina de serviciu, de preferință la sfârșitul paginii, după o descriere a lucrării, rezultate și prețuri, pentru a îndruma utilizatorul să completeze o cerere după citirea informațiilor. Puteți afișa imediat câmpurile de formular, le puteți extinde după ce faceți clic pe un buton sau le puteți redirecționa către Zona personală la pagina corespunzătoare.
Adesea, paginile de servicii includ un formular pentru comandarea unui apel invers sau consultație, care nu este în întregime corect. Clientul a selectat deja o pagină de serviciu, poate chiar un tarif și i se arată un formular general fără informații selectate. Este dezorientator. Vă recomandăm să specificați următoarele câmpuri:
- „Tip de serviciu” sau „Tarif” - este mai bine să completați acest câmp automat sau să îl plasați ca text la începutul formularului
- "Nume"
- „Telefon” - faceți acest câmp obligatoriu
- „E-mail” - pentru a duplica informațiile despre comandă către client
- „Comentariu” - poate clientul are clarificări
Fiecare afacere este diferită și este posibil să aveți nevoie Opțiuni suplimentare, dar vă recomandăm să plasați nu mai mult de 5-7 câmpuri pentru a nu înstrăina clientul. Dacă până la urmă cantitate mare câmpurile nu pot fi evitate, apoi grupați-le vizual pe subiecte pentru a reduce numărul de erori la introducerea informațiilor. Un exemplu de formular de comandă simplu pe site-ul companiei Stroya:
Este mai bine să arătați acest formular utilizatorului pe pagina coșului de cumpărături atunci când acesta s-a hotărât asupra alegerii produselor. Dacă aveți un cont personal pe site-ul dvs., va trebui să elaborați două formulare: pentru utilizatori autorizați și neautorizați.
Pentru clienți noi. Nu-i forțați să se înregistreze pentru a reveni la comandă. Acest lucru nu va face decât să-i alunge. Tot ce trebuie să faceți este să adăugați câteva câmpuri cu informații de contact. Solicitați nume, număr de telefon, e-mail și adresa de livrare. În acest fel, utilizatorul nu va trebui să efectueze acțiuni inutile și veți obține un nou client. O poți face prin e-mail înregistrare automatăși trimiteți clientului o parolă prin e-mail.
Un exemplu de plasare a câmpurilor într-un formular pentru utilizatori noi pe Ozon:
Pentru clienții vechi. Cei care comandă din nou au furnizat deja toate informațiile de contact, așa că, pe lângă lista de mărfuri, formularul ar trebui să conțină doar opțiuni pentru selectarea livrării și a plății. Și dacă folosești coduri promoționale, atunci adaugă un câmp pentru introducerea lor, dar nimic mai mult. Nu este nevoie să cereți din nou contactele clienților.
Un formular de comandă pentru Wildberries, care afișează chiar alegerea anterioară a modului de livrare și plată (dar lasă opțiunea de a le schimba):
Mulți oameni au împărțit introducerea adresei de livrare în mai multe câmpuri, solicitând separat codul poștal, numele orașului, numele străzii, numărul casei etc., ceea ce pare foarte greoi. Anti-exemplu de pe site-ul Angorochka:
Utilizatorii greșesc chiar și în astfel de forme, așa că este mai bine să lăsați un câmp de introducere a adresei generale și să verificați corectitudinea datelor cu clienții noi prin telefon.
Câmpurile obligatorii pentru intrare ar trebui să fie informații de contact, adresa de livrare, alegerea metodei de livrare și plata. Formularul poate fi afișat în etape, dar nu este interzisă afișarea tuturor câmpurilor deodată. Principalul lucru este să le împărțiți vizual în grupuri semantice.
Vă recomandăm să îl separați de formularul de autorizare, deoarece mulți clienți noi sunt confuzi de butonul „Autentificare”. Două legături una lângă alta nu vor ocupa mult spațiu și vor reduce timpul de căutare. De asemenea, formularul ar trebui să fie întotdeauna vizibil, așa că este mai bine să îl plasați în antetul site-ului. Cea mai comună opțiune este în colțul din dreapta sus ca link (exemplu de la Aqua-Viva):
În general, formularul trebuie să conțină aceleași câmpuri ca și formularul de comandă (și câmpuri obligatorii pentru intrare sunt aceleași), așa că vă sfătuim să nu îl supraîncărcați cu elemente inutile și să creați un câmp comun pentru adresă. Amintiți-vă că înregistrarea este acțiuni suplimentare pentru client, așa că nu-l amâna cu o listă lungă. Puteți cere o dată de naștere pentru a trimite felicitări și reduceri, dar forțați clientul să vină cu o poreclă sau să indice Telefon suplimentar sau adresa este redundantă.
Este o practică excelentă să le oferi clienților să se înregistreze prin rețelele sociale. În acest fel, clientul nu va trebui să vină cu o parolă și, în general, va avea loc înregistrarea Mai repede. Un exemplu de utilizare a acestei funcții pe site-ul web Asos:
Acest magazin online este străin, așa că sunt afișate rețelele sociale populare din acele țări.Pentru publicul vorbitor de limbă rusă, este mai bine să eliminați Twitter și să adăugați butoane pentru VKontakte, Odnoklassniki.
Un cont personal este cel mai potrivit pentru magazinele online pentru a stoca informațiile de contact ale clienților, istoricul comenzilor, informații despre reduceri și bonusuri. Potrivit și pentru serviciile de abonament, de exemplu, dacă oferiți acces pentru a viziona filme în original.
În același timp, dacă vindeți mărfuri industriale, când fiecare comandă este însoțită de un apel de la un specialist, atunci nu are rost nici un coș de cumpărături, nici un formular de înregistrare. Site-urile web care oferă servicii, de exemplu, proiectarea sau renovarea apartamentelor, de asemenea, cel mai adesea nu au nevoie de un cont personal.
Recuperarea parolei se face cel mai frecvent prin e-mail, trimițând clientului un link către un formular pentru introducerea unei noi parole. Generarea unei parole „temporane” automate obligă utilizatorul să caute el însuși o formă de schimbare a parolei, ceea ce este incomod și este doar bătăi de cap inutile pentru client. Este mai bine să nu permiteți acest lucru să se întâmple.
Am scris deja de mai multe ori despre beneficiile marketingului prin e-mail și am dat sfaturi cu privire la dezvoltarea acestuia, de exemplu, în acest articol și a doua parte a acestuia cel mai mult informatii detaliate. Prin urmare, formularul de abonare este un must-have dacă doriți să îl utilizați acest canal atragerea clientilor.
Formularul trebuie plasat pe pagina de pornire, astfel încât utilizatorul să poată vedea imediat că există o astfel de oportunitate. Este mai bine după toate informațiile de bază, în partea de jos a paginii (exemplu de la Lavkalavka):
Dacă site-ul are un blog, iar în scrisori, pe lângă bunuri și servicii, anunțați articole noi, atunci puteți adăuga un formular la pagina generală secțiunea, de exemplu, în dreapta articolelor, așa cum a făcut Vkusnosti de Mado:
Formularul de abonare, desigur, are nevoie de un câmp „E-mail” și, de asemenea, puteți cere un nume pentru a personaliza e-mailurile.
Acum că am decis ce formulare trebuie plasate și unde pe site, să ne dăm seama cum să le facem mai ușor de completat.
O opțiune convenabilă pentru aranjarea semnăturilor și sfaturi (pe site-ul web Xarakiri.ru):
Fiecare formular trebuie abordat individual, deci este imposibil să descrii toate cazurile într-un singur articol. Principiul principal, care trebuie urmat - un minim de câmpuri. Este mai bine să sunați pe client și să clarificați verbal detaliile decât să-l forțați să completeze formulare lungi. Poate că clientul are câteva întrebări suplimentare, apoi cu un apel vei rezolva două probleme.
Sperăm că recomandările noastre vă vor ajuta să creați formulare convenabile pe site-ul dvs. și să colectați mai multe comenzi. Pentru cei care doresc o analiză personală a gradului de utilizare a formularelor, recomandăm utilizarea acestui serviciu.
P.S. Dacă aveți nevoie de informații despre cum să creați formulare (partea tehnică a problemei), aveți nevoie de recomandări privind codul, constructori convenabil etc., apoi scrieți întrebări în comentarii și vom face un articol separat pe acest subiect.
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 de încredere și web convenabil se formează 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ă economisim puțin timp și am întocmit o listă cu cele mai bune 13 constructor online ov forme dotate cu un număr imens de funcţii.
Bună ziua, pe fiecare site ar trebui să fie prezent un formular de feedback. Astăzi voi arăta un exemplu formă gata făcută pentru inserarea în orice site web, inclusiv în motorul WordPress. Gata exemplu htmlȘi cod phpÎl poți copia pe site-ul tău web. Pe lângă exemplul gata făcut, există multe plugin-uri care sunt, de asemenea, foarte populare. Pe multe site-uri, un astfel de formular este deja încorporat în temă, dar uneori este necesar să adăugați altul pe o altă pagină sau să îl înlocuiți pe cel vechi.
Înainte de a începe să scriu acest articol, am navigat pe internet în căutarea unui răspuns la această întrebare. După ce am reconsiderat mai multa cantitate site-uri web și bloguri, am găsit foarte puține răspunsuri de calitate la inserarea unui formular de feedback pe un site web. Majoritatea materialelor sunt scrise despre lucrul cu pluginuri. În unele articole nu este complet clar ce și cum se face, codul nu funcționează, nu ajung scrisorile... și așa mai departe.
Există, desigur, răspunsuri demne, dar sunt foarte puține. Îți voi da un exemplu simplu care nu necesită multă inteligență. Nu sunt necesare cunoștințe speciale în PHP sau, mai degrabă, nu sunt necesare deloc. Voi scrie în detaliu ce și unde trebuie schimbat atunci când este necesar. Forma funcționează bine, fără probleme. Un exemplu de formular este pe site-ul meu. ÎN exemplu gata făcut Am adăugat câteva stiluri pentru frumusețe, astfel încât forma să nu arate deloc „săracă”. Dacă doriți, puteți schimba totul la discreția dvs.
Formular de feedback gata făcut pentru un site web în htmlÎN în acest exemplu, formularul de feedback pentru site este format din cod html. Puteți introduce acest exemplu de cod html în absolut orice pagină a site-ului, indiferent unde sau ce folosiți. Același cod poate fi introdus în pagină motor wordpress, totul va funcționa corect și fără erori.
Nume Email: Subiect Textul dvs.:
< form action = "/wp-content/themes/xmarkup/form.php" method = "post" name = "form" >Nume< input class = "inp" style = "width: 30%;" name = "name" type = "text" / > E-mail:< input class = "inp" style = "width: 30%;" name = "email" type = "text" / > Subiectul mesajului< input class = "inp" style = "width: 30%;" name = "temma" type = "text" / > Textul tau: < textarea class = "inp" style = "width: 80%;" cols = "1" name = "massage" rows = "5" > < / textarea > < input class = "inp" type = "submit" value = "Trimite" / > < / form > |
Chiar la începutul codului, în prima linie, trebuie să indicați calea către fișier php form.php (mai multe despre asta puțin mai târziu). Nu este nevoie să schimbi nimic altceva. Dacă nu sunteți mulțumit de numele formularului și câmpurile acestuia, puteți oricând să adăugați altele noi sau să le schimbați pe cele vechi. De asemenea, puteți adăuga propriile stiluri direct pe tabel. Dacă această opțiune este incomodă pentru dvs., definiți noi clase și abia apoi adăugați stiluri prin fișierul style.css
Pentru cei care nu știu cum să facă acest lucru, accesați panoul de administrare al site-ului, accesați editorul și deschideți fișierul style.css. Adăugați acest cod la sfârșitul foii de stil. Ca rezultat, codul formularului ar trebui inserat în pagină și dvs stiluri css la tabelul style.css
Inp( umplutură: 10px; chenar: 1px solid #E5E5E5; lățime: 200px; culoare: #999999; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0) , 0, 0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; )
Intrare ( umplutură: 10px; chenar: 1px solid #E5E5E5; latime: 200px; culoare: #999999; casetă - umbră : rgba ( 0 , 0 , 0 , 0.1 ) 0px 0px 8px ; Moz - box - shadow : rgba ( 0 , 0 , 0 , 0.1 ) 0px 0px 8px ; Webkit - box - shadow : rgba ( 0 , 0 , 0 , 0.1 ) 0px 0px 8px ; |
După acești pași, ar trebui să aveți un formular de feedback ca acesta pe pagină. Nu te lăsa prea luat; forma ta ar trebui să fie simplă și cât mai confortabilă. Fără câmpuri suplimentare inutile...nume, e-mail, subiect și mesaj. Dacă se dorește, chiar și subiectul mesajului poate fi eliminat.
Ne-am hotărât cu privire la marcarea formularului, l-am făcut frumos, acum trebuie să creăm un fișier cu extensia php și să adăugăm următorul cod la el. Adăugați fișierul prin Client FTP către site-ul dvs. web. Majoritatea utilizatorilor folosesc CMS, vă rugăm să distribuiți acest fișierîn folderul dvs. cu teme. Trebuie să scrieți inițial adresa și numele acestui fișier în marcajul formularului, pe care l-am arătat mai sus. Am notat calea completă pentru exemplu, astfel încât să fie clar ce trebuie introdus și unde.
(