Cum să creezi un formular de contact în WordPress fără codare
Vrei să adaugi un formular de contact pe site-ul tău WordPress, dar nu știi cum să programezi? Ești în locul potrivit. În acest ghid pas cu pas, vei învăța cum să... creează un formular de contact profesional în WordPress fără a scrie o singură linie de cod—și durează mai puțin de 5 minute.
Indiferent dacă ești blogger, proprietar de mică afacere sau îți construiești primul site web, un formular de contact este esențial. Acesta permite vizitatorilor să te contacteze ușor, te ajută să atragi clienți potențiali și arată mult mai profesional decât simpla publicare a adresei tale de e-mail.
De ce fiecare site web WordPress are nevoie de un formular de contact
Înainte de a intra în tutorial, haideți să înțelegem de ce este important un formular de contact:
- Protejează-ți e-mailul de spam – Publicarea adresei tale de e-mail invită roboții de spam să-ți inunde căsuța poștală
- Arata profesionist – Un formular bine conceput construiește încredere în rândul vizitatorilor
- Colectează informații structurate – Obțineți detaliile de care aveți nevoie (nume, e-mail, mesaj) într-un format organizat
- Întrebări despre piste – Stochează trimiterile în tabloul de bord WordPress în loc să le pierzi prin e-mail
- Experiență prietenoasă cu dispozitivele mobile – Formularele funcționează perfect pe telefoane și tablete
Ce ai nevoie
Pentru a urma acest tutorial, veți avea nevoie de:
- Un site web WordPress (găzduit personal pe WordPress.org)
- Acces de administrator pentru instalarea pluginurilor
- 5 minute din timpul tău
Asta e tot! Nu sunt necesare cunoștințe de programare, experiență tehnică și instrumente plătite.
Pasul 1: Instalați Auto Form Builder (plugin gratuit)
Vom folosi Constructor automat de formulare (de asemenea cunoscut ca si A.F.B.) — o liberă, plugin WordPress ușor cu o interfață vizuală drag-and-drop. Este perfectă pentru începători, deoarece nu există nicio curbă de învățare.
Iată cum se instalează:
- Conectați-vă la tabloul de bord de administrare WordPress
- Accesează Pluginuri → Adăugare nouă
- Caută "A.F.B.„(denumirea prescurtată pentru Auto Form Builder)”
- Cauta "AFB – Auto Form Builder – Creator de formulare cu glisare și plasare
- Clic Instalaţi acum, Apoi Activati
💡 Sfat: Căutarea după „AFB” este cea mai rapidă modalitate de a găsi pluginul în depozitul WordPress.
Odată activat, veți vedea „Constructor automat de formulare” în meniul de administrare WordPress. Asta e tot - sunteți gata să creați primul formular!
Pasul 2: Creați un formular de contact nou
Acum hai să construim formularul de contact:
- Clic Constructor automat de formulare în meniul dvs. de administrare
- Clic Creați un formular nou
- Veți vedea un ecran de selectare a șablonului - alegeți Formular de contact
Auto Form Builder vine cu un șablon de formular de contact predefinit care include:
- Câmpul Nume complet
- Câmpul Adresă de e-mail
- Câmpul Număr de telefon (Opțional)
- Câmp de mesaj
Șablonul este gata de utilizare imediat, dar îl puteți personaliza cum doriți.
Pasul 3: Personalizați câmpurile formularului (opțional)
Doriți să adăugați sau să modificați câmpuri? Constructorul de instrumente drag-and-drop simplifică acest lucru:
Adăugarea de noi câmpuri
În bara laterală din stânga, veți vedea tipurile de câmpuri disponibile. Pur și simplu trageți orice câmp pe pânza formularului:
- Introducere text – Pentru răspunsuri scurte, cum ar fi numele sau subiectul
- E-mail – Validează automat adresele de e-mail
- Phone – Pentru numere de telefon cu formatare opțională
- Zona de text – Pentru mesaje mai lungi
- dropdown – Permiteți utilizatorilor să selecteze din opțiuni (cum ar fi „Motivul contactării”)
- Checkbox – Pentru casete de consimțământ sau selecții multiple
Editarea setărilor de câmp
Faceți clic pe orice câmp pentru a-l personaliza:
- Schimba etichetă (de exemplu, „Numele dumneavoastră” în loc de „Numele complet”)
- Adăuga text substituent pentru a ghida utilizatorii
- Creați câmpuri necesar sau opțional
- Adăuga text de ajutor câmpuri de mai jos
Reordonarea câmpurilor
Pur şi simplu trageți câmpurile în sus sau în jos pentru a le schimba ordinea. Constructorul vizual arată exact cum va arăta formularul dumneavoastră.
Pasul 4: Configurați setările formularului
Apasă pe Setări cont pentru a configura ce se întâmplă când cineva trimite formularul dvs.:
Mesaj de succes
Personalizați mesajul pe care utilizatorii îl văd după trimitere. De exemplu:
„Vă mulțumim că ne-ați contactat! Vă vom răspunde în termen de 24 de ore.”
notificări prin email
Primește o notificare instantanee când cineva îți completează formularul:
- Permite notificări prin email
- Introduceți adresa dvs. de e-mail (sau mai multe adrese de e-mail separate prin virgulă)
- Personalizați subiectul e-mailului
Fiecare trimitere va fi trimisă direct în căsuța ta poștală și, de asemenea, stocată în siguranță în tabloul de bord WordPress.
Pasul 5: Stilizați formularul (opțional)
Doriți ca formularul dvs. să se potrivească cu designul site-ului dvs. web? Faceți clic pe fila Personalizare pentru a personaliza:
- Culori – Schimbarea culorilor butoanelor, a fundalurilor și a textului
- frontiere – Ajustați limitele câmpului și raza colțurilor
- spațiere – Controlează padding-ul și marginile
- Buton – Personalizați textul și aspectul butonului de trimitere
Formularele din Auto Form Builder sunt concepute să arate grozav pe orice temă, așa că stilizarea este complet opțională.
Pasul 6: Salvați și obțineți codul scurt
După ce ești mulțumit de formularul tău:
- Dați formularului un nume (de exemplu, „Formular de contact”)
- Clic Salvați formularul
- copiaţi SHORTCODE afișat
Pasul 7: Adăugați formularul de contact pe pagina dvs.
Acum haideți să afișăm formularul pe site-ul dvs. web:
Opțiunea A: Adăugați la o pagină existentă
- Accesează pagini și editați pagina dvs. de Contact
- Lipiți shortcode-ul unde doriți să apară formularul
- Clic Actualizează
Opțiunea B: Creați o pagină de contact nouă
- Accesează Pagini → Adăugați nou
- Titlează-l „Contact” sau „Contactează-ne”
- Adăugați un text introductiv dacă doriți
- Lipiți codul scurt
- Clic Publica
Vizitați pagina dvs. pentru a vedea noul și frumosul formular de contact în acțiune!
Pasul 8: Testați formularul de contact
Înainte de a anunța lumii noua ta formă, testează-o:
- Vizitați pagina dvs. de contact
- Completați formularul cu informațiile despre test
- Faceți clic pe Trimiteți
- Verifică dacă vezi mesajul de succes
- Verifică-ți e-mailul pentru notificare
- În WordPress, accesați Constructor automat de formulare → Trimiteri pentru a vedea intrarea stocată
Dacă totul funcționează, felicitări - formularul dvs. de contact este activ!
Gestionarea trimiterilor de formulare de contact
Una dintre cele mai bune caracteristici ale Auto Form Builder este funcționalitatea încorporată gestionarea trimiterilorSpre deosebire de unele pluginuri de formulare care trimit doar e-mailuri, fiecare trimitere este stocată în baza de date WordPress.
Accesează Constructor automat de formulare → Subscrieri la:
- Vedeți toate trimiterile într-un tabel care poate fi căutat
- Filtrați după dată – Astăzi, săptămâna aceasta, luna aceasta etc.
- Căutare trimiteri – Găsește instantaneu mesaje specifice
- Marchează ca citit/necitit – Urmăriți solicitările pe care le-ați gestionat
- Adaugă cu stea mesajele importante – Semnalați contactele cu prioritate ridicată
- Exportați în CSV – Descărcați datele pentru foi de calcul sau copii de rezervă
Asta înseamnă că nu veți pierde niciodată o solicitare a unui client, chiar dacă e-mailurile nu reușesc să fie livrate.
De ce este perfect Auto Form Builder pentru formularele de contact
Există multe pluginuri pentru formulare WordPress disponibile, dar iată de ce Auto Form Builder se remarcă pentru crearea de formulare de contact:
| Caracteristică | Constructor automat de formulare |
|---|---|
| Preț | ✅ Gratuit |
| Generator de glisare și plasare | ✅ Da |
| Șablon de formular de contact predefinit | ✅ Da |
| Notificări prin email | ✅ Da |
| Stocarea trimiterilor | ✅ Da (în WordPress) |
| mobil receptiv | ✅ Da |
| Nu este necesară codificarea | ✅ Da |
| Ușor și rapid | ✅ Da |
| Conform cu GDPR (date pe serverul dvs.) | ✅ Da |
| Trimiteri de export | ✅ CSV, JSON, XML |
| Logica conditionata | ✅ Da |
Întrebări frecvente
Va funcționa formularul cu tema mea WordPress?
Da. Auto Form Builder este conceput să funcționeze cu orice temă WordPress.
Pot primi formulare trimise prin e-mail?
Absolut. Activează notificările prin e-mail în setările formularului și vei primi un e-mail de fiecare dată când cineva trimite formularul tău. Trimiterile sunt, de asemenea, stocate în tabloul de bord WordPress ca rezervă.
Formularul de contact este optimizat pentru dispozitive mobile?
Da. Toate formularele create cu Auto Form Builder sunt complet responsive și arată grozav pe telefoane, tablete și computere desktop.
Cum îmi protejez formularul de spam?
Auto Form Builder oferă extensii de protecție împotriva spamului, inclusiv Google reCAPTCHA și Cloudflare Turnstile.
Pasii urmatori
Acum că aveți un formular de contact pe site-ul dvs. WordPress, luați în considerare aceste îmbunătățiri:
- Adăugați formularul de contact în subsol – Faceți-l accesibil de pe fiecare pagină
- Creați un formular de feedback – Colectați recenzii și mărturii ale clienților
- Creați un formular de înscriere la newsletter – Măriți-vă lista de emailuri
- Adăugați protecție împotriva spamului – Activați reCAPTCHA pentru site-urile cu trafic intens
Concluzie
Crearea unui formular de contact în WordPress nu necesită nicio cunoaștere de codare. Cu Constructor automat de formulare, poți crea un formular de contact profesional, adaptabil la dispozitive mobile, în mai puțin de 5 minute — complet gratuit.
Interfața drag-and-drop facilitează procesul pentru începători, în timp ce gestionarea încorporată a trimiterilor vă asigură că nu pierdeți niciodată o solicitare a unui client. În plus, toate datele dvs. rămân în siguranță pe propriul server WordPress.
Ești gata să-ți creezi formularul de contact? Descărcați Auto Form Builder din depozitul de pluginuri WordPress și începeți chiar azi.