Ghidul final al formularului de contact Elementor

Fiecare proprietar de web dorește să construiască relații bune și pe termen lung cu clienții și potențialii lor. Aici intervine formularul de contact. Adăugarea de formulare de contact pe site-ul dvs. este foarte recomandată deoarece îi ajută pe potențialii dvs. să vă ajungă și vă ajută să culegeți date despre vizitatorii site-ului dvs.

Fără îndoială, utilizatorii WordPress au acces la tone de pluginuri pentru formulare de contact și la numeroase funcții. Acest lucru face crearea formularelor ușoară și fără întreruperi pentru utilizatori. Ce se întâmplă dacă puteți crea și formulare folosind widget-ul Formular de contact Elementor?

Cum se creează formulare de contact folosind Elementor

Widgetul Formular de contact Elementor vă permite să personalizați și să adăugați orice tip de formular de contact pe site-ul dvs. în câteva minute. Vine cu toate funcțiile și câmpurile necesare pentru a permite interacțiunea perfectă cu site-ul dvs. Trebuie remarcat faptul că formularele de contact sunt o caracteristică a versiunii Pro a Elementor.

Aceasta înseamnă că trebuie să faceți upgrade la Elementor Pro pentru a crea formulare. Acum că am stabilit acest fapt, să ne uităm la pașii simpli pentru a vă crea formularul de contact folosind Elementor.

Ghid pas cu pas pentru a utiliza Elementor pentru a crea un formular de contact

Puteți adăuga formulare de contact pe site-ul dvs. prin două metode. Există metoda plătită, care necesită instalarea atât a widget-urilor Elementor, cât și a Elementor Pro. Există și metoda gratuită, care necesită instalarea unui plugin terță parte. Ne vom concentra asupra Elementor Pro în acest ghid.

Pasul unu: Găsiți widgetul Formular de contact Elementor din multitudinea de widget-uri disponibile pe pagina dvs. Elementor. Faceți clic pentru a deschide pagina în care doriți să includeți formularul de contact.

Cu opțiunea de glisare și plasare, puteți adăuga cu ușurință widget-uri pe o pagină în Elementor, dar această postare analizează procesul cuprinzător de creare a unui formular de contact cu widgetul Formular de contact din Elementor Pro.

Pasul doi: Formularul de contact Elementor vine cu câmpuri pre-completate pentru zonele de bază, cum ar fi Nume, E-mail și Mesaj. Următorul pas este să personalizați formularul implicit pentru a se potrivi în ceea ce doriți. Pentru a face acest lucru, navigați la secțiunea Conținut din setările formularului și adăugați „Câmp formular.

Pentru Numele formularului, dați-i un titlu. Apoi, faceți clic pe câmpurile de formular. Aici, puteți adăuga câte câmpuri doriți. Puteți duplica și șterge pe măsură ce creați câmpurile.

Veți găsi o mulțime de opțiuni de câmp pe care le puteți utiliza, inclusiv Text, Email, URL, Checkbox, Textarea, Tel, Select, Radio, Acceptance, Number, HTML, Hidden, Password, Honeypot, reCAPTCHA și reCAPTCHA V3, printre altele .

Vă puteți juca cu funcțiile pentru a vedea ce funcționează și ce puteți adăuga la formularul de contact. Fila Avansat vă permite să explorați mai multe opțiuni pentru personalizarea formularului. Verificați și acest lucru pentru a vedea dacă vă vor plăcea caracteristicile care îi sunt inerente.

Pasul trei: personalizați și proiectați butonul de trimitere în funcție de ceea ce doriți. Are diferite câmpuri pe care le puteți ajusta și personaliza pentru a vă potrivi, inclusiv Dimensiune, Lățimea coloanei, Textul butonului, ID-ul butonului, Pictograma și Alinierea. Explorați aceste funcții pentru a adăuga un pic de stil și fler formularului dvs. de contact.

Pasul patru: Configurați meniul „Acțiuni după trimitere” De obicei, atunci când un utilizator trimite un formular pe site-ul dvs., doriți ca vizitatorii site-ului dvs. să aibă o formă de feedback sau răspuns pentru a arăta că formularul a fost trimis. Acest lucru nu este automat. Trebuie să configurați secțiunea „Acțiuni după trimitere” pentru a obține ceea ce aveți nevoie.

Faceți clic pe secțiunea „Acțiuni după trimitere” din formular și faceți clic pe câmpul „Adăugați o acțiune”. Veți vedea diferite opțiuni, cum ar fi Email Webhook, Discord, Popup, ActiveCampaign, GetResponse și Slack, printre altele. Selectați oricare dintre opțiuni pentru a adăuga acțiuni după trimitere.

De exemplu, dacă alegeți Acțiune prin e-mail, formularul de contact va adăuga o filă pentru E-mail. Puteți configura un e-mail pentru a fi trimis unui utilizator care v-a trimis un e-mail prin intermediul formularului dvs. de contact. Completați opțiunile și setați condițiile pentru a personaliza acțiunea din formular.

Trebuie remarcat faptul că Elementor oferă numeroase opțiuni de acțiuni pe care le puteți explora. Apoi, din nou, puteți lua în considerare alte servicii terță parte pentru a le face mai ușor. Unele dintre serviciile terță parte pe care le puteți explora includ Hubspot, Mailchimp, Drip, Convertkit și Slack, printre altele. Toate acestea sunt integrări încorporate în Elementor, ceea ce le face ușor de accesat și utilizat.

Pasul cinci: Acest pas vă permite să vă personalizați mesajul pentru utilizatori atunci când se întâmplă ceva când aceștia completează un formular. De exemplu, atunci când trimit cu succes un formular sau apare o eroare, ar trebui să primească un mesaj.

Pentru a configura acest lucru, faceți clic pe „Opțiuni suplimentare” și alegeți Da sau Nu pentru „Mesaje personalizate”. Editați cele patru mesaje implicite în ceea ce doriți să vadă utilizatorii dvs. Aceste mesaje sunt Mesaj de succes, Mesaj de eroare, Mesaj obligatoriu și Mesaj invalid.

Pasul șase: stilați și personalizați formularul dvs. de contact Elementor pentru a-l face să arate unic și să nu fie plictisitor. Elementor oferă opțiuni de stil personalizate pe care le puteți utiliza. Pentru a face acest lucru, faceți clic pe fila „Stil” și examinați opțiunile și setările disponibile. Puteți folosi oricare dintre acestea pentru a schimba stilul complet al formularului de contact.

Pasul 7: Ați configurat cu succes formularul de contact Elementor și următoarea și ultima etapă este publicarea acestuia. Pentru a face acest lucru, faceți clic pe butonul „Actualizare” situat în partea de jos a formularului.

Acest lucru va publica formularul dvs. și va face pagina să fie live și accesibilă pentru vizitatorii site-ului dvs. Puteți începe să colectați date și clienți potențiali de la abonații site-ului dvs.

Concluzie

Tipul de formular de contact pe care doriți să îl proiectați va determina caracteristicile pe care le veți folosi în Elementor. Cu toate acestea, această postare a oferit elementele de bază ale modului de a crea un formular folosind acest instrument. După cum am menționat, puteți accesa caracteristica Formular de contact numai în versiunea Pro a Elementor. Achiziționarea unei versiuni pro a instrumentului costă aproximativ 49 USD. Funcțiile disponibile merită fiecare bănuț pe care îl plătiți pentru el.