Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • Windows 7, XP
  • Formular de contact standard WordPress. Formular de contact WordPress cu și fără un plugin

Formular de contact standard WordPress. Formular de contact WordPress cu și fără un plugin

1 vot

O zi bună, cititori ai blogului meu. Andrei Zenkov este cu tine. Formularul de contact WordPress este o parte importantă a oricărui site și vom vorbi despre el astăzi. Luați în considerare exemple specifice pe cel mai popular CMS - WordPress. Stai pe loc, toarnă niște ceai, pentru că te așteaptă un articol lung, captivant și informativ.

Vreau să încep povestea mea astăzi cu cuvintele lui Richard Bach: „Nu ar trebui să existe limite pentru noi”. Îi îndemn pe toți cititorii mei să nu se oprească niciodată aici. De fiecare dată când vedeți stagnare în dezvoltarea dvs., depuneți toate eforturile pentru a trece peste următorul plafon. În afara ei, te așteaptă și mai mult succes.

Ce este un formular de feedback și pentru ce este acesta?

Formular de feedback - un modul pe site, care este necesar pentru contactul operațional între proprietarul resursei și vizitatori. Pentru ce este? Am enumerat trei motive principale pentru tine:

  • Protecție împotriva spamului. Analizatorii de e-mail vă vor adăuga la baza lor de date dacă o postați pe site. Acest lucru va duce la primirea constantă a mesajelor care nu au nicio valoare. Când creați un formular, vă recomand să vă ascundeți adresa;
  • Obțineți toate informațiile. Pentru ca utilizatorul să vă transmită tot ce dorește încă de la prima dată, adăugați câmpurile necesare în formular (număr de telefon, comentariu, subiectul mesajului etc.);
  • Economisirea timpului vizitatorilor. Nu mai trebuie să vă caute adresa, să meargă la clientul de e-mail și să tastați un mesaj. Acest lucru se poate face direct din resursa dvs.

Sunt mai multe avantaje, pe cele principale le-am evidențiat pentru tine. Recomand să instalați pluginul captcha. Această măsură va proteja împotriva roboților de spam, veți primi scrisori doar de la oaspeții adevărați, interesați ai proiectului dumneavoastră.

Dacă vrei să înveți cum să te protejezi nu numai de roboții de spam, ci și de alte amenințări mai grave, recomand să urmezi cursul " Protecție totală WordPress ”, care a fost pregătit de un webmaster cu experiență.


Soluții gata făcute pentru proiectul dvs

Dacă nu știți cum să dezvoltați singur un formular de feedback convenabil pentru site, am pregătit câteva plugin-uri interesante care sunt ușor de instalat pe cont propriu. Nici măcar nu aveți nevoie de cunoștințe speciale în .

Formularul de contact 7

După ce ați specificat toate setările, veți primi codul unui formular de contact gata făcut cu trimiterea de e-mailuri atunci când faceți clic pe butonul. Poate fi plasat oriunde pe site-ul dvs.

Care poate fi concluzia?

Formularul de feedback prin e-mail este o soluție excelentă pentru comunicarea cu abonații tăi. Profită de ocazie dacă oamenii vor să se conecteze cu tine. Cineva te va invata ceva nou, cineva iti va da sfaturi utile. Astăzi v-am povestit despre opțiunile pe care eu însumi le folosesc atunci când creez proiecte. Alege cel mai bun pentru tine și începe! Și acest articol se termină.

Rămâneți pe blog pentru a afla în mod regulat ceva nou și interesant.

WordPress nu are în mod nativ un formular de feedback, dar este un instrument necesar pentru comunicarea cu vizitatorii. În acest articol vă voi spune cum să creați un frumos formular de contact wordpress cu ajutorul pluginurilor, precum și fără ele cu trimiterea prin poștă.

Dar să atingem și puțină teorie, dacă pe cineva nu este interesat, atunci puteți trece imediat la instalarea formularului pe WordPress:

Teorie: De ce avem nevoie de un formular de feedback?

Cred că mulți oameni știu că motoarele de căutare apreciază foarte mult pagina de „contacte”. Iar dacă îl ai, înseamnă că nu ai nimic de ascuns de cititorii tăi și ești deschis către comunicare.

Dar de ce ar trebui să configurez un formular când îmi pot scrie doar adresa de e-mail? - Această întrebare apare în rândul nou-veniților care nu au câștigat încă popularitate.

Contra adresei de e-mail din contacte:

  1. O mulțime de spam provine de la roboți;
  2. Rareori vizitatorii scriu;
  3. Pagina nu are rost.

Stiu ca nu toata lumea s-a confruntat cu astfel de probleme, dar crede-ma in 1 an, mail-ul tau va intra in toate listele de corespondenta si vei fi bombardat cu mesaje inutile.

Dar, de fapt, oamenii vor scrie rar, pentru că nu vor să meargă la oficiul poștal și să conducă la adresa ta, dar dacă o fac, atunci există șanse mari ca scrisoarea să fie în categoria „Spam” și nici nu vei ști despre asta.

Prin urmare, instalarea unui formular de feedback combate în mod ideal aceste probleme. La urma urmei, nimeni nu va cunoaște corespondența dvs. reală, precum și toate scrisorile vă vor ajunge rapid și nu vor cădea în spam.

Formular de contact WordPress folosind un plugin

Instalarea unui plugin este cel mai simplu mod de a crea un frumos formular de contact WordPress. Totuși, aici am întâlnit o astfel de problemă încât majoritatea pluginurilor sunt grele, nu sunt frumoase și au, de asemenea, puține setări.

Prin urmare, am petrecut câteva zile căutând cele mai bune plugin-uri care să fie convenabile atât pentru administratorul site-ului, cât și pentru vizitatori.

1.

