Cum să adăugați formulare HTML în WordPress (2 metode)

Aveți un formular HTML gata de utilizare, dar adăugarea acestuia în WordPress poate fi dificilă și necesită multă testare.

Motivul este simplu: Adăugarea formularelor HTML în WordPress necesită abordarea corectă pentru a vă asigura că funcționează corespunzător și se integrează perfect pe site-ul dvs.

WordPress nu gestionează formularele în același mod în care o face un site web HTML obișnuit. Dacă doar copiați și lipiți codul formularului, acesta adesea nu va funcționa corect fără câțiva pași suplimentari.

Pe propriile noastre site-uri, folosim pluginul WPForms deoarece se ocupă de toată configurarea pentru noi. Acestea fiind spuse, știm că mulți utilizatori preferă să folosească formulare HTML personalizate pentru a menține lucrurile ușoare, a păstra controlul complet asupra codului lor sau pentru a evita adăugarea unui alt plugin.

În acest ghid, vă vom arăta 2 moduri ușoare de a adăuga formulare HTML în WordPress, astfel încât formularul dvs. să apară corect, să funcționeze conform așteptărilor și să nu vă strice site-ul. 💡

Ce sunt formularele HTML și de ce să creezi unul?

Formularele HTML funcționează în mare parte la fel ca alte formulare de pe site. Ele permit vizitatorilor să introducă și să trimită informații precum nume, adrese de e-mail, feedback, comenzi și multe altele.

Ceea ce le diferențiază este că formularele HTML sunt create folosind cod, în loc de un editor vizual drag-and-drop, cum ar fi un plugin de formulare. Acest lucru înseamnă că trebuie să definiți singur câmpuri precum casete de text, casete de selectare, butoane radio și câmpuri de tip dropdown.

Iată câteva avantaje ale creării formularelor de la zero folosind HTML:

• Performanță optimizată. Formularele HTML tind să se încarce mai repede și să utilizeze mai puțină memorie, deoarece codul este ușor.
• Control. Veți avea control complet asupra designului și funcționalității formularului, deoarece nu sunteți limitat de caracteristicile unui constructor de formulare.
• Personalizare. Formularele HTML pot fi adaptate exact nevoilor dvs., oferind o personalizare a formularului mai flexibilă.

Deși crearea formularelor HTML de la zero este o modalitate excelentă de a învăța și de a exersa codarea, aceasta are propriile sale provocări.

S-ar putea să aveți probleme cu compatibilitatea între browsere, unde formularul funcționează diferit pe diferite browsere web.

De asemenea, pe baza experienței noastre, gestionarea validării formularelor cu JavaScript poate fi dificilă. Necesită testare amănunțită pentru a vă asigura că puteți colecta și procesa corect toate intrările utilizatorilor.

Pentru a rezuma, iată avantajele și provocările cheie ale codării manuale a formularelor HTML:

✅ Beneficii	🛑 Provocări
Timp de încărcare mai rapid al paginii cu cod ușor	Asigurarea compatibilității între diferite browsere
Control complet asupra designului și funcționalității	Construirea validării formularului și gestionarea erorilor
Personalizare precisă pentru cerințe specifice	Configurarea manuală a protecției împotriva spamului
Oportunități mai bune pentru optimizarea performanței	Gestionarea configurației și procesării pe partea de server

Majoritatea utilizatorilor WordPress consideră că pluginurile oferă cel mai bun compromis. Acestea vă oferă opțiuni de personalizare HTML fără complexitatea configurării manuale a serverului.

Acestea fiind spuse, există modalități de a adăuga formulare HTML fără aceste complexități. Deci, indiferent dacă gestionați un blog WordPress, un site de afaceri sau un magazin online, puteți adăuga cu ușurință formulare HTML pe site-ul dvs. fără a fi nevoie să codați de la zero.

În secțiunile următoare, vă vom arăta cum să adăugați formulare HTML în WordPress. Iată o prezentare generală rapidă a celor 2 metode pe care le vom acoperi în acest ghid:

• Metoda 1: Adăugarea formularelor HTML în WordPress folosind pluginul HTML Forms (Ușor)
• Metoda 2: Adăugarea de HTML personalizat la formularele WordPress cu WPForms
• Sfat bonus: Încărcarea unei pagini HTML personalizate în WordPress
• Întrebări frecvente: Cum să adaugi formulare HTML în WordPress
• Resurse suplimentare: Mai multe ghiduri despre formulare WordPress

