Formulare Elementor: Cum să creați un formular de contact Elementor

Publicat: 2022-06-07

Elementor este unul dintre cei mai populari creatori de pagini cu funcționalități înalte și caracteristici vaste. Dar s-ar putea să vă surprindă că nu au un generator de formulare multifuncțional în tabloul de bord. Ceea ce oferă Elementor Form este foarte simplu și direct. Dacă doriți să utilizați opțiuni mai avansate, cum ar fi acceptarea plăților sau efectuarea de sondaje, aveți nevoie de un plugin dedicat pentru generarea de formulare. Mai mult, pentru a gestiona trimiterile de formulare, trebuie să instalați un plugin suplimentar pentru a vă gestiona intrările cu Elementor. În acest articol, vom învăța cum să facem cel mai bun formular de contact Elementor și să gestionăm datele cu același plugin.

Fluent Forms este cel mai prietenos generator de formulare pentru începători. Descărcați acum și începeți să creați forme frumoase GRATUIT!!!

Cum se creează un formular Elementor

Vă vom arăta două metode de creare a unui formular de contact Elementor pentru a vă ajuta să alegeți conform nevoilor dvs.

Creați un formular de contact cu Elementor Pro
Cel mai bun mod de a crea un formular de contact Elementor (gratuit)

Creați un formular de contact cu Elementor Pro

Dacă doriți să creați un formular cu Elementor, va trebui să achiziționați Elementor pro. Cu licența pro, puteți accesa widget-ul de formular și puteți crea formularul în cadrul generatorului de pagini Elementor. Veți avea, de asemenea, acces la un număr uriaș de șabloane de formulare. În plus, veți avea o serie de caracteristici interesante care vă pot transforma site-ul.

Pașii creării unui formular de contact cu Elementor –

1. Adăugarea formularului Elementor pe pagina dvs

Pentru a adăuga un formular pe pagină, trebuie să deschideți o pagină sau să adăugați una nouă, apoi faceți clic pe Editare cu Elementor. Acum căutați Formulare în bara de widget-uri din partea stângă. Dacă nu aveți licența pro, nu puteți beneficia de această funcție.

Acum trageți și plasați widgetul pe pagina pe care doriți să vă creați formularul Elementor. Veți vedea un formular de contact de bază care va apărea pe pagina dvs.

2. Adăugarea de câmpuri diferite la formularul dvs. Elementor

Puteți vedea că forma Elementor are o grămadă de caracteristici pe mânecă. Trebuie doar să explorați și să creați formularele dorite în câteva minute. Acum, ce zici de tine ai nevoie de câmpuri și opțiuni diferite, mai degrabă decât de cele pre-populate. Puteți adăuga peste 18 câmpuri la formularele dvs. Elementor și acestea sunt:

Text
E-mail
Zona de text
URL
Tel
Radio
Selectați
Caseta de bifat
Acceptare
Număr
Data
Timp
Fișier încărcat
Parola
HTML
Ascuns
reCAPTCHA
Borcan cu miere

Acesta este un număr bun de tipuri de câmp cu care să te joci. Puteți realiza diferite forme cu acest generator de formulare. Acum trebuie să personalizați setările și să vă proiectați formularul pentru a-l face uimitor.

3. Configurarea trimiterii formularului

După trimiterea formularului, puteți configura directorul de e-mail și datele pe care doriți să le obțineți din trimiterea formularului. Aceasta nu este știință rachetă. Puteți configura toate opțiunile precum -

La
Subiect
Mesaj
De la email
De la Nume
Raspunde la
CC
BCC

Toate opțiunile pentru a trimite un e-mail.

4. Proiectați-vă formularul Elementor

Există o mână de opțiuni pentru a vă proiecta formularul. De la modificarea lățimii coloanelor la schimbarea culorii de fundal a formularului, de la configurarea substituentului până la schimbarea tipografiei, puteți face ce doriți cu formularul dvs.

