În acest articol veți afla cum să creați un formular cu Elementor gratuit.

Deși widget-ul Formular este disponibil numai pe Elementor Pro, aceasta nu înseamnă că nu puteți crea un formular pe versiunea gratuită a Elementor.

Dacă trebuie să adăugați un formular la pagina pe care o creați cu versiunea gratuită a Elementor, puteți utiliza cele două metode pe care le vom acoperi în acest articol.

Elementor, fie că este versiunea pro sau versiunea gratuită, vine cu două widget-uri pe care le puteți folosi pentru a crea un formular. Acestea sunt widget-urile HTML și Shortcode. Cu widget-ul HTML, puteți încorpora un formular HTML, în timp ce widget-ul Shortcode vă permite să încorporați un formular din pluginuri de formulare care utilizează codul scurt, cum ar fi Formular de contact 7.

Creați formular cu versiunea gratuită Elementor utilizând widgetul HTML

Această metodă necesită să aveți o abilitate HTML pentru a crea formularul. Sau puteți descărca un șablon de formular HTML de pe Internet. W3docs are mai mult de 60 Șabloane de formular HTML pe care le puteți descărca gratuit.

Pentru a începe, creați o pagină nouă și editați-o cu Elementor (Pagini – > Adăugați). Desigur, puteți modifica și o pagină existentă. Dacă doriți să creați un formular pe o pagină nouă, nu uitați să setați aspectul formularului făcând clic pe pictograma roată din panoul din stânga jos.

Adăugați o secțiune nouă făcând clic pe butonul plus din zona de editare și adăugați formularul HTML trăgându-l din panoul din stânga în zona de editare. Așezați-l în zona dorită. Apoi mergeți la panoul din stânga și inserați codul HTML al formularului în câmp Cod HTML sub filă Conținut.

creați un formular cu Elementor gratuit

Publicați/actualizați pagina după ce ați terminat de editat-o.

Vezi și: Cum să utilizați widgeturile/șabloanele Elementor ca blocuri Gutenberg

Un lucru. Dacă formularul dvs. HTML utilizează CSS extern, imagini sau JavaScript pentru stil, asigurați-vă că încărcați folderele care conțin codul CSS, imagini și JavaScript în directorul rădăcină al site-ului dvs. web.

Creați un formular gratuit pe Elementor folosind formularul de contact 7

Dacă nu aveți abilități HTML și nu doriți să utilizați un șablon de formular HTML, puteți crea un formular în versiunea gratuită a Elementor folosind pluginul Formular de contact 7. Există de fapt multe alte pluginuri de formulare. Iti recomandam Formular de contact 7 deoarece este cel mai popular plugin de formular pentru WordPress și complet gratuit.

Mai întâi, instalați pluginul Formular de contact 7. Pentru a face acest lucru, accesați Extensii – > Adăugați. Introduceți „formular de contact 7” în caseta de căutare și faceți clic pe butonul instalați acum odată ce l-ai găsit.

Activați pluginul imediat după instalare.

creați un formular cu Elementor gratuit

Formularul de contact 7 vine cu un formular implicit (a formular de contact ). Îl poți folosi dacă vrei. Dacă doriți să creați un formular nou, puteți accesa Contact – > Adaugă. Dați un nume formularului dvs., astfel încât să îl puteți identifica cu ușurință în viitor.

În mod implicit, formularul dvs. va consta din patru câmpuri: nume, e-mail, subiect și mesaj.

creați un formular cu Elementor gratuit

Dacă doriți să adăugați un câmp nou, plasați indicatorul în zona în care doriți să adăugați noul câmp ( îl puteți plasa sub sau deasupra unui câmp existent). Adăugați etichetă pentru noul câmp de formular în format <label> votre label préféré </label>.

creați un formular cu Elementor gratuit

Plasați indicatorul imediat după etichetă și selectați un câmp din fila câmp. Puteți adăuga o nouă întrerupere de linie pentru a face noul câmp mai curat decât alte câmpuri existente.

Completați câmpurile și faceți clic pe Introduceți eticheta (puteți lăsa totul ca implicit).

creați un formular cu Elementor gratuit

Formularul de contact 7 va trimite trimiterile trimise prin formularul dvs. la un e-mail. Puteți seta e-mailul din filă E-mail.

creați un formular cu Elementor gratuit

Puteți merge la fila Chat cont dacă doriți să înlocuiți mesajele implicite. Puteți personaliza mesajul care apare după ce vizitatorii dvs. trimit cu succes formularul sau mesajul de eroare atunci când formularul nu este trimis etc.

creați un formular cu Elementor gratuit

Faceți clic pe butonul Registru odată ce ați terminat de editat formularul și de a copia codul scurt.

Pentru a adăuga formularul pe care tocmai l-ați creat la pagina dvs. Elementor, creați o pagină nouă și editați-o cu Elementor sau puteți edita și o pagină existentă.

Citiți și: Cum să dezactivați un pop-up Elementor pe smartphone-uri

Adăugați o nouă secțiune pentru a plasa formularul și adăugați Shortcode-widget. Odată ce widget-ul Shortcode este adăugat, mergeți la panoul din stânga și inserați codul scurt pe care l-ați copiat în câmp SHORTCODE sub filă Conținut.

Publicați/actualizați pagina după ce ați terminat de editat-o.

Formularul de contact 7 folosește formatul de stil al WordPress temă pe care îl folosești. Vă puteți modela formularul Formular de contact 7, dar sunt necesare abilități CSS. De asemenea, puteți vizualiza acest articol la Cum să personalizați un formular Contact Form 7 cu Essential Addons și Elementor.

Obțineți Elementor Pro acum!!!

Concluzie

Asa de ! Asta este tot pentru acest articol care vă arată cum să creați un formular cu Elementor gratuit. Dacă aveți nelămuriri cu privire la cum să ajungeți acolo, anunțați-le în comentarii.

Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.

...