Gata? Să începem.

Metoda 1: Adăugarea formularelor HTML în WordPress folosind pluginul HTML Forms (Ușor)

🎖️ Ideal pentru: Dezvoltatori și manageri de site care doresc control complet HTML cu o soluție ușoară, axată pe performanță. Pluginul pune accent pe simplitate și viteză, peste constructorii vizuali.

Deoarece WordPress nu procesează trimiterile brute de formulare HTML în mod implicit, o modalitate ușoară de a adăuga un formular HTML la un site web WordPress este să folosiți un plugin gratuit pentru formulare, cum ar fi HTML Forms. Acesta oferă codul backend necesar pentru a colecta și trimite prin e-mail datele către dvs., permițându-vă în același timp să scrieți singur codul HTML.

Cu peste 10.000 de instalări active și o evaluare de 4,9 din 5 stele pe WordPress.org, este un instrument de încredere pentru crearea și configurarea formularelor HTML într-un singur loc, astfel încât să nu fie nevoie să vă ocupați de nicio configurare pe partea de server.

Pentru a începe, să ne asigurăm că aveți pluginul instalat pe site-ul dvs. WordPress.

Din tabloul de bord WordPress, accesați Plugins » Add New din bara laterală din stânga și folosiți caseta de căutare pentru a găsi pluginul.

Când îl vedeți în rezultatele căutării, faceți clic pe „Install Now” și apoi pe „Activate”. Dacă aveți nevoie de ajutor, puteți urma ghidul nostru pas cu pas despre instalarea unui plugin WordPress.

După activare, puteți naviga la HTML Forms » Add New din bara laterală din stânga a tabloului de bord de administrare WordPress pentru a începe crearea formularului dvs. de contact.

Acest lucru te va redirecționa către pagina „Adaugă formular nou”.

De aici, primul lucru pe care va trebui să îl faceți este să denumiți formularul tastând numele în câmpul „Titlul formularului”. De exemplu, noi am numit formularul nostru „Înscriere la Newsletter”.

Apoi, continuați și faceți clic pe butonul „Creare formular” de sub câmp.

Odată ce ați făcut acest lucru, va apărea pagina „Editare formular” și puteți începe să personalizați formularul dvs. de contact HTML.

În partea de sus a paginii, veți vedea detaliile formularului dvs., inclusiv titlul formularului, slugul și shortcode-ul. Nu trebuie să memorați aceste detalii, deoarece vor fi disponibile pe tabloul de bord HTML Forms atunci când aveți nevoie de ele.

Sub detaliile acestea, veți găsi filele meniului. În fila „Câmpuri”, puteți vedea diverse butoane de câmp, cum ar fi „Text”, „Date”, „Bife” și „Butoane radio”, pentru a le adăuga la formularele dvs.

Acum, derulați puțin mai jos.

În partea de jos a acestei file, veți găsi un formular HTML preconstruit, împreună cu previzualizarea.

Acest formular de contact este destul de simplu. Are 4 câmpuri pentru ca utilizatorii să își introducă numele, adresa de e-mail, un subiect scurt și un mesaj.

Acum, să spunem că doriți să adăugați un nou câmp pentru înscrierea la un newsletter prin e-mail. Apoi, pur și simplu faceți clic pe unul dintre butoanele de câmp deasupra „Form Code”.

De exemplu, vom folosi un câmp de tip dropdown și vom crea o opțiune „Da/Nu” pentru abonarea la newsletter.

De aici, veți dori să faceți clic pe „Dropdown” (Listă derulantă), iar aceasta va deschide opțiunile de configurare ale câmpului derulant. Puteți începe să completați detaliile, care includ eticheta câmpului și alegerile.

După introducerea detaliilor, puteți face clic pe „Add Field to Form” (Adaugă câmp la formular).

Apoi, ar trebui să vedeți eticheta câmpului derulant în secțiunea „Cod formular”. Pur și simplu derulați în jos fila pentru a o verifica.

Următorul pas este reorganizarea formularului de contact.

Pentru a menține un flux bun, veți dori ca câmpurile de tip dropdown să fie chiar sub câmpul „Email”.

Deoarece acest plugin nu are un constructor drag-and-drop, va trebui să mutați codul manual. Continuați și tăiați codul câmpului dropdown de la eticheta <p> de deschidere până la eticheta </p> de închidere.