Se formează imens- unul dintre cele mai simple și mai convenabile plugin-uri. Ceea ce vă permite nu numai să primiți mesaje, ci și să creați formulare frumoase, nu omite spam-ul și puteți face corespondență în masă.

Pluginul este afișat perfect în orice parte a site-ului și poate fi afișat chiar și în bara laterală. Și principalul plus este că nu vă încarcă site-ul ca extensiile populare.

2. - formular de feedback pop-up

Zgomotul utilizatorului este un plugin gratuit și unic de acest fel, care afișează un formular de feedback pop-up. Mai mult, este ușor de editat, iar ieșirea poate fi configurată oriunde, poți chiar trage o concluzie pe buton.

3. Formularul de contact 7 este cel mai rău dintre cei mai buni

Formularul de contact 7 este cel mai popular plugin folosit de milioane de oameni. Dar puțini oameni știu că consumă multe resurse și face WordPress teribil de lent.

Faptul este că creează interogări inutile în baza de date și, de asemenea, conectează scripturi la zonă , blocând descărcarea cu fișierul principal. Astfel, încărcarea paginii este mărită cu 2 secunde și nu este necesar ca formularul de feedback să fie prezent pe pagină.

Apropo, accelerarea site-ului este unul dintre motivele pentru a nu mai folosi pluginuri inutile. Și adăugați doar funcționalități și stiluri site-ului dvs.

Generator de formulare de contact online

Puțini oameni au auzit, dar există site-uri care sunt capabile să creeze formulare de contact frumoase și care sunt ușor de configurat, după care se obține un cod special pentru inserarea în site.

Astfel, folosim resursele unui alt site care ne va procesa scrisorile. Această opțiune este potrivită pentru persoanele cu găzduire gratuită, unde nu există procesare de e-mail.

Designer de formulare- un generator gratuit de diferite forme în limba rusă. Unul dintre puținele care se încorporează perfect pe site. Adevărat, are limitări, de exemplu, capacitatea de a trimite doar 100 de scrisori pe lună.

Dar deja pentru 5 USD puteți primi 1000 de scrisori, este încorporat un sistem anti-spam, este adăugat spațiu pe disc, sunt generate rapoarte și puteți conecta cu ușurință un serviciu de corespondență.

Dacă doriți să scăpați de orice restricție, atunci puteți conecta un formular de la Google. Are multe caracteristici și este ușor de creat, deși este greu de introdus în site.

Nu am găsit niciun tutorial video, dar există o instrucțiune bună de instalare!

formular de contact php fără pluginuri

De ce aveți nevoie pentru a vă crea propriul formular de feedback? Urmați doar 4 pași simpli:

  1. Creați fișier php;
  2. Pe pagina de contact (in format html) scrieti cateva randuri;
  3. Conectați biblioteca Google (dacă formularul nu funcționează);
  4. Dacă nu este frumos, adăugați stiluri.

Nu am vrut să descriu totul pe site în detaliu, așa că am filmat un videoclip și am făcut o arhivă cu fișierele necesare pe discul Yandex. Fișierele de arhivă pot fi descărcate - .

Instrucțiuni video despre crearea unui formular de feedback fără pluginuri

Formularul nu funcționează pentru cineva? Apoi trebuie să introduceți în fișierul header.php:(conectarea bibliotecilor Google). Sper că instrucțiunile sunt extrem de clare și simple pentru toată lumea. Tot în arhivă veți găsi un fișier cu stiluri. Doar copiați toate liniile și lipiți în fișierul style.css la sfârșit.

Atenție: găzduirea gratuită nu acceptă trimiterea de e-mailuri. Precum și utilizarea modului de testare.

În loc de concluzii

În acest articol, am acoperit toate modalitățile de a crea un formular de contact frumos în WordPress. După cum puteți vedea, există o mulțime de abordări și fiecare este bună în felul său.

Personal, am ales sa-mi creez propriul formular, si doar pentru ca poate fi personalizat. Dacă sapi bine, atunci stilurile primului plugin pot fi reconfigurate în felul tău, dar acesta este un subiect pentru alt articol.

Un formular de feedback este prezent pe fiecare site; este ceva ca o parte integrantă a unei resurse web. Deoarece servește drept apel la administrator cu orice propunere sau revendicare în domeniul intereselor acestora. Și astfel de cazuri se întâmplă des, mai ales dacă sunteți o companie, organizație sau doar întreprinderi private care produc un fel de produs.

Pentru a crea un formular de feedback pe WordPress, nu trebuie să scrieți singur codul sau să comandați scrierea lui de la un specialist. Acest lucru a fost deja implementat și chiar în mod repetat, tot ce trebuie să faceți este să alegeți un plugin care să corespundă cerințelor dumneavoastră. Articolul discută alte 5 plugin-uri populare care sunt solicitate la nivelul corespunzător.

Unul dintre cele mai utilizate pluginuri pentru formulare de contact este Formularul de contact 7. A câștigat rapid popularitate datorită ușurinței de personalizare a conținutului formularului. În plus, acceptă filtrarea spam-ului și vă permite să setați un CAPTCHA folosind pluginul opțional Really Simple CAPTCHA. Pluginul acceptă și tehnologia Ajax, ceea ce înseamnă că pagina web nu este reîncărcată în timpul procesării cererii.

După instalarea și activarea formularului de contact 7, în panoul de control va apărea o nouă filă pentru gestionarea formularelor. Pentru a găsi o limbă comună cu el, nu va trebui să vă încurcați mult timp, pluginul este multilingv și este disponibil și rusă. Formularul de contact este stilat pe baza temei pe care o setați, dar cu cunoștințele CSS este posibil să îl editați după bunul plac.

Exemplu de formă.

2. Creator de formulare