Accesați opțiunea Stil pentru a oferi un aspect unic formularului dvs.

De ce forma Elementor nu este suficientă pentru tine

În primul rând, nu puteți beneficia de toate opțiunile unui plugin de generator de formulare normal în formularele Elementor. Cu toate acestea, oferă doar elementele de bază. Dacă încercați să creați diferite formulare și să analizați datele, veți avea nevoie de un alt generator de formulare în stiva dvs. de tehnologie WordPress.

În al doilea rând, nu există funcții încorporate pentru gestionarea trimiterilor. Trebuie să instalați un alt plugin pentru a face acest lucru. Ceea ce nu este un pas optim pentru site-ul dvs. Trebuie să alegeți un plugin de generare de formulare care oferă diverse câmpuri, funcționalități și integrări, precum și un serviciu de gestionare a datelor pentru a vă analiza clienții potențiali.

În al treilea rând, Elementor vine cu un widget de cod scurt care ajută la integrarea oricăror pluginuri WordPress care au o opțiune de cod scurt. Deși puteți utiliza widgetul de coduri scurte Elementor pentru a adăuga formularele, nu puteți personaliza formularul folosind Elementor. De aceea, trebuie să alegeți un generator de formulare care poate fi editat în aspectul Elementor, deoarece oferă suplimente esențiale pentru a face acest lucru.

Cel mai bun mod de a crea un formular de contact Elementor (gratuit)

Formularele sunt una dintre componentele cheie ale oricărui site web. De la captarea pistelor până la efectuarea de sondaje, de la preluarea plăților până la realizarea de chestionare, un generator de formulare modern ar trebui să aibă aceste opțiuni în pachet.

De asemenea, ar trebui să puteți personaliza formularul în aspectul Elementor pentru a-i oferi un aspect vibrant și atractiv. Mulți generatori de formulare au funcția de cod scurt, dar nu le puteți edita fără pachetul Elementor.

Fluent Forms vă oferă flexibilitatea deplină de a edita și personaliza formularele în cadrul generatorului de pagini Elementor. Widgetul Formulare pentru Elementor include mai multe opțiuni pentru a modifica culoarea și tipografia pentru fiecare câmp din formular. Puteți stila conținutul textului general al formularului după alegerea dvs.

Puteți alege culoarea fontului, dimensiunea, tipul și multe alte opțiuni pentru formularul site-ului dvs. care se potrivește perfect cu aspectul site-ului dvs.
Puteți avea acces la opțiunile de tipografie pentru fiecare conținut text al formularului.
Sunt disponibile și opțiuni de culoare pentru toate câmpurile de formular.
În plus, opțiuni speciale de culoare și tipografie pentru etichetele formularelor, mesajele de eroare și mesajele de succes

De asemenea, puteți accesa toate aceste caracteristici de bază ale Fluent Forms -

Peste 50 de câmpuri de introducere și peste 70 de șabloane predefinite pentru a te juca
Adresă completare automată și completare automată prin glisare și plasare
Protecție antispam multistrat
Vizualizarea și analiza datelor în funcție de necesități
Încărcarea fișierelor și gestionarea datelor
Forme conversaționale
Modulul Test
Logica condiționată
Caracteristica paginii de destinație

Acum, deoarece cunoașteți beneficiile utilizării Fluent Forms, să creăm Elementor Contact Forms într-o clipă.

Cum să adăugați un formular de contact Elementor

Cel mai simplu mod de a configura un formular de contact Elementor este cu Fluent Forms. Nici nu trebuie să instalați diferite suplimente separat ca alți generatori de formulare și nici nu trebuie să personalizați formularul în afara Elementor.

Iată pașii pentru a crea Formulare de contact Elementor cu Formulare Fluent

Instalați și activați Fluent Forms Pro

Instalarea Fluent Form este similară cu instalarea oricărui alt plugin WordPress. Îl puteți instala și activa din tabloul de bord WordPress sau îl puteți descărca de pe WordPress.org dacă doriți.