Apoi, pur și simplu lipiți acel fragment de cod chiar după eticheta de închidere a câmpului „Email” (care arată de obicei ca </p> sau </label>).

Câmpul implicit „Subiect” s-ar putea să nu fie necesar pentru un formular de înscriere la newsletter. Prin urmare, recomandăm eliminarea câmpului.

Poți face acest lucru ștergând întregul bloc de paragraf care conține eticheta și intrarea câmpului Subiect, inclusiv tag-urile de deschidere <p> și de închidere </p>.

După mutarea și ștergerea etichetelor, veți dori să derulați în jos fila până la secțiunea „Form Preview” (Previzualizare formular).

În această secțiune, poți verifica dacă ai mutat și șters cu succes câmpurile fără a strica nimic. În Previzualizarea Formularului de mai jos, poți verifica dacă câmpul Subiect a dispărut fără a strica aspectul formularului. Poți verifica, de asemenea, dacă dropdown-ul funcționează corect.

Când sunteți mulțumit de rezultate, faceți clic pe butonul albastru „Salvează modificările” din secțiunea „Cod formular”.

Odată ce procesul de salvare este finalizat, ar trebui să vedeți o notificare „Formular actualizat.” în partea de sus a acestei pagini.

Acum, ați putea dori să verificați configurația formularului. Să trecem la fila „Mesaje” pentru a vedea cum configurează HTML Forms mesajele de confirmare a trimiterii formularului.

Pur și simplu faceți clic pe „Mesaje” pentru a deschide fila.

Această filă vă permite să editați textul predefinit pentru situațiile în care trimiterea formularului de către un utilizator este reușită și altele similare.

Dacă totul arată bine pentru dvs., atunci îl puteți lăsa așa. Dacă faceți modificări, nu uitați să faceți clic pe butonul „Salvează modificările” pentru a nu vă pierde progresul.

Apoi, să mergem la fila „Setări”.

Implicit, HTML Forms va seta „Da” pentru a salva fiecare trimitere de formular și „Nu” pentru a ascunde formularul după o trimitere reușită. Puteți personaliza acest lucru după cum este necesar.

Apoi, în câmpul „Redirect to URL After Successful Sign-Ups” (Redirecționează către URL după înscrieri reușite), poți copia și lipi URL-ul unei pagini web live de pe site-ul tău WordPress. Alternativ, poți lăsa câmpul gol sau poți introduce 0 pentru a păstra utilizatorii pe pagina curentă după o trimitere reușită a formularului.

Când totul este setat, tot ce mai rămâne de făcut este să adăugați formularul HTML la o pagină WordPress.

Să mergem la Postări sau Pagină » Toate Postările sau Toate Paginile din tabloul de bord WordPress.

Pentru acest ghid, vom adăuga formularul HTML la pagina noastră „Contact”.

Apoi, vom plasa cursorul deasupra paginii „Contact” din listă și vom apăsa „Edit” (Editare) când apare.

Aceasta va lansa editorul de blocuri al paginii „Contact”.

În editor, poți începe să alegi o zonă pentru a adăuga formularul. Apoi, pur și simplu plutește deasupra unei zone între blocuri și apasă butonul „+” pentru a adăuga blocul Formulare HTML, sau apasă pictograma de inserare a blocului din bara de instrumente din stânga sus.

Acum, poți tasta „Formulare HTML” în bara de căutare din partea de sus a panoului de inserare a blocurilor pentru a găsi rapid blocul. Odată ce ai rezultatul căutării, apasă pe el.

Veți vedea apoi un meniu derulant în blocul „Formulare HTML”. Pur și simplu extindeți-l și selectați formularul pe care doriți să îl afișați. Aici, selectăm formularul „Înscriere la newsletter” pe care tocmai l-am creat.

Formularul va apărea atunci când publicați conținutul. Deci, odată ce ați selectat formularul din meniul derulant, puteți face clic pe butonul „Actualizare”.

Formularul dvs. este acum live, iar utilizatorii se pot abona la newsletter-ul dvs. Iată cum ar putea arăta pe site-ul dvs.:

Pentru a vedea trimiterile formularelor, poți merge mai întâi la Formulare HTML » Toate Formularele. Acest lucru te va duce la lista tuturor Formularelor tale HTML.