Form Maker este un instrument modern și avansat pentru crearea rapidă a formularelor de contact. Oferă multe tipuri de câmpuri, instalare captcha, șabloane de formulare gata făcute, open source pentru editarea stilurilor și rezultatul poate fi văzut imediat în previzualizare. La achiziționarea unei versiuni comerciale, va fi disponibilă integrarea cu Google Maps, precum și un câmp de încărcare a fișierelor. Pluginul acceptă un număr mare de limbi.

Exemplu de formă.

3. Formular de contact rapid securizat

Un formular de feedback simplu și în același timp puternic are o serie de caracteristici și setări pozitive. Nu trebuie să vă faceți griji că sunteți inundat de spam, deoarece pluginul acceptă Akismet și vă permite să setați un CAPTCHA. De asemenea, este posibil să exportați și să importați setări, să redirecționați utilizatorul după ce a trimis un e-mail la orice adresă, să trimiteți fișiere, să editați stiluri și multe altele. Traducere parțială în limba rusă.

Exemplu de formă.

4. Vizual Form Builder

Formular de feedback foarte convenabil și simplu. Toate setările și funcțiile sunt disponibile pe o singură pagină, ceea ce face ușor de gestionat. Are multe câmpuri care pot fi adăugate cu ușurință cu un singur clic de mouse. Exista si posibilitatea de redirectionare dupa trimiterea unui email, anti-spam, adaptabilitate formulare si multe altele.

Fereastra de setări.

Exemplu de formă.

5. Formulare de contact elegante

Un formular foarte simplu, nu are o grămadă de setări, funcționalitate uriașă, doar 4 câmpuri și nimic mai mult. Pluginul diferă de restul prin faptul că forma este afișată prin widget și creează efectul unui formular plutitor sau alunecat pe pagină. Când este apăsat, apare lin din lateral, de sus etc. depinde de setările pe care le alegeți.

Exemplu de formă.

Buna seara prieteni! În acest tutorial, vă voi învăța cum să creați un formular de contact WordPress folosind pluginuri. Formularul de contact WordPress este soluția perfectă pentru cei care doresc să păstreze legătura cu publicul sau să primească solicitări prin e-mail pentru a comanda orice servicii. Vom învăța cu tine cum să faci un formular pop-up într-o fereastră modală. După ce ați citit acest articol, veți putea încorpora singur formularul pe site-urile dvs. Deci să mergem.

De ce ai nevoie de un formular de contact WordPress?

S-ar putea să vă întrebați de ce am nevoie de un formular de feedback pe un site WordPress? De ce nu adăugați o adresă de e-mail pe site, astfel încât oamenii să îmi poată scrie?

Aceasta este cea mai frecventă întrebare a începătorilor cărora le este frică să adauge cod de formular pe un site fără cunoștințe de programare. De fapt, nu aveți nevoie de cod deloc atunci când creați un formular de contact WordPress. În acest tutorial, vom crea un formular de contact pas cu pas și chiar și cel mai absolut începător îl poate face.

Mai jos sunt primele 3 motive pentru care utilizarea unui formular este mai bună decât doar adăugarea unei adrese de e-mail pe site-ul dvs.

  • - roboții de spam cu o regularitate de invidiat scot adrese de e-mail prin parserii lor, unde există o mențiune a domeniului de e-mail și îl introduc în baza lor de date pentru a vă trimite mai târziu corespondența nedorită. Pe de altă parte, atunci când folosești formularul de feedback pentru WordPress, scapi de problema dominației e-mailurilor SPAM în căsuța poștală.
  • Completitudinea informațiilor - atunci când trimit e-mailuri, oamenii nu trimit întotdeauna toate informațiile de care aveți nevoie. Cu un formular de contact, decideți ce câmpuri aveți nevoie pentru a facilita utilizatorilor să vă trimită un e-mail (nume, e-mail, număr de telefon, comentariu și multe altele).
  • Economisiți timp – Formularul de contact WordPress vă va economisi timp. Pe lângă caracterul complet al informațiilor pe care le-ați solicitat utilizatorului și pe care acesta vi le va trimite, puteți indica și ceea ce așteaptă pentru următorul pas, cum ar fi „Aplicația dvs. va fi revizuită în 24 de ore” sau Vizionați videoclipul și multe alte lucruri utile.

Mai jos este un exemplu de formular de contact pe care îl vom crea în acest tutorial.

Să începem, domnilor.

Pasul 1: Alegerea celui mai bun plugin pentru formularul de contact WordPress

La acest pas, trebuie să decidem cu privire la alegerea pluginului de formular adecvat. Există foarte multe dintre ele, atât gratuite, cât și plătite. În acest tutorial, vă voi spune despre diferite plugin-uri, astfel încât să aveți o alegere bogată. În primul caz, va fi implicat pluginul WPForms.

Mai jos sunt motivele pentru care WPForms este cel mai bun plugin de feedback:

  1. În primul rând, acesta este cel mai prietenos plugin pentru începători. Prin simpla glisare și plasare a blocurilor necesare, puteți crea un formular de contact în câteva clicuri.
  2. WPForms Lite este complet gratuit.
  3. Când sunteți pregătit pentru o funcționalitate mai puternică și dacă este cu adevărat important pentru dvs., atunci puteți face upgrade la versiunea Pro.

Ei bine, dacă aceste motive s-au dovedit a fi suficiente și te-am convins, atunci mergem mai departe.

Pasul 2: Instalarea pluginului pentru formularul de contact WordPress

Pentru acest tutorial, folosim versiunea Lite deoarece este gratuită și ușor de utilizat. Îl puteți instala conectându-vă la blog și accesând Plugins - Adăugați nou.

În bara de căutare, introducem numele pluginului nostru și facem clic pe Instalare acum (Instalare acum).

După instalarea pluginului, asigurați-vă că îl activați. Aceasta este prezentată aici:

Pasul 3: Crearea unui formular de contact în WordPress

