Cum să afișați formularul pe o singură linie în WordPress (Mod ușor)

Afișarea unui formular pe o singură linie este o modalitate excelentă de a economisi spațiu, oferind în același timp site-ului dvs. un aspect curat.

Funcționează deosebit de bine în anteturi, subsoluri sau bare laterale, permițându-vă să plasați formulare în zone cu trafic intens și să creșteți conversiile.

La WPBeginner, am testat diferite plasări ale formularelor de contact pentru a optimiza procesul nostru de captare a lead-urilor. Prin această experiență, am constatat că formularele simple duc adesea la rate de completare mai mari.

În acest articol, vă vom arăta cum să afișați cu ușurință formularul într-o singură linie în WordPress, pas cu pas.

De ce să afișați formulare pe o singură linie în WordPress?

Formularele pe o singură linie vă oferă mai multă flexibilitate atunci când alegeți unde să plasați formularele. Deoarece acest stil de formular este pe o singură linie, nu ocupă mult spațiu și poate fi integrat cu ușurință cu conținutul dvs. existent pe un blog WordPress.

De exemplu, formularele de înscriere la newsletter prin e-mail sunt adesea afișate pe o singură linie deasupra sau dedesubtul conținutului postării de pe blog. Aceste tipuri de formulare funcționează bine și pe pagini de destinație, pagini de contact și alte pagini importante de pe site-ul tău.

Pe lângă generarea mai multor abonați și lead-uri, puteți transforma orice tip de formular într-un formular pe o singură linie.

De exemplu, ar putea avea sens să afișați formularul de contact pe o singură linie pentru a economisi spațiu pe site-ul WordPress și pentru a face formularul mai receptiv pe mobil.

Acestea fiind spuse, haideți să vă arătăm cum să afișați un formular pe o singură linie pe site-ul dvs. WordPress.

Cum să creați un formular pe o singură linie în WordPress

Pentru acest tutorial, vom folosi pluginul WPForms. Acesta are un constructor drag-and-drop care vă permite să creați rapid orice formular WordPress. În plus, se integrează cu popularele instrumente de marketing prin e-mail, astfel încât să vă puteți extinde cu ușurință lista de e-mailuri.

La WPBeginner, am folosit acest instrument pentru a crea formulare de contact și sondaje anuale și am obținut rezultate excelente. Pentru mai multe informații, consultați recenzia noastră completă WPForms.

Mai întâi, trebuie să instalați și să activați pluginul WPForms. Pentru mai multe detalii, consultați ghidul nostru pentru începători despre cum să instalezi un plugin WordPress. 

După activare, vizitați pagina WPForms » Adăugare Nou din bara laterală de administrare WordPress și dați un nume formularului dvs. Apoi, trebuie să alegeți șablonul formularului.

Vom selecta șablonul „Formular de abonare”. Pur și simplu treceți cu mouse-ul peste șablon și faceți clic pe butonul „Utilizați șablonul”.

Aceasta va lansa constructorul de formulare drag-and-drop WPForms pe ecran.

Veți vedea că șablonul pe care l-am ales include automat câmpurile pentru nume și e-mail și un buton de trimitere.

Fiecare câmp poate fi editat făcând clic pe el și făcând modificări în coloana din stânga.

De asemenea, poți trage și plasa câmpurile pentru a le schimba ordinea.

Odată ce ați terminat de personalizat câmpurile, puteți afișa formularul pe o singură linie.

Pentru a face acest lucru, comutați la fila Setări » General din constructorul de formulare și apoi faceți clic pe meniul derulant „Avansat”.

Apoi, tastați „inline-fields” în caseta „Clasa CSS a formularului” (fără ghilimele).

Acest lucru va aplica acea clasă CSS formularului. Deoarece WPForms include stiluri pentru clasa „inline-fields”, acesta va schimba automat întregul aspect al formularului și îl va afișa frumos pe o singură linie.

După aceea, puteți face formularul și mai mic ascunzând etichetele câmpurilor.