Apoi, pur și simplu plasează cursorul deasupra unui formular și apasă butonul „Submissions” (Trimiteri) când apare.

De aici, puteți vedea toate trimiterile formularului dvs.

Tabelul „Trimiteri” detaliază toate informațiile pe care utilizatorii le-au completat în formularul dvs. Apoi, există coloana „Timestamp”, care vă spune când au trimis formularul.

De exemplu, aici, prima trimitere a fost făcută de „User 1”.

Din tabel, putem vedea că utilizatorul a trimis formularul pe 25 iunie, în jurul orei 13:00. De asemenea, „Utilizatorul 1” a răspuns „Poate mai târziu” la întrebarea „Doriți să vă abonați la newsletter-ul nostru?”. Deci, în acest caz, nu ar trebui să adăugați adresa lor de e-mail în lista dvs. de corespondență.

Metoda 2: Adăugarea de HTML personalizat la formularele WordPress cu WPForms

🎖️ Cel mai bun pentru: Utilizatori non-tehnici care doresc formulare profesionale în câteva minute, fără codare. WPForms este lăudat de utilizatori pentru că face posibilă crearea rapidă de formulare frumoase, cu interfața sa intuitivă de tip drag-and-drop.

O altă abordare este să folosești un constructor vizual de formulare de contact precum WPForms, cel mai bine cotat plugin de formulare WordPress, cu peste 6 milioane de instalări active și o evaluare de 4,8 din 5 stele din peste 14.000 de recenzii.

Aceasta este cea mai bună opțiune dacă dorești să construiești formularul vizual, dar trebuie să inserezi elemente HTML specifice, cum ar fi un link, un format de text sau un tooltip, folosind cod.

De exemplu, ai putea folosi HTML personalizat pentru a afișa un scurt mesaj de avertizare pe un formular de checkout cu un link către pagina ta „Politică de Rambursare și Retur”.

Sau puteți adăuga o bară de progres pentru a informa utilizatorii cât de aproape sunt de completarea formularului. HTML personalizat vă poate permite chiar să inserați emoji sau să adăugați un tooltip.

În această metodă, vă vom arăta cum să adăugați fragmente de cod HTML pentru a vă personaliza formularele WordPress folosind WPForms, cel mai bun constructor de formulare pentru WordPress.

Mai multe despre WPForms

WPForms este cel mai popular constructor de formulare WordPress, cu peste 6 milioane de instalări active.

Dincolo de constructorul său drag-and-drop, include o bibliotecă mare de add-on-uri și integrări care vă pot extinde formularele fără a necesita dezvoltare personalizată. De exemplu, puteți:

• Urmăriți și recuperați abandonarea formularelor (plan Elite)
• Creați formulare conversaționale (plan Pro)
• Rulați sondaje și chestionare (plan Pro)
• Acceptați plăți prin Stripe, PayPal, Square și Authorize.Net (plan Plus)
• Colectați semnături digitale (plan Pro)
• Înregistrați automat utilizatorii WordPress (plan Pro)

Versiunea gratuită WPForms Lite include constructorul de formulare de bază și câmpurile de bază. Câmpul HTML utilizat în acest tutorial necesită o licență premium (Basic sau mai mare). Disponibilitatea variază în funcție de plan: câmpul HTML este disponibil de la Basic (49,50 USD/an), iar majoritatea add-on-urilor avansate necesită Pro (199,50 USD/an) sau Elite (299,50 USD/an).

La WPBeginner, folosim WPForms pentru formularele de contact, sondajele anuale și formularele de solicitare de migrare a site-ului, deoarece face crearea și gestionarea formularelor mult mai ușoară decât codarea lor manuală.

Obțineți mai multe informații despre acest plugin pe recenzia noastră detaliată WPForms.

Înainte de a începe, asigurați-vă că aveți un cont WPForms cu o licență premium care include câmpul HTML (plan Basic sau mai mare).

Pe site-ul web WPForms, faceți clic pe butonul „Get WPForms Now”, alegeți un plan care include câmpul HTML (licență Basic sau mai mare la 49,50 USD/an sau mai mult) și finalizați checkout-ul.

La înregistrare, veți avea propriul dvs. tablou de bord WPForms, unde puteți descărca fișierul zip WPForms și copia cheia de licență.

Acum, sunteți gata să instalați și să activați WPForms pe site-ul dvs. WordPress.