Deci, după finalizarea cu succes a activării pluginului, este timpul să ne creăm formularul de feedback. Pentru a face acest lucru, în panoul de administrare al blogului, faceți clic pe fila Meniu WPForms și accesați Adăugare nou.

Aceasta va deschide generatorul Wpforms, unde puteți pur și simplu să glisați și să plasați blocurile de care aveți nevoie pentru a crea un formular de contact WordPress. Există două șabloane prefabricate disponibile în versiunea Lite gratuită (form gol și simplu). Le puteți folosi împreună pentru a face cel de care aveți nevoie și convenabil pentru dvs. În acest exemplu, am ales a doua opțiune pentru dvs., și anume un simplu formular de contact. Îi vom adăuga un nume, un e-mail și un câmp de text.

Puteți face clic pe fiecare câmp pentru al edita. De asemenea, puteți folosi mouse-ul pentru a trage și a modifica ordinea câmpurilor de formular.

Dacă doriți să adăugați un câmp nou, selectați-l pe cel de care aveți nevoie din lista din stânga și trageți-l în spațiul de lucru.

Când ați terminat, faceți clic pe butonul Salvare.

Pasul 4: Configurați notificări și confirmări

Odată ce ați creat cu succes un formular de contact WordPress, este foarte important să configurați corect formularele de notificare și confirmare.

Formularul de confirmare este ceea ce văd utilizatorii atunci când vă trimit un bilet din formular. Poate fi un mesaj de mulțumire sau îi puteți redirecționa către o altă pagină specială.

Formularul de notificare este mesajele pe care le primiți atunci când primiți un nou bilet sau e-mail de pe site-ul dvs. WordPress.

Puteți personaliza ambele câmpuri accesând Setări din interiorul pluginului WPForms Form Builder.

În mod implicit, nu am setat atingerea și am lăsat câmpul Formular de confirmare cu mesajul „Mulțumesc pentru contact” așa cum este. Cu toate acestea, îl puteți schimba cu un text diferit sau puteți redirecționa utilizatorul către o pagină separată.

Cel mai bun lucru despre acest plugin este că setările implicite sunt perfecte pentru începători. Nu trebuie să se gândească la ce să facă sau ce să schimbe. Totul este foarte intuitiv și simplu. Când accesați setările de notificare, toate câmpurile vor fi precompletate dinamic.

În mod implicit, notificările sunt trimise către e-mailul pe care l-ați specificat în setări. Dacă doriți să schimbați destinația pentru trimiterea notificărilor, o puteți schimba cu ușurință. Dacă doriți să specificați mai multe adrese de e-mail (specificate separate prin virgule), atunci vă rog, cartonașe în mână, după cum se spune 🙂

Câmpul de subiect al e-mailului va fi completat automat cu numele formularului dvs. Câmpul de nume va fi preluat din numele de utilizator (numele dvs.). Când răspundeți la un e-mail, acesta va merge la e-mailul cu numele utilizatorului care a completat formularul de contact.

Pasul 5: Adăugarea unui formular de contact WordPress pe pagină

La acest pas, când ați construit și configurat formularul de feedback, trebuie să creați o pagină de contact separată pentru acesta, unde să îl puteți plasa. Fie creați una nouă, fie editați o pagină existentă unde o puteți adăuga.

Vom folosi un cod scurt simplu pentru a insera un formular într-o pagină. Doar faceți clic pe butonul „Adăugați formular” și selectați numele formularului pentru a-l insera în pagină.

Amenda. Acum salvați pagina și deschideți previzualizarea pentru a vedea modificările.

Iată cum ar arăta formularul pe o pagină WordPress simplă:

Dacă doriți doar să adăugați un formular pe o pagină, atunci felicitări. Toți pașii sunt parcurși cu succes. Dacă doriți să îl adăugați ca widget bară laterală, continuați mai jos.

Pasul 6: Adăugarea unui formular de contact WordPress în bara laterală

Pluginul WPForms vine cu un widget de formular de contact încorporat pe care îl puteți adăuga în bara laterală sau în orice altă zonă a site-ului (cum ar fi subsolul).

Pentru a face acest lucru, trebuie să mergem la secțiunea Aspect-> Widgeturi. Acolo veți vedea un widget de plugin de formular preinstalat în partea stângă. Doar luați-l și setați ordinea de afișare în zona dorită din bara laterală cu drag and drop obișnuit.

Următorul pas este să specificați numele widget-ului și să salvați. Intră pe site și vezi rezultatul.

Aceasta completează revizuirea pluginului nostru pentru formularul de contact WPForms. Dar, mai ales pentru tine, am pregătit încă o recenzie a unui plugin gratuit, cu care putem face un formular de feedback pop-up și toate aceleași caracteristici ca în cel precedent. Se numește Formular de contact 7. Este într-adevăr foarte puternic și atuul său este că este complet GRATUIT!

De asemenea, poate fi adaptat, adică formularul de feedback se va adapta la dimensiunea ecranului dispozitivului dvs.

Deci, pentru orice eventualitate, pentru a vă anunța care sunt acestea.

Cum se face un formular de contact cu formularul de contact 7

Continuăm să înțelegem problema creării de formulare pentru primirea cererilor de pe site-ul dvs. Mai departe avem un alt plugin pentru formularul de contact WordPress numit Contact Form 7. Să-l instalăm pe blogul nostru și să-l activăm așa cum putem.

Este deja instalat pe site-ul meu, nu pe acest blog. Procedura este standard. Acum trebuie să mergem la panoul de administrare a blogului și să creăm un nou formular care va colecta aplicații și alte informații utile pentru noi. Accesați secțiunea „Formular de contact 7” -> Adăugați nou.

Amenda! Acum să-i dăm un nume adecvat, în cazul meu există o mulțime de aceste formulare de contact. Să alegem unul, de exemplu, „Formular de comandă pentru promovarea site-ului”

