Pagini de contact excelente: 7 bune practici și idei

Paginile de contact sunt una dintre paginile cheie de pe site-ul dvs., așa că este posibil să căutați idei pentru a vă face pagina de contact să iasă în evidență și sfaturi pentru a oferi o experiență grozavă vizitatorilor dvs.

În acest ghid, vom face o scufundare profundă în ceea ce ar trebui să includă o pagină de contact, cum ar trebui să arate o pagină de contact și cum să creați o pagină de contact. În timp ce vom face o scufundare mai profundă pe parcursul articolului și vom arunca o privire la câteva exemple grozave de pagini de contact și inspirație. Să pătrundem!

Ce este o pagină de contact?

O pagină de contact (uneori o pagină „contactați-ne”) este o pagină de pe site-ul dvs. dedicată oferirii unei modalități pentru vizitatorii site-ului dvs. de a vă contacta. De obicei, o pagină de contact include un formular interactiv pentru ca utilizatorii să trimită un mesaj. Paginile de contact pot include și alte modalități de a vă contacta, inclusiv un număr de telefon, o adresă de e-mail sau o altă metodă de comunicare.

De ce am nevoie de o pagină de contact?

Majoritatea site-urilor web au nevoie de o pagină de contact, deoarece facilitează vizitatorii site-ului dvs. să vă contacteze. Persoanele care folosesc site-ul dvs. caută o modalitate de a vă contacta. De fapt, găsirea unei modalități de a vă contacta poate fi unul dintre motivele pentru care caută sau ajung pe site-ul dvs. web în primul rând.

Având o pagină de contact, vă asigurăm că oferiți o metodă de comunicare de pe site-ul dvs. și oferă o experiență excelentă de utilizare pentru utilizatori. O pagină de contact poate ajuta la construirea încrederii, la asigurarea transparenței și la creșterea satisfacției clienților.

Ce ar trebui să includă o pagină de contact?

Iată câteva „esențiale” de care are nevoie fiecare pagină de contact:

• Un formular de contact – Semnul distinctiv al fiecărei pagini de contact este un formular de contact. Un formular de contact solicită de obicei detalii de contact, cum ar fi un nume, o adresă de e-mail, un număr de telefon și un mesaj de contact. Ca cea mai bună practică, formularele de contact ar trebui să fie simple și să nu solicite prea multe detalii. Formularele pot fi, de asemenea, dinamice, prin faptul că pot completa câmpuri noi în funcție de selecția utilizatorului (cum ar fi întrebări despre anumite produse, servicii sau întrebări.
• Metode suplimentare de contact – Deși nu este necesar, este posibil să doriți să includeți metode de contact suplimentare pe pagina dvs. de contact, inclusiv numărul de telefon, adresa de e-mail sau adresa fizică. De asemenea, puteți deveni creativ incluzând mânerele de rețele sociale.
• Orele sau timpii de răspuns – Informați vizitatorii despre ce se pot aștepta după completarea unui formular de contact (cum ar fi cât timp vă va lua să răspundeți) sau orele în care vă desfășurați activitatea.

Sfaturi pentru pagina de contact

Iată câteva sfaturi pentru construirea unei pagini de contact grozave.

• Limitați barele laterale – Studiile privind experiența utilizatorului (UX) susțin ceea ce au crezut mulți utilizatori de web: barele laterale sunt cu adevărat enervante. Aceste elemente fixe conțin de obicei informații care nu sunt relevante pentru pagina pe care o vizitează utilizatorul. Păstrați conținutul paginii de contact simplu.
• Alegeți cu atenție câmpurile de formular – Dacă utilizați pur și simplu un „șablon implicit” pentru a vă crea formularul, sunt șansele clienților să nu îl aibă. Asta pentru că aproximativ jumătate din fiecare pagină de contact este plină cu câmpuri inutile. De exemplu, să presupunem că sunteți doar o companie de comerț electronic digital și cineva întreabă despre un produs. Dacă utilizați un formular care solicită o adresă de domiciliu, site-ul dvs. va părea cu adevărat neplăcut pentru utilizatorul obișnuit.
• Faceți din estetică o prioritate – Da, estetica fiecărei pagini a site-ului dvs. ar trebui examinată cu atenție. Cu toate acestea, mai multe studii UX au demonstrat că pagina „Contactați-ne” este poate cea mai importantă pentru a avea aerografie suplimentară. Datorită modului în care funcționează clasarea SEO, mulți vizitatori care caută produse vor ajunge direct pe pagina ta, permițând contactul utilizatorului. După cum știm cu toții, prima impresie înseamnă totul, așa că asigură-te că ai una pozitivă.
• Utilizați descrierile câmpurilor – Vizitatorii nu sunt întotdeauna familiarizați cu ce înseamnă câmpurile de contact. Chiar și ceva atât de simplu ca „Nume” fără alte explicații ar putea fi confuz. Ceri doar un prenume sau un nume complet? Există vreun motiv să-l ceri în primul rând dacă este un nume complet? Este esențial să obțineți verbiajul corect. Acesta este un domeniu în care plătirea de noi utilizatori pentru a-l testa și a oferi păreri sincere ar putea cu adevărat să plătească.
• Utilizați pluginuri profesionale – Afacerea de a crea pagini profesionale, succinte și frumoase „Contactați-ne” nu este banală. Dacă încercați să rămâneți la capătul modern al tehnologiei WordPress, poate doriți să luați în considerare o temă eficientă și personalizabilă, cum ar fi tema Kadence. În plus, un pachet de extensii precum Kadence Blocks vă permite să editați lucruri WordPress în mod nativ în cea mai nouă versiune a editorului Gutenberg, inclusiv paginile de contact!

Pagina de contact spam și securitate

Înainte de a continua, există câteva puncte despre spam-ul și securitatea paginii de contact pe care le-am considerat deosebit de importante!

1. Una dintre principalele amenințări de securitate web sunt formularele „neigienizate”. Acestea sunt formulare cu câmpuri care sunt citite de serverul dvs. înainte de a elimina codul potențial rău intenționat introdus de utilizatori. Deși niciun produs de securitate nu poate opri orice amenințare, selectarea cu prudență a unui plugin de securitate WordPress de calitate, cum ar fi iThemes Security, poate ajuta la atenuarea potențialelor amenințări.
2. Un compromis de luat în considerare este nivelul de securitate captcha pe care îl doriți pentru formularele dvs. Dacă selectați cel mai „agresiv” captcha, așteptați-vă ca vizitatorii să fie frustrați de pagina dvs. și să plece. Pe de altă parte, lăsarea paginii dvs. cu securitate minimă sau fără captcha este o invitație pentru spammeri, așa că alegeți cu înțelepciune. Folosind un plugin pentru a adăuga un reCAPTCHA WordPress în câțiva pași simpli.
3. Spamul pe pagina de contact poate fi o adevărată durere. Asigurați-vă că utilizați setările din pluginul de formular pentru a limita intrările de spam. Spamul WordPress este ușor de oprit făcând câțiva pași.

Cum ar trebui să arate o pagină „contactați-ne”?

Deși este adevărat că nu există multe reguli „dure și rapide” atunci când vine vorba de proiectarea formularelor de contact, există câteva sfaturi încercate și adevărate despre cum ar trebui să arate aceste pagini.

În primul rând, asigurați-vă că toate informațiile dvs. de contact sunt afișate într-o manieră prietenoasă. Rețineți că diferitele categorii demografice valorează diferite metode de contact față de altele. De exemplu, vedem în studii că generațiile mai în vârstă prețuiesc serviciul direct pentru clienți prin telefon. Pe de altă parte, generațiile mai tinere consideră că chatul online este cea mai ușoară metodă.

În al doilea rând, trebuie să-l puneți întotdeauna pe utilizator să selecteze o categorie de anchetă. Nu utilizați niciodată o singură cutie poștală generică pentru a primi acest conținut, chiar dacă va fi destul de tentant.

În al treilea rând, aspectul general al paginii trebuie să „dai clic” cu restul site-ului tău. Unii webmasteri mai noi fac greșeala de a crea o pagină care nu are aceleași meniuri ca restul site-urilor lor WordPress. Acesta este de obicei rezultatul utilizării unui șablon și al nu fii atent la el. Deși această pagină este adesea una dintre ultimele care au fost create și ultima care a fost renovată, adesea ajunge să fie una dintre cele mai importante piese ale site-ului tău WordPress.

Cum creez o pagină „contactați-ne”?

Amintiți-vă, utilizarea unui pachet de extensii care se conectează la noul editor Gutenberg, cum ar fi Kadence Blocks, este o modalitate excelentă de a merge. Deși va trebui totuși să utilizați pluginuri de formulare WordPress pentru a gestiona conținutul real din formularele dvs. Cu toate acestea, utilizarea unui editor grafic poate oferi informații valoroase, care economisesc timp.

Vom analiza cum să creați o versiune de bază a unei pagini „Contactați-ne” pentru un site WordPress generic. Acesta nu este un exemplu de operă de artă excelentă și rafinată! Acest lucru este pur și simplu pentru a vă face să începeți în direcția corectă.

1. Alegeți-vă pluginul!

Da, vă puteți crea propriul formular folosind elemente Gutenberg native fără extensii. Înainte de a alege această idee, luați în considerare complexitatea din spatele acestui tip de formă. Estetica este destul de simplă. Cu toate acestea, dincolo de acestea, trebuie să vă asigurați că formularul este trimis într-un mod sigur. Apoi trebuie să direcționați și să sortați ceea ce este pus în el. Majoritatea formularelor de contact necesită un anumit tip de captcha. Lista continuă, dar înțelegi ideea: nu este nevoie să reinventezi roata.

2. Instalează-ți pluginul

Odată ce ați cercetat pluginuri și ați găsit unul care funcționează cu bugetul dvs., este timpul să îl instalați. Mergeți la Plugins -> Adăugați nou pe tabloul de bord WordPress. Găsiți pluginul dorit prin opțiunea de căutare și instalați-l pe serverul dvs. WordPress pentru a-l face disponibil pentru utilizare pe site-ul dvs.

Ca parte a acestui pas, asigurați-vă, de asemenea, că ați activat pluginul pe site-ul dvs. WordPress după instalare.

De asemenea, puteți instala pur și simplu Kadence Blocks folosind linkul de mai sus.

3. Selectați un șablon

Aproape fiecare plugin de formulare mainstream pentru WordPress are un set de șabloane predefinite. Este aproape nemaiauzit ca acestea să nu aibă unul special ca formular „Contactați-ne”. Amintiți-vă, acestea nu sunt niciodată menite să fie o opțiune „alege și uită”. Mai degrabă, ar trebui să selectați un șablon care seamănă cel mai mult cu ceea ce căutați și să-l personalizați până când este cât mai aproape de perfect posibil.

Blocul Formular de la Kadence WP vă permite nu numai să creați formulare personalizate, ci să le stilați după cum doriți. Cu blocul Formular, aveți posibilitatea de a adăuga câmpuri personalizate nelimitate și include și suport Google ReCaptcha.

Adăugați un bloc nou pe pagina dvs. și selectați Blocul de formular pentru a începe.

4. Setări și stil

Creați câte câmpuri personalizate doriți. Puteți duplica rânduri, ajusta dimensiunea coloanelor, puteți alege dacă acestea sunt sau nu un câmp obligatoriu etc.

Ajustați setările câmpului, inclusiv culoarea de fundal de intrare, setările de chenar, stilurile de font, setările butoanelor, intervalul dintre rândurile câmpului și multe altele!

5. Configurați redirecționarea e-mailului

Vă puteți ajusta setările Acțiuni după trimitere din setările Blocului formular. Alegeți dacă doriți să primiți un e-mail după, dacă doriți sau nu ca utilizatorul să fie redirecționat după trimitere, dacă doriți sau nu să încorporați un e-mail cu răspuns automat și alegeți dacă doriți să configurați o intrare în baza de date. Verificați Kadence Blocks Pro dacă doriți integrarea MailChimp și SendInBlue, apeluri WebHooks și noi intrări în baza de date la trimiterea formularului.

Pe măsură ce fiecare opțiune este selectată, veți vedea o filă care vă permite să personalizați fiecare acțiune după trimitere.

6. Aruncă formularul de contact în pagina ta

Pasul nostru final este să plasați pur și simplu blocul formularului de contact în pagina pe care doriți să-l utilizați. Amintiți-vă, dacă utilizați un plugin de editare Gutenberg nativ, veți fi creat un element nativ pe care îl puteți glisa și plasați oriunde doriți.

Deși probabil că va trebui să îl aveți într-un singur loc, acest lucru vă ajută să vă mențineți site-ul WordPress mai modular.

Cum optimizez o pagină „contactați-ne”?

Aceasta este zona în care începe să devină un pic cam periculoasă. În parte, acest lucru se datorează faptului că „optimizarea” poate însemna un miliard de lucruri diferite. Ne vom concentra pe definiția tehnică a cuvântului pe măsură ce abordăm această întrebare.

În primul rând, amintiți-vă că viteza este numele jocului, în special pentru vizitatorii care încearcă pentru prima dată blogul dvs. WordPress. Odată ce timpul de încărcare trece de o secundă, ratele de uzură ale vizitatorilor încep să crească vertiginos. Reduceți fișierele JavaScript, asigurați-vă că antetul site-ului dvs. este optimizat, faceți redate imagini folosind cea mai mică lățime de bandă posibilă și profitați de încărcarea asincronă pentru a obține mai întâi cele mai importante părți ale paginii acolo pentru conexiuni mai lente. Utilizarea unei rețele de livrare de conținut (CDN) este, de asemenea, o modalitate excelentă de a vă asigura că vizitatorii nu sunt niciodată prea departe de serverul care vă oferă site-ul.

În al doilea rând, primiți întotdeauna informații din exterior pe formularele dvs. de contact. Deși suntem siguri că puteți crea o pagină ucigașă, toată lumea are, de obicei, o ușoară neglijență atunci când creează o pagină „Contactați-ne”. Obținerea de idei de la un grup divers de oameni este de obicei cea mai bună modalitate de a salva preventiv site-ul dvs. WordPress dintr-o pagină mai puțin decât ideală!

În al treilea rând, faceți ca pagina să fie mai puțin confuză! Atât de multe pagini de contact au fie informații contradictorii, fie prea multe informații de contact. De exemplu, dacă sunteți o companie de găzduire web, sunt șanse ca vizitatorii să poată trăi fără să vadă widgetul Google Maps care acționează jumătate din lățimea de bandă pentru a le arăta exact unde se află afacerea dvs. fizică.

Cele mai bune practici din 7 pagini de contact

Am evidențiat șapte dintre cele mai importante „cele mai bune practici” atunci când creați noul formular „Contactați-ne”. În timp ce acestea sunt într-o listă ordonată, ordinea nu indică importanța sau prioritatea; este aleatoriu.

1. Păstrați-o simplă

Scăpați de orice câmpuri care nu oferă valoare directă sau care nu sunt de mare importanță. Cel puțin, asigurați-vă că astfel de câmpuri sunt opționale , mai ales dacă se referă la informații pe care majoritatea oamenilor nu doresc să le partajeze lumii, cum ar fi un număr de telefon mobil.

2. Dați un motiv

Oferiți o justificare bună pentru motivul pentru care utilizatorii trebuie să vă contacteze. Amintiți-vă, utilizarea formularelor „Contactați-ne” WordPress nu este un hobby pentru majoritatea oamenilor. A le oferi un motiv bun, cum ar fi o reducere sau o altă promisiune, arată că prețuiești timpul și implicarea vizitatorilor cu blogul tău.

3. Aveți mai mult de o cale

„Nu poate fi decât unul” ar trebui să fie doar strigătul Highlanderului. Doriți să aveți alte mecanisme de contact disponibile în cazul în care formularul dvs. pur și simplu nu este disponibil sau nu funcționează, fie un vizitator preferă pur și simplu să folosească o altă metodă populară de contact.

4. Faceți-l ușor

Pe măsură ce utilizatorul introduce și trimite informații, oferiți feedback pentru a-i spune utilizatorului că lucrurile funcționează așa cum ar trebui. De exemplu, toate câmpurile ar trebui validate; dacă solicitați o adresă de e-mail, spuneți imediat utilizatorului dacă ceea ce a introdus în câmpul dvs. „e-mail” va fi suficient. De îndată ce formularul este trimis, spuneți utilizatorului dacă a avut succes și, dacă da, cât timp ar trebui să aștepte să aștepte un răspuns personal.

5. Automatizați atunci când este posibil

Explicații care au sens cu afacerea și modelul dvs. de afaceri. Pentru companiile mai cunoscătoare de tehnologie, aceasta ar putea lua forma unor întrebări frecvente adaptate tipului de întrebare pe care utilizatorul o trimite prin intermediul formularului. Pentru alte afaceri, poate că ar putea fi pur și simplu un link către biblioteca dvs. de informații și ajutor; acest lucru reduce contactele inutile. (Veți observa exemplele cum unele companii combină paginile de întrebări frecvente cu paginile de contact).

6. Profită la maximum de plumb

Maximizați potențialul de conversie arătându-le vizitatorilor o parte din conținutul dvs. de top odată ce trimit formularul. Din nou, ceva de genul unui cupon pentru magazinul dvs. este o idee grozavă. Orice adaugă valoare experienței, mai degrabă decât doar un „Mulțumim pentru că ne-ați contactat!” probabil că noii vizitatori vor reveni pe site-ul dvs. WordPress.

7. Fă-l uman

Totul este despre a face conexiuni care vor crește în relații - pentru că totul este despre relații. Aveți o modalitate de a adăuga chipuri la numele de utilizator și numele de pe site-ul dvs. Când oamenii văd exact cu cine vorbesc, este mai probabil să se comporte respectuos și să vadă persoana ca un om, nu doar un robot.

Desigur, acesta este doar vârful aisbergului când vine vorba de cele mai bune practici pentru acele pagini „Contactați-ne”. Din păcate, aceste pagini sunt renumite în cercurile de evaluare UX, din cauza cât de mult experții diferă în opiniile lor despre modul în care acestea ar trebui să fie gestionate. Trebuie neapărat să testați o pagină de contact înainte de a o publica publicului larg!

Când intrați în legătură cu vizitatorii dvs., puneți o bază pentru creșterea succesului afacerii dvs.

3 exemple de pagini de contact de succes

Să aruncăm o privire la trei forme de contact deosebit de puternice și de ce sunt minunate!

1. Media propriu-zisă

Media Proper oferă o bijuterie a unei pagini „Contactați-ne”. După cum puteți vedea, se lipesc destul de bine de marca lor. Pagina începe cu o declarație destul de mare care spune că vizitatorii sunt liberi să-i sune dacă preferă, oferindu-le opțiuni alternative de contact. Este clar ce câmpuri sunt obligatorii și care sunt pur și simplu preferate; există și validare instantanee înainte de trimiterea formularului. Fiecare domeniu este foarte clar definit, totuși o cameră de interpretare creativă este lăsată pentru mai mulți utilizatori artistici.

2. PeopleMetrics

PeopleMetrics este o pagină cu mai multe caracteristici, concepută pentru a fi un exemplu excelent pentru afacerile fizice. În primul rând, folosește un widget ușor Google Maps pentru a arăta locația afacerii fără a acumula lățime de bandă și resurse de calcul pentru client. În al doilea rând, include toate informațiile oficiale de contact pentru afacere, construind încredere. Pentru a construi și mai mult încrederea, puteți face clic pentru a vedea Politica de confidențialitate a acestora atunci când introduceți adresa de e-mail. Formularul are câmpuri foarte minime, deși nu sunt atât de clasificate pe cât ne-am fi plăcut. În general, este o pagină simplă, cu puțin spațiu rămas pentru erori și opțiuni maxime de construire a încrederii și de contact.

3. Grupul Weifield

Pagina de contact Weifield Group este cel mai complet formular de pe lista noastră. Mai întâi include toate informațiile relevante pentru metodele de contact secundare pentru a elimina trimiterile inutile de formulare de contact. Acest lucru este deosebit de important pentru afacerile cu mai multe site-uri. Are chiar și o declinare a răspunderii după ce derulați în jos, care indică faptul că cei care caută un loc de muncă nu trebuie să completeze formularul; filtrele informale ca acesta vor reduce trimiterile inutile. Site-ul utilizează încărcare asincronă, astfel încât browserul să nu poată vedea elementele care nici măcar nu sunt redate, economisind lățime de bandă și spațiu maxim. În cele din urmă, încrederea se construiește reciproc, arătând clientului exact unde se află afacerea.

Inspirație și idei pentru designul paginii de contact

Înainte de a pleca, am vrut să vă oferim șapte dintre exemplele noastre grozave preferate de formulare de contact. Spre deosebire de lista noastră de mai sus, nu vă vom spune de ce sunt grozave; sperăm că în acest moment, asta va fi de la sine înțeles! Din nou, această listă nu este într-o anumită ordine de supremație.

SleekNote

BrightLocal

RedBull Energy

Restaurante Chipotle

Podia

Brands to Life

Kick Point Marketing

Încheierea

Sperăm că aceasta a fost o scufundare profundă plăcută și informativă asupra modului în care sunt realizate cele mai bune formulare „Contactați-ne”. Acest lucru poate părea un amestec de informații în acest moment și nu vă simțiți presați să memorați toate cele mai bune practici. Ca orice artă, cele mai bune pagini sunt realizate pur și simplu prin încercare și eroare, după ce abilitățile inițiale sunt învățate!

Descărcați tema Kadence și blocurile Kadence pentru a construi site-uri web eficiente

Dacă vă place să creați conținut convingător cu un design frumos, Kadence Blocks oferă instrumente pentru a fi creativ chiar în editorul WordPress nativ. În plus, bucurați-vă de o mulțime de conținut preconstruit pe care îl puteți include cu ușurință în site-ul dvs., inclusiv o bibliotecă wireframe de blocuri pentru a începe să vă începeți următorul design web. Excelent pentru inspirație și dezvoltare rapidă!

Descarcă acum

Kristen Wright

Kristen a scris tutoriale pentru a ajuta utilizatorii WordPress din 2011. În calitate de director de marketing aici la iThemes, ea este dedicată să vă ajute să găsiți cele mai bune modalități de a construi, gestiona și menține site-uri web WordPress eficiente. De asemenea, lui Kristen îi place să scrie în jurnal (vezi proiectul ei paralel, Anul transformării !), drumețiile și campingul, aerobic-ul, gătitul și aventurile zilnice cu familia ei, sperând să trăiască o viață mai prezentă.