Din tabloul de bord WordPress, accesați Pluginuri » Adăugare Nou și faceți clic pe butonul „Încărcare Plugin” din partea de sus.

Ar trebui să vedeți acum încărcătorul de fișiere.

Continuați și faceți clic pe „Alegeți Fișierul” pentru a încărca fișierul zip WPForms de pe computerul local. După aceea, pur și simplu faceți clic pe „Instalare Acum” și apoi pe „Activare”.

Dacă aveți nevoie de ajutor, vă rugăm să consultați ghidul nostru despre cum să instalați un plugin WordPress.

După activare, puteți naviga la WPForms » Setări pentru a introduce codul de licență. După introducerea cheii, pur și simplu faceți clic pe butonul „Verificare Cheie” pentru a începe verificarea.

Odată terminat, puteți începe să creați formularul și să adăugați HTML personalizat.

Pentru acest ghid, vă vom arăta cum să adăugați un tooltip simplu la formularul dvs. de contact.

Un tooltip este ca o mică fereastră pop-up care apare atunci când plasați cursorul mouse-ului peste un element web. Este util, deoarece permite utilizatorilor să afle mai multe despre un anumit element web fără a face clic sau a părăsi pagina pe care se află.

Dar mai întâi, să creăm formularul de contact. Pur și simplu accesați WPForms » Adăugare Nou din zona de administrare WordPress pentru a începe.

Aceasta va deschide panoul „Configurare”, unde va trebui mai întâi să denumiți formularul. Acest nume este doar pentru referință internă, deci puteți folosi orice doriți.

Următorul pas este să selectați cum doriți să construiți formularul.

Cu WPForms, puteți crea formulare utilizând creionul de formulare AI (plan Basic sau superior), un șablon predefinit sau de la zero.

Dacă doriți să utilizați constructorul bazat pe AI, atunci tot ce trebuie să faceți este să introduceți o solicitare simplă. AI-ul va crea apoi formularul pentru dvs. în câteva secunde.

Pentru acest tutorial, însă, vom folosi un șablon preconstruit.

Deoarece există peste 2.100 de șabloane de formulare din care puteți alege, puteți utiliza bara de căutare pentru a le filtra rapid. Pentru a face acest lucru, tastați pur și simplu „Formular de contact” și așteptați finalizarea căutării.

Dacă doriți să explorați fiecare rezultat al căutării pentru a vedea cum arată formularul, atunci puteți profita de funcția de previzualizare. Pur și simplu treceți cu mouse-ul peste șablonul formularului și faceți clic pe „View Demo”.

Odată ce ați găsit formularul de contact perfect pentru nevoile dvs., treceți peste el încă o dată și faceți clic pe „Utilizați șablonul”.

Aceasta va lansa constructorul de formulare.

Acum, toate instrumentele de personalizare se află în panoul din stânga, iar previzualizarea live a formularului este în partea dreaptă a ecranului.

Pe această pagină, puteți folosi funcția de glisare și fixare pentru a adăuga elemente din panoul din stânga în previzualizarea live. Puteți folosi, de asemenea, funcția pentru a muta câmpurile în previzualizarea live.

Să încercăm să adăugăm câmpul HTML în formular. Tot ce trebuie să faci este să derulezi în jos panoul din stânga și apoi să tragi și să plasezi „HTML” pe formular.

După inserarea câmpului HTML, poți face clic pe el pentru a deschide opțiunile de personalizare. Aici, primul lucru de făcut este să completezi „Eticheta” câmpului. Poți, de asemenea, să o lași goală.

Apoi, veți insera codul HTML personalizat în câmpul „Cod”.

Pentru a crea un tooltip, puteți utiliza eticheta <span> sau pur și simplu copiați următorul cod și lipiți-l în câmpul „Cod”:

<span title="We have cool stuff to share every week. :)">Hi there! We have an email newsletter you might want to subscribe to. Let us know in the Comment or Message field, and we'll sign you up.</span>

Acesta este doar un cod de eșantion, așa că nu ezitați să editați textul pentru a se potrivi nevoilor dvs. Partea title="" din cod este exact ceea ce îi spune browserului web să creeze efectul pop-up la hover!

Reține că WPForms nu afișează codul HTML în previzualizarea constructorului de formulare. Pentru a previzualiza câmpul și a te asigura că totul este corect, poți salva mai întâi modificările și apoi să apeși „Preview” (Previzualizare).

Acest lucru vă va duce la o nouă filă.