Vă spunem pe scurt de ce avem nevoie aici. În primul rând, trebuie să decidem câte câmpuri de formular vrem să facem. Vă spun imediat că nu trebuie să faceți 100500 de câmpuri și este inutil, din simplul motiv că oamenii vă vor închide site-ul și nu vor lăsa o aplicație. Ei trebuie să facă acest pas mai ușor. Adică, dacă te gândești bine, atunci avem nevoie de la o persoană care:

  1. Numele lui până la adresa (adresa personală)
  2. Adresă de e-mail (feedback unde să-i trimită o ofertă)
  3. Un număr de telefon pe care să îl suni imediat (dacă acest lucru se întâmplă rapid, el va deveni oricum clientul tău)
  4. Butonul actual „Trimite”.

Acestea sunt datele principale, puteți afla deja pe altele în timpul corespondenței sau unei convorbiri telefonice. Este logic? Cred ca da. Mergem mai departe.

Crearea câmpurilor de formular de contact în pluginul Formular de contact 7

Deci, am decis asupra numărului de câmpuri, acum trebuie să creăm aceste câmpuri. Următoarele file sunt disponibile pentru noi:

  • Text (Orice câmp de text, cum ar fi „Nume”, „Pune o întrebare” sau orice alt nume pe care îl vei colecta prin acest câmp)
  • E-mail (există un singur scop pe care utilizatorul îl poate introduce)
  • URL (adresa site-ului va fi introdusă în acest câmp, alte valori nu sunt acceptabile, va fi generată o eroare)
  • Tel (câmpul numărului de telefon pentru formularul nostru de contact WordPress, valorile numerice sunt permise, textul va da o eroare)
  • Număr (Interval numeric de valori, poate fi aplicat, de exemplu, prețului: „cât ești dispus să plătești pentru site? De la 23.000 la 120.000 de ruble”)
  • Data (Indicați data, de la ce dată la ce dată. Exemplu: „Rezervarea unei mașini de la 13.04.2016 la 25.04.2016”)
  • Zona de text (zona de text, aici puteți introduce text ca comentariu)
  • Meniu drop-down (listă drop-down). Implementat pe blogul meu, puteți vedea. La finalul fiecărui articol, propun utilizatorilor să creeze fie un simplu site web, fie un magazin online. Exact asta oferă această opțiune.
  • Casete de selectare (cu mai multe opțiuni, de exemplu: site web + creare logo + promovare + publicitate contextuală)
  • Butoane radio (Selectarea unui articol, de exemplu: „Comenzi fie publicitate contextuală, fie publicitate direcționată”)
  • Acceptare (Acceptați termenii acordului, adică informații despre utilizator, cum ar fi o ofertă publică)
  • Test (Quiz - o serie de întrebări scurte, poate fi de asemenea introdus într-un formular de contact).
  • reCaptcha (Confirmare că nu sunteți un robot și că nu veți trimite spam.) Bună protecție împotriva SPAM-ului. Notă: această opțiune funcționează dacă ați activat pluginul Really Simple Captcha.
  • Fișier (Dacă doriți să permiteți utilizatorilor să încarce un fișier la dvs., de exemplu: „Atașați TK pentru dezvoltarea site-ului”).
  • Trimiteți (Trimiteți datele pe e-mail)

Deci, ne-am hotărât asupra câmpurilor, știți și semnificația fiecăruia. Să începem să construim formularul nostru de contact WordPress.

În exemplul de mai jos, am folosit 2 câmpuri: Nume, E-mail. În consecință, veți avea nevoie de aceste file:

Făcând clic pe fila text (Text) ajungem la caseta de dialog:

Aici trebuie să facem clic pe caseta de selectare Field Type – Obligatoriu. Este făcut astfel încât, dacă utilizatorul nu introduce un nume în el, atunci nu vă va putea trimite o aplicație, va apărea o eroare de trimitere că nu toate câmpurile sunt completate corect.

Veți vedea apoi un cod scurt pentru introducerea acestui câmp și lângă el un buton albastru „Inserați etichetă”. Aceasta va adăuga un câmp nou de formular de contact.

Ca să nu te încurci, am evidențiat-o cu un stil. Codul de mai jos:

< div class = "col-md-4" > < label class = "sr-only" >Numele complet< / label >[ text* text - 658 class : form - control substituent „(!LANG:Numele tău" ] !}< / div >

Și iată captura de ecran:

Efectuăm o operațiune similară pentru câmpul „E-mail”. Facem clic pe fila corespunzătoare și ajungem aici într-o astfel de casetă de dialog.

Absolut cu nimic diferit de precedentul, doar ne repetăm ​​acțiunile cu tine. Câmpul meu de e-mail are și un stil. Dau codul de mai jos:

< div class = "col-md-4" > < label class = "sr-only" >E-mail complet< / label >[ email* email - 447 class: form - control placeholder "(!LANG:E-mailul dvs.)." ] !}< / div >

Și iată captura de ecran:

Și, în sfârșit, butonul „Trimite” (Trimite date). Totul este în stilul meu.

< div class = "col-md-4" >[ submit class: btn - flat class: col - xs - 12 "Comandă"]< / div >

< / div >

Notă importantă: Dragi prieteni, în acest exemplu folosesc stiluri responsive pentru a crea un formular de contact în WordPress, adică poate lua forme de orice dimensiune de ecran.

Veți vedea butonul în colțul din dreapta sus. Cu siguranță nu vei rata. 🙂

Am făcut o parte din muncă, acum trecem la pasul următor.

Configurarea unei adrese de e-mail pentru primirea aplicațiilor

La acest pas, trebuie să facem câteva setări, astfel încât literele să ne ajungă în căsuța poștală. Cum să realizez acest lucru, voi descrie mai jos.

Trebuie să facem clic pe fila mare „Scrisoare”. Va fi al doilea după șablonul formularului.

Primul lucru pe care îl veți vedea sunt etichetele pe care le-ați adăugat, trebuie să le introducem în corpul scrisorii, acestea vor înlocui datele pe care utilizatorul le introduce din formular. Cred că am explicat bine.

Acum pentru câmpuri:

  • Către (Unde va fi trimisă cererea, în cazul meu, aceasta este adresa mea de e-mail, puteți specifica mai multe adrese unde să trimit aplicațiile)
  • De la (Câmp De la, adică valoarea va fi înlocuită pe care aplicația provine de pe site-ul meu studio)
  • Subiect (Se folosește pentru a determina din ce formă provine aplicația, în cazul nostru este o aplicație din formularul de promovare a site-ului).
  • Anteturi suplimentare (anteturi suplimentare, nu le atingem, sunt necesare pentru trimiterea corectă a formularului)
  • Corpul mesajului (Corpul mesajului, aici indicați de la cine a venit scrisoarea și de la ce adresă, de exemplu: „De la: Ivan” „Adresă de e-mail: vasya@ mail . ro »)
  • Fișiere atașate (Atașamente la fișier, nu atingeți)

Acum trebuie să setăm notificări despre trimiterea cu succes sau nereușită a unui e-mail din formularul de contact WordPress.

Acestea vor fi mesaje care vor fi afișate utilizatorului ca răspuns la acțiunile sale cu formularul. Implicit sunt în engleză. Am făcut o traducere în rusă dintre cele mai necesare pentru tine. Vor fi mai mult decât suficiente, iar dacă nu, atunci Google Translator vă va ajuta. Asadar, haideti sa începem.

  • La trimiterea cu succes a mesajului: „Mesajul dvs. a fost trimis cu succes. Mulțumiri."
  • Când trimiteți un mesaj incorect din formular: „A apărut o eroare la trimiterea mesajului. Vă rugăm să încercați din nou mai târziu sau să contactați administratorul site-ului."
  • Eroare de completare: „Erori de completare. Vă rugăm să verificați toate câmpurile și să trimiteți din nou."
  • Datele trimise au fost identificate ca spam: „Eroare la trimiterea mesajului. Vă rugăm să încercați din nou mai târziu sau să contactați administratorul site-ului."
  • Unele condiții trebuie acceptate: „Vă rugăm să acceptați condițiile pentru a continua”.
  • Unele câmpuri trebuie completate: „Vă rugăm să completați câmpul obligatoriu”.
  • S-a depășit lungimea caracterelor din câmpul: „S-au specificat prea multe date”.
  • Lungime insuficientă a caracterelor în câmp: „S-au specificat prea puține date”.
  • Format de dată nevalid: „Formatul de dată este invalid”.
  • Data devreme în limita minimă: „Data specificată este prea devreme”.
  • Data târziu în limita maximă: „Data specificată este prea târziu”.
  • Încărcarea fișierului a eșuat: „Încărcarea fișierului a eșuat”.
  • Tip de fișier nepermis: „Acest tip de fișier nu este permis”.
  • Încărcarea unui fișier prea mare: „Acest fișier este prea mare”.
  • Încărcarea fișierului a eșuat din cauza erorii PHP: „Încărcarea fișierului a eșuat. A avut loc o eroare."
  • Formatul numărului introdus de expeditor este incorect: „Formatul numărului este invalid”.
  • Număr mai mic decât limita minimă: „Acest număr este prea mic”.
  • Numărul este mai mare decât limita maximă: „Acest număr este prea mare”.
  • Expeditorul nu a introdus răspunsul corect la întrebarea: „Ați introdus un răspuns incorect”.
  • Adresa de e-mail introdusă de expeditor este incorectă: „E-mail nevalid”.
  • Adresa URL introdusă de expeditor este nevalidă: „Adresa URL nevalidă”.
  • Numărul de telefon introdus de expeditor este incorect: „Număr de telefon invalid”.

Foarte bun. Am terminat de configurat formularul, acum trebuie să îl introducem pe site. Pentru a face acest lucru, folosind o tehnologie deja cunoscută, accesați o pagină existentă sau creați una nouă. În exemplul meu, vă voi arăta un exemplu de formular existent pe o pagină de site WordPress.

Deoarece formularul nostru colectează aplicații pentru promovarea site-ului web, să mergem la o pagină similară.

Pentru a introduce formularul nostru de contact, trebuie să copiem codul scurt care i-a fost atribuit de plugin. Este disponibil sub numele formularului dvs.

Copiați și lipiți în pagina noastră, după ce mergeți la un editor de text (nu vizual). Afișat în captura de ecran de mai jos:

Să ne salvăm pagina și să vedem ce se întâmplă până la urmă în browser:

Super! Acum să încercăm să trimitem formularul fără a-l completa. Și iată ce vom vedea.

A apărut o eroare la trimiterea formularului deoarece utilizatorul nu a furnizat datele necesare în câmpuri. Acum să introducem datele corecte și să vedem ce obținem în acest caz.

Apăsăm pe Trimitere și iată ce scrie formularul nostru:

Acum să vedem cum arată aplicația noastră. Ei vin la cutia mea poștală. Verificați livrarea:

Să intrăm înăuntru pentru a ne asigura că codificarea și toate datele sunt corecte.

Totul este in regula. Formularul funcționează corect și trimite date. Acum putem colecta aplicații care vor veni la tine când ești logodit, dacă vorbim de promovare regională.

Așadar, v-am spus cum să faceți un formular de contact pe WordPress pe pagina unui site web. Acum vă voi spune cum să procedați formular pop-up de feedback adaptiv folosind pluginul nostru Formular de contact 7.

Crearea unui formular de contact pop-up receptiv în WordPress

Pentru ca formularul nostru să devină adaptiv, adică „cauciuc”, trebuie să conectăm un alt plugin, sau mai degrabă adăugarea lui la Formularul de contact 7 - se numește Formularul de contact Bootstrap 7. Instalați și activați-l pur și simplu și gata - funcționează. Nu trebuie să faceți setări cu el. Stabiliți și uitați.

În pasul următor, vă voi spune ce modificări trebuie făcute pentru a face formularul nostru pop-up și receptiv. Am făcut o implementare similară pe pagina principală a site-ului meu studio. Pentru a face acest lucru, să mergem la șablonul index.php, care se află în secțiunea „Aspect – Editor”. Vom lucra doar cu codul, manual.

Formularul nostru pop-up va fi afișat într-un dialog modal ca acesta:

Pentru a obține acest rezultat veți avea nevoie de următorul cod, îl voi prezenta în întregime într-un fragment:

Ordin

< a href = "#" class = "btn btn-primary btn-flat" data - toggle = "modal" data - target = "#modal2" >Ordin< / a >

< ! -- Modal -- >

< div class = "modal contact-modal fade" tabindex = "-1" id = "modal2" role = "dialog" aria - labelledby = "myModalLabel" aria - hidden = "true" >

< div class = "modal-dialog" >

< div class = "modal-content" >

< div class = "modal-header" >

< button type = "button" class = "close" data - dismiss = "modal" > < span aria - hidden = "true" >×< / span > < span class = "sr-only" >închide< / span > < / button >

< h4 class = "modal-title black" id = "myModalLabel" >Trimiteți cererea dvs< / h4 >

< / div >

Aproape de fiecare dată când un webmaster dezvoltă un site nou, el trebuie să aleagă cel mai bun (pentru nevoi specifice) plugin WordPress pentru formularele de contact și formularele de feedback. Acest lucru se întâmplă de obicei deoarece clientului nu îi place întotdeauna un simplu formular de contact și, uneori, este nevoie de mai multe formulare simultan pe un site.

Formularul de feedback este unul dintre cele mai importante elemente ale unui site WordPress, deoarece fără el pierzi o mare șansă de a păstra mereu legătura cu cititorii, partenerii, clienții tăi. În plus, pierzi multe oportunități de a atrage noi clienți. Pluginul de formular de contact WordPress facilitează adăugarea unui formular de contact pe site-ul dvs. web. Nu vorbesc de diverse site-uri corporative și de vânzări unde uneori sunt necesare formulare foarte specifice, nu doar pentru simple contacte.

În acest articol, voi enumera cele mai populare plugin-uri într-o ordine complet aleatorie. Articolul va fi cu siguranță completat în timp cu cele mai bune soluții.

Formularul de contact 7 este cel mai popular plugin de formular de contact WordPress (cu peste 12.000 de descărcări și în creștere). Pluginul se mândrește cu trimiterea AJAX, un filtru de spam Akismet încorporat și capacitatea de a încărca fișiere. Pluginul este complet gratuit și ușor de personalizat cu HTML simplu

Pro: Dacă sunteți în căutarea unui formular de contact simplu, acest plugin este ceea ce căutați, deoarece este ușor de instalat și configurat printr-o pagină simplă de setări. Cu o singură linie de cod, puteți încorpora un formular de contact în orice postare sau pagină.

Contra: Din punct de vedere tehnic, acest plugin nu are nevoie de lucru, dar ar fi bine să aveți câteva dintre care să alegeți. Dacă doriți să schimbați aspectul formularului, va trebui să vă jucați cu CSS.

Fast Secure Contact From este un alt plugin popular care a fost deja descărcat de peste 3,5 milioane de ori. Le permite proprietarilor de bloguri să creeze și să adauge cu ușurință formulare de contact pe site-urile WordPress. De asemenea, puteți utiliza formularul pentru a trimite cereri de invitație pentru un apel obișnuit sau video.

Pluginul are o interfață de administrare cu care puteți crea un număr nelimitat de formulare și puteți vizualiza previzualizările acestora. Folosind captcha și formularul Akismet Fast Secure, blochează atacurile bazate pe cele mai populare tactici de spam.

Pro: Spre deosebire de alte plugin-uri similare, formularul Fast Secure nu permite utilizatorilor să înregistreze un profil, dar poate oferi alte funcții grozave, cum ar fi posibilitatea de a crea un program, întâlniri online, suport pentru mai multe adrese de e-mail etc.

Contra: Versiunea actuală a pluginului nu are o interfață simplă, dar autorul pluginului a lansat recent o versiune beta care face o treabă mult mai bună cu interfața. Astfel, problema interfeței nu este atât de acută.

Formular de contact prin Contact ME

Formularul de contact este un plugin gratuit în funcționalitatea sa de bază, dar necesită să vă înregistrați pe site-ul contactme.com. Înregistrarea este complet gratuită și nu necesită niciun efort din partea dvs. Dezvoltatorii pluginului susțin că este cu un ordin de mărime mai bun decât multe pluginuri populare de formulare de contact, inclusiv formularul de contact 7!

Pro: plugin-ul mulțumește cu unele funcționalități utile - opțiunea de a trimite notificări către căsuța poștală și smartphone-ul tău, posibilitatea de a adăuga cod sau scripturi arbitrare în formular, precum și faptul că pune sigla pentru card, informații de contact ale companiei , și chiar link-uri în formular pe profilurile rețelelor sociale și multe altele.

Contra: Pentru a utiliza pluginul trebuie să creați un profil pe site-ul Contact Me. Chiar dacă înregistrarea este simplă și gratuită, tot nu vă face plăcere atunci când ești obligat să faci ceva.

Inițial, pluginul FormCraft a fost creat și dezvoltat doar în versiunea premium. Relativ recent, autorii au realizat o versiune separată, gratuită - FormCraft - Form Builder.

Ca și în versiunea premium, FormCraft - Form Builder vă permite să proiectați ușor și rapid diferite formulare într-un editor special și foarte convenabil prin drag & drop. Desigur, există mai puține oportunități aici, dar pentru utilizatorii obișnuiți va fi suficient.

Versiunea premium a FormCraft se mândrește cu personalizarea logicii scriptului, salvare automată, peste 20 de câmpuri personalizate suplimentare, formulare pop-up și fly-in, export în CSV și alte bucurii.

Unul dintre cele mai bune pluginuri de astăzi atât în ​​versiunea premium, cât și în versiunea gratuită.

Interfața Visual Form Builder vă va surprinde plăcut, deoarece pluginul vă permite să creați și să gestionați tot felul de formulare pe site-ul dvs. dintr-un singur loc. Într-un singur clic, puteți adăuga câmpuri noi, reorganiza pe cele existente, aplica o soluție anti-spam. Puteți folosi tehnologia drag & drop pentru a schimba ordinea câmpurilor.

Pro: Deși Visual Form Builder este similar cu alte pluginuri de formulare de contact enumerate aici, are propriile sale caracteristici interesante - capacitatea de a reordona elemente cu o simplă glisare și plasare, export de date de intrare într-un fișier CSV, mesaje de confirmare personalizate, un formular care acceptă introducerea mai multor e-mailuri.

Contra: Dacă site-ul dvs. WordPress este foarte mare, ar fi mai bine să utilizați un plugin diferit, deoarece acesta stochează formularul de intrare în baza de date WordPress.

nForms – Generator de formulare WordPress

Drag and Drop Builder vă oferă un șablon simplu de formular de contact cu mai multe coloane, cu trimitere și validare Ajax. Puteți chiar să afișați un formular folosind un plugin pop-up. Este posibil să afișați formularul folosind un cod scurt, o funcție PHP obișnuită sau un widget.

Dacă aveți nevoie de mai mult decât un formular de contact, atunci nForms este pluginul pe care îl puteți utiliza.

Gravity Forms este cea mai completă soluție pentru adăugarea unui formular de contact pe site-ul dvs. Cu un set de caracteristici interesante, acest plugin poate fi numit cel mai progresiv și mai avansat plugin-uri premium WordPress disponibile în prezent. Puteți folosi editorul vizual pentru a crea formulare complexe de contact pentru site-ul dvs. web. Există, de asemenea, o caracteristică la îndemână care face formele lungi mai ușor de utilizat, permițându-le să fie încorporate pe mai multe pagini, cu un indicator de umplere care arată cât de plin este formularul.

Pro: Gravity Forms vă poate oferi funcționalități complet exclusive care nu sunt disponibile în alte plugin-uri similare, cum ar fi opțiunea de a crea formulare de comandă (inclusiv costul în timp real), câmpuri dependente pentru a ascunde sau afișa câmpuri, secțiuni, pagini sau chiar o trimitere. butonul la alegerea utilizatorului.

Pro: În comparație cu alte plugin-uri prezentate aici, acesta este puțin costisitor, dar din nou, Gravity Forms oferă mult mai mult decât un simplu formular de contact. Dacă sunteți în căutarea unui formular de contact simplu, atunci nu are rost să cheltuiți bani pe acest plugin.

Formularul de contact mapat Pro WordPress folosește un alt algoritm pentru a afișa formularul pe site-ul dvs. Aceasta este o soluție excelentă pentru o afacere sau companie, deoarece poate fi folosită pentru a marca sucursalele sau birourile la sol. Pluginul este ideal și pentru cei care folosesc hărți pe site-urile lor.

Puteți introduce adresa pentru fiecare locație care apare în formularul de contact. Pluginul este ușor de utilizat și poate fi plasat pe orice postare sau pagină cu un simplu shortcode.

Un alt constructor de forme popular. Foarte puternic, cu un editor excelent, intuitiv (cum ar fi pluginurile plătite) în care vă puteți construi formularul prin simpla glisare și plasare a blocurilor de care aveți nevoie și ajustându-le. Are un întreg set de câmpuri și blocuri pregătite în prealabil. Toate câmpurile sunt imediat, atunci când sunt create, editate în limba de care aveți nevoie. În mod implicit, are doar un formular de contact standard pentru feedback și codul scurt corespunzător.

Pro: funcționalitate excelentă. În timpul creării unui formular nou, puteți utiliza un comutator la îndemână pentru a previzualiza și a testa rapid „desenele”.

Contra: Multe setări pentru blocuri îi pot speria pe începători. În plus față de funcționalitatea principală, are o mulțime de module plug-in premium pentru a lucra cu diverse servicii pentru primirea plăților, liste de corespondență și multe altele. Deși, acest lucru poate fi atribuit, desigur, plusurilor.

Ninja Kick: Formular de contact WordPress

Cel mai original formular de contact din întreaga colecție. Diferă prin faptul că este afișat ca un panou separat - un glisor în partea stângă sau dreaptă a site-ului. Arată extrem de impresionant. Are multe setări, dar în cea mai mare parte - în ceea ce privește aspectul său. Setarea câmpurilor în sine este minimă aici. Cu toate acestea, puteți pune un shortcode din popularul Formular de contact 7 și va funcționa.

Plugin interesant și formularul în sine. Puteți citi mai multe în.

Rezumând

Acum este momentul să alegeți extensia potrivită pentru site-ul dvs. web. Contact Form 7 sau FormCraft - Form Builder este probabil cea mai bună soluție pentru un blog obișnuit, dar pentru site-urile mari care oferă diverse servicii și servicii, aș recomanda utilizarea Gravity Forms sau Ninja Forms. Iubitorii de „iasă în evidență” grozav - Ninja Kick: Formular de contact.

Top articole similare