Pentru a face acest lucru, pur și simplu faceți clic pe un câmp din formular pentru a deschide setările acestuia în coloana din stânga.

Odată ce ați făcut acest lucru, selectați opțiunea de meniu „Avansat” și faceți clic pe comutatorul „Ascunde eticheta” pentru a-l activa.

Apoi, trebuie să faceți același lucru pentru toate etichetele câmpurilor formularului.

După aceea, în aceeași secțiune „Avansat”, puteți introduce text în caseta „Placeholder”. 

Acest lucru le spune utilizatorilor dvs. la ce servește fiecare câmp al formularului. 

Odată ce ați terminat de personalizat formularul, asigurați-vă că faceți clic pe butonul „Salvare” pentru a vă stoca setările. 

Dacă folosiți formularul pentru a genera lead-uri, atunci puteți conecta formularul la furnizorul dvs. de email marketing. Pentru mai multe detalii, consultați ghidul nostru despre cum să creați un newsletter prin email în mod corect. 

Adăugarea formularului dvs. pe o singură linie pe site-ul dvs. WordPress

Acum, este timpul să adăugați formularul dvs. pe o singură linie pe site-ul dvs. WordPress. Îl puteți adăuga la orice pagină, postare sau zonă de widget.

Îl vom adăuga la o pagină existentă, dar procesul va fi similar dacă îl adăugați în altă zonă a blogului dvs. WordPress.

Pur și simplu deschideți pagina unde doriți formularul pe o singură linie și faceți clic pe butonul „Adăugare bloc” (+) pentru a deschide meniul de blocuri.

Apoi, faceți clic pe blocul „WPForms” pentru a-l adăuga pe site-ul dvs.

Apoi, alegeți formularul pe o singură linie pe care l-ați creat anterior din meniul derulant din blocul în sine.

Odată ce ați ales formularul, pluginul va încărca o previzualizare a formularului dvs. în interiorul editorului de conținut. Apoi, faceți clic pe butonul „Actualizare” sau „Publicare” pentru a face noul dvs. formular live.

Acum, puteți vizita site-ul dvs. web pentru a vedea noul dvs. formular în acțiune. 

Bonus: Utilizați OptinMonster pentru a crea ferestre pop-up și bannere

Pe lângă crearea formularelor pe o singură linie, puteți construi și formulare de contact plutitoare, pop-up-uri de abonare și bannere pe site-ul dvs. pentru a capta lead-uri prin email.

Pentru a face acest lucru, puteți utiliza OptinMonster, care este cel mai bun instrument de optimizare a conversiilor pentru WordPress de pe piață.

Îl folosim constant la WPBeginner pentru a crea pop-up-uri și bannere care promovează serviciile noastre pro și newsletter-ul, și ne place. Pentru a afla mai multe, consultați recenzia noastră completă despre OptinMonster.

Instrumentul vă permite să creați formulare de abonare frumoase care afișează informații personalizate și relevante pe baza interesului utilizatorului dvs. și face extrem de ușoară capturarea de lead-uri.

Pentru instrucțiuni detaliate, puteți consulta tutorialul nostru despre cum să creați un formular de contact pop-up în WordPress.

În afară de asta, puteți, de asemenea, crea bannere atractive pentru site-ul dvs., cerând utilizatorilor să se înscrie și să devină parte a newsletter-ului dvs.

În acest fel, puteți captura detaliile utilizatorilor fără a ocupa mult spațiu pe site sau a-i deranja pe utilizatori.

Pentru detalii, vă rugăm să consultați ghidul nostru pentru începători despre cum să construiți o listă de e-mailuri cu OptinMonster.

Sperăm că acest articol v-a ajutat să învățați cum să afișați formularul dvs. pe o singură linie în WordPress. De asemenea, ați putea dori să consultați ghidul nostru despre cum să creați formulare mai interactive sau selecția noastră expertă a celor mai bune alternative la Typeform.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.