Acum, să testăm dacă fragmentul de cod HTML pentru tooltip-ul tău funcționează corect. Pur și simplu plutește cu mouse-ul peste text și așteaptă ca tooltip-ul să apară timp de câteva secunde.

Când sunteți mulțumit de rezultat, puteți reveni la constructorul de formulare pentru a finaliza formularul.

Setările de notificare și confirmare ale formularului dvs. sunt deja configurate în WPForms. Cu toate acestea, dacă doriți să le personalizați, accesați „Setări” și apoi „Notificări” sau „Confirmări”.

În secțiunea „Notificări”, puteți adăuga mai mulți destinatari pentru trimiterea formularului de contact.

Pentru a adăuga mai mulți destinatari, separați adresele de e-mail cu virgule: email1@example.com, email2@example.com, email3@example.com. Puteți, de asemenea, să plasați cursorul peste butonul cu semnul întrebării de lângă câmpul „Trimite la adresa de e-mail” pentru instrucțiuni suplimentare

Puteți edita, de asemenea, textul predefinit pentru linia de subiect a e-mailului dvs.

De exemplu, noi am schimbat al nostru din „Înregistrare nouă: Formular de contact” în „Aveți un mesaj: Contact nou”.

După ce ați personalizat notificările, veți dori să treceți la panoul „Confirmare”.

Implicit, WPForms setează tipul de confirmare la „Mesaj” și are copia pre-făcută gata pentru dvs. Puteți schimba cu siguranță aceste setări dacă doriți.

Pe lângă afișarea unui mesaj de confirmare, puteți redirecționa utilizatorii către o nouă pagină sau un URL specific.

Odată ce totul este setat, este timpul să publicați și să încorporați formularul WordPress.

Continuați și faceți clic pe butonul portocaliu „Încorporare” din colțul din dreapta sus al creatorului de formulare pentru a începe publicarea.

WPForms vă va întreba apoi dacă doriți să adăugați formularul la o pagină existentă sau la una nouă. În acest ghid, vom alege „Selectați Pagina Existentă”.

În următoarea fereastră pop-up, veți alege o pagină din lista de pagini disponibile. După aceea, puteți face clic pe „Să mergem!” pentru a accesa editorul de blocuri al paginii.

Acum, puteți plasa cursorul peste o zonă între blocuri și faceți clic pe butonul „+”, sau faceți clic pe pictograma de inserare a blocului din bara de instrumente din stânga sus. Continuați și selectați blocul WPForms

Apoi, poți alege un formular din meniul derulant al blocului WPForms.

Odată ce ați selectat un formular, WPForms îl va încărca în zona de conținut selectată. Dacă doriți să afișați titlul formularului, puteți accesa fila „Bloc” din panoul din dreapta și puteți activa glisorul „Afișare titlu”.

Când ești mulțumit de tot, apasă butonul „Update” (Actualizare).

Și gata! Ați adăugat HTML personalizat la formularul de contact WPForms și l-ați făcut live pe site-ul dvs. WordPress.

Acum, utilizatorii pot începe să completeze formularul și, posibil, să se aboneze la newsletterul dvs. prin e-mail.

Pentru a vedea toate trimiterile formularelor WPForms, accesați WPForms » Toate formularele.

Apoi, puteți trece cu mouse-ul peste „Formular de contact” sau orice formular din listă și faceți clic pe „Intrări” atunci când apare butonul.

Pe ecranul următor, ar trebui să puteți vedea toate trimiterile formularului dvs.

Tabelul detaliază toate informațiile pe care utilizatorii le-au trimis cu formularul, precum și ora trimiterii.

De exemplu, pe 2 iulie, în jurul orei 8 dimineața, „Utilizator 3” a spus că dorește să se aboneze la newsletter-ul prin e-mail și a lăsat o întrebare despre cum să contacteze echipa noastră de suport clienți.

Putem vedea, de asemenea, coloana „Acțiuni”. În această coloană, există mai multe butoane: „Vizualizare”, „Editare”, „Spam” și „Coș de gunoi”.

Dacă faceți clic pe „Vizualizare”, WPForms vă va direcționa către pagina dedicată de prezentare generală a unei înregistrări. Pe această pagină, pluginul vă încurajează să activați două add-on-uri.