Pentru a instala din tabloul de bord WordPress, accesați WordPress Admin Panel și faceți clic pe Plugins → Add New. Acum, căutați Fluent Forms, faceți clic pe Instalare, apoi Activați pluginul.

Pentru a descărca de pe WordPress.org, faceți clic pe acest link Fluent Forms și descărcați. Acum accesați panoul de administrare WordPress și faceți clic pe opțiunea Adăugați nou din pluginuri. Acum încărcați fișierul .zip și căutați Fluent Forms în lista de pluginuri instalate, faceți clic pe Activare.

Deși Fluent Forms are un număr uriaș de câmpuri și funcționalități în versiunea gratuită, trebuie să faceți upgrade la versiunea pro pentru a accesa toate caracteristicile Fluent Forms. Vedeți aici funcțiile Fluent Forms Pro vs. gratuite.

Trecerea la versiunea Pro este destul de simplă, faceți clic pe link pentru a afla cum să faceți upgrade la Fluent Forms Pro.

Creați un formular de contact Elementor

Cu Fluent Forms, creați forme frumoase și creative în câteva minute. Pentru a crea un formular de contact Elementot, accesați Tabloul de bord WordPress și plasați cursorul peste Formulare Fluent din partea stângă. Faceți clic pe opțiunea Formular nou.

Va apărea o nouă pagină, faceți clic pe Formular nou gol și veți fi redirecționat către interfața editorului de formulare.

Adăugați câmpuri conform alegerii dvs. pentru a crea un formular de contact pentru site-ul dvs. web. Am adăugat opțiunea Nume, E-mail, Subiect și Mesajul tău pentru formularul nostru simplu de contact Elementor.

Personalizarea precum rămânerea și poziționarea etichetei este foarte simplă în Fluent Forms. De asemenea, puteți configura logica condiționată în câmpurile dvs. pentru a crea un formular mai avansat. Dar, deoarece păstrăm totul simplu, nu avem nevoie de alte câmpuri pentru a umple formularul. Formularele lungi pot fi copleșitoare pentru utilizatori, puteți utiliza Formularul în mai mulți pași sau Formularul conversațional pentru a evita abandonarea formularelor.

Acum salvați formularul și copiați codul scurt. Puteți utiliza funcția de coduri scurte a Fluent Forms, care funcționează cu toți generatorii de pagini disponibili, inclusiv Elementor, Oxygen, Divi, Visual Composer și așa mai departe. Și această caracteristică vă oferă suport direct pentru widget-uri Elementor în formularul dvs., pentru a utiliza un plugin mai puțin.

Personalizați formularele după cum doriți și puteți accesa numeroase opțiuni ale Elemetor. De la alinierea textului de intrare la redimensionarea și remodelarea câmpurilor de introducere, de la adăugarea de culori de fundal clasice și gradiente până la schimbarea tipografiei. Puteți face orice doriți cu formularele dvs. Elementor.

Gânduri finale

Nu contează dacă folosești formulare pentru distracție sau afaceri, o formă drăguță și bine lustruită atrage întotdeauna oamenii. Generatorul de pagini Elementor vine cu totul, cu excepția unui generator de forme nativ multifuncțional. Cu Fluent Forms, le puteți avea pe toate și vă puteți proiecta persoana de contact Elementor dorită.

Mai mult, puteți publica formularul pe o altă pagină sau în interiorul unui blog, oriunde doriți. Încercați câteva aspecte și modele diferite, încercați diferite opțiuni de câmp și creați formularele Elementor conform alegerii dvs. Sperăm că acest articol v-a oferit direcția spre crearea unui formular de contact Elementor pentru site-ul dvs. WordPress.

Obțineți Fluent Forms Pro

Dacă aveți întrebări, comentați mai jos. Spuneți-ne cum ne putem îmbunătăți pluginul și urmăriți-ne pe platformele noastre de socializare.