Primul este add-on-ul Geolocație pentru urmărirea de unde utilizatorul trimite formularul. Al doilea este add-on-ul Călătoria utilizatorului, care vă poate ajuta să analizați parcursul utilizatorului pe site-ul dvs. până când acesta face clic pe butonul „Trimite”.

Recomandăm instalarea și activarea acestor add-on-uri pentru o performanță optimizată a formularelor. Rețineți că ambele add-on-uri sunt disponibile în licența Pro (199,50 USD/an) sau superioară.

Butoanele „Spam” și „Coș de gunoi” sunt utile pentru marcarea trimiterilor false și eliminarea acestora din intrările dvs. Pentru a afla mai multe despre reducerea trimiterilor false de formulare, puteți citi ghidul nostru despre cum să blocați spamul formularelor de contact.

Sfat bonus: Încărcarea unei pagini HTML personalizate în WordPress

De asemenea, s-ar putea să căutați o modalitate de a încărca o pagină HTML personalizată pe site-ul dvs. WordPress. Acest lucru poate fi util dacă aveți un șablon static pe care doriți să îl utilizați sau o pagină HTML dintr-un site web vechi.

În general, puteți încărca o singură pagină HTML fără fișiere CSS sau imagini separate, utilizând un plugin File Manager sau un client FTP.

Dar, dacă pagina pe care doriți să o încărcați include fișiere CSS și imagini separate, atunci va trebui să le încărcați într-un folder, păstrând aceeași structură de directoare utilizată în fișierul dvs. HTML.

AIOSEO, cel mai bun plugin SEO pentru WordPress, poate ajuta motoarele de căutare să găsească pagina dvs. HTML personalizată, adăugând-o în hărțile site-ului dvs. XML.

Pentru a afla mai multe, consultați ghidul nostru pentru începători despre cum să încărcați o pagină HTML în WordPress fără erori 404.

Întrebări frecvente: Cum să adaugi formulare HTML în WordPress

Am răspuns la câteva întrebări frecvente pentru a vă ajuta să adăugați formulare HTML în WordPress cu ușurință.

De ce formularul meu HTML nu funcționează pe WordPress?

Aceasta este o problemă comună. În WordPress, simpla lipire a unui formular HTML de obicei nu este suficientă pentru a-l face să funcționeze.

Deși formularul poate fi afișat corect, WordPress nu procesează automat trimiterile de formulare. Spre deosebire de un site HTML de bază, nu există un script încorporat pentru a gestiona datele atunci când cineva face clic pe Trimite.

Pentru a face formularul funcțional, va trebui să adăugați cod PHP personalizat pentru a procesa trimiterile sau să utilizați un plugin care se ocupă de acest lucru pentru dvs.

Cum mă pot asigura că trimiterile formularului meu sunt procesate?

Cea mai ușoară opțiune este să utilizați un plugin pentru formulare de contact precum WPForms sau Formidable Forms. Aceste plugin-uri se ocupă de tot în culise, inclusiv de salvarea intrărilor, trimiterea notificărilor prin e-mail și blocarea spamului, astfel încât să nu fie nevoie să configurați totul singur.

Pot să-mi personalizez formularele dacă folosesc HTML?

Da, absolut. Utilizarea HTML vă oferă control complet asupra modului în care arată și funcționează formularul dvs. Doar țineți cont de faptul că veți fi responsabil și pentru tot restul, cum ar fi:

• Stilizarea formularului cu propriul dvs. CSS
• Adăugarea de validare, mesaje de eroare sau logică condițională cu cod personalizat
• Asigurarea că formularul funcționează corect pe diferite dispozitive și browsere

Deci, da, aveți flexibilitate completă, dar și responsabilitate completă.

Resurse suplimentare: Mai multe ghiduri despre formulare WordPress

Sperăm că acest articol v-a ajutat să învățați cum să adăugați formulare HTML în WordPress. În continuare, ați putea dori să consultați ghidurile noastre despre:

• Cum să creați un formular de rezervare în WordPress (Metode ușoare)
• Cum să creați formulare multilingve în WordPress
• Cum să creați formulare conversaționale în WordPress
• Cum să exportați intrările formularului WordPress în CSV și Excel
• Ghidul complet pentru utilizarea formularelor WordPress

Dacă v-a plăcut acest articol, atunci vă rugăm să vă abonați la Canalul nostru de YouTube pentru tutoriale video despre WordPress. Ne puteți găsi, de asemenea, pe Twitter și Facebook.