Cum se creează un formular de contact Divi în WordPress

Căutați o modalitate ușoară de a crea un formular de contact Divi pentru site-ul dvs. WordPress?

Divi este una dintre cele mai populare teme WordPress de pe piață. Vine cu un constructor ușor de utilizat, care vă permite să vă personalizați site-ul web de la început. Puteți adăuga module de pagină, cum ar fi butonul de apel la acțiune, formularul de contact și multe altele.

Cu modulul Formular de contact Divi, puteți crea și introduce un formular de contact fără servicii terțe. Acest lucru este grozav dacă doriți o modalitate ușoară de a adăuga un formular de contact de bază pe site-ul dvs.

Cu toate acestea, veți avea nevoie de un plugin puternic de generare de formulare, cum ar fi WPForms, pentru funcții avansate, cum ar fi trimiterile utilizatorilor, marketingul prin e-mail și multe altele.

Acesta este motivul pentru care Divi Builder vine și cu un modul WPForms, astfel încât să puteți adăuga cu ușurință formulare de contact profesionale în câteva clicuri.

În această postare, vă vom arăta aceste două metode de a crea un formular de contact Divi în WordPress:

• Creați un formular de contact cu Divi Builder
• Creați un contact Divi cu WPForms

Crearea unui formular de contact cu Divi Builder

Dacă nu aveți deja Divi, mai întâi, va trebui să vă creați un cont Divi . Apoi, veți putea să accesați tabloul de bord și să descărcați fișierul cu tema.

După ce instalați și activați Tema Divi pe tabloul de bord WordPress, deschideți orice pagină sau postare în care doriți să adăugați formularul de contact Divi.

În editorul de postări, veți vedea butonul Utilizați Divi Builder . Faceți clic pe butonul pentru a lansa generatorul în partea din față a site-ului dvs.

Pe următorul ecran, veți putea vedea opțiunile de a construi o pagină de la zero, de a alege un aspect prefabricat sau de a clona o pagină existentă.

Pentru acest tutorial, vom începe cu pagina nouă și vom adăuga formularul de contact.

Apoi veți vedea generatorul Divi unde puteți alege un șablon de rând care se potrivește nevoilor dvs.

După ce adăugați rândul, puteți vedea panoul Inserare modul care vă permite să adăugați diferite tipuri de module de conținut.

Dacă derulați în jos, veți găsi modulul Formular de contact . Pur și simplu faceți clic pe el pentru a introduce formularul de contact Divi pe site-ul dvs.

În mod implicit, formularul de contact constă din trei câmpuri de formular: Nume, E-mail și Mesaj. Puteți face clic pe butonul Adăugare câmp nou pentru a adăuga alte câmpuri de formular conform nevoilor dvs.

În plus, veți găsi opțiuni pentru a edita titlul, a trimite mesajul cu succes și a trimite textul butonului în setările Text .

Divi vă permite, de asemenea, să trimiteți mesaje de e-mail, astfel încât să puteți primi notificări despre trimiterile de formulare noi.

În plus, veți găsi și alte opțiuni utile, cum ar fi link-uri de redirecționare, protecție împotriva spamului, setări de fundal și multe altele.

Cu modulul de formular de contact Divi, puteți adăuga cu ușurință un simplu formular de contact pe site-ul dvs. WordPress. Există o mulțime de opțiuni de personalizare, astfel încât să puteți potrivi stilul mărcii dvs.

Dacă doriți să adăugați funcții mai avansate la formularul dvs. de contact Divi, atunci va trebui să utilizați un plugin bun pentru generarea de formulare.

Și exact asta vom face în următoarea metodă. Vă vom arăta cum să creați o persoană de contact Divi folosind cel mai puternic generator de formulare WordPress, WPForms.

Creați un formular de contact Divi cu WPForms

WPForms este cel mai bun plugin de generare de formulare drag and drop pentru WordPress. Vă permite să creați orice tip de formulare, cum ar fi formulare de contact, formulare de înregistrare, formulare de descărcare și multe altele, în doar câteva clicuri.

WPForms vine cu peste 100 de șabloane de formulare prefabricate, astfel încât nu trebuie să creați un formular de contact de la zero. Puteți adăuga sau elimina orice câmpuri de formular și le puteți personaliza după cum doriți. Și nici măcar nu aveți nevoie de cunoștințe de codificare pentru asta.

Toate formularele de contact pe care le creați cu WPForms vor fi 100% receptive, astfel încât se vor afișa frumos pe orice dimensiune de ecran. Există chiar și o opțiune încorporată de protecție împotriva spamului, astfel încât să puteți preveni trimiterea de formulare de spam și fraudă pe site-ul dvs.

Cu peste 5 milioane de instalări active, WPForms este iubit de toate tipurile de companii din întreaga lume. Dacă sunteți utilizator Divi și doriți să adăugați formulare de contact uimitoare pe site-ul dvs., atunci puteți continua și cu WPForms.

Iată câteva dintre motivele pentru care ar trebui să vă construiți formularul de contact Divi cu WPForms:

• Ușor de utilizat și de configurat
• Notificări și confirmări avansate de formulare
• Funcționalitatea de încărcare a fișierelor și de trimitere a conținutului
• Sistem de gestionare a trimiterii formularelor încorporat
• Integrare de marketing prin e-mail pentru a vă crește lista de e-mail
• Opțiune de abandonare a formularului pentru a captura intrări parțiale din formular
• Câmpuri de formular pentru comerțul electronic și opțiuni de plată

Și vestea bună este că există un modul WPForms în Divi Builder. Astfel, puteți adăuga cu ușurință formularul de contact pe care îl construiți cu WPForms pe site-ul dvs.

De asemenea, puteți utiliza WPForms pe orice site WordPress, cu sau fără Divi. Dacă decideți vreodată să nu mai plătiți pentru Divi, formularele pe care le creați cu WPForms vor rămâne intacte pe site-ul dvs.

Acestea fiind spuse, să învățăm cum să creăm un formular de contact cu WPForms + Divi.

Pasul 1: Instalați și activați pluginul WPFroms

În primul rând, va trebui să vă creați un cont WPForms.

WPForms oferă planuri de prețuri flexibile care sunt concepute pentru a se potrivi cerințelor tuturor tipurilor de afaceri. Puteți alege un plan potrivit pentru afacerea dvs. Și există o versiune simplă care este disponibilă gratuit.

După ce vă înregistrați, veți putea accesa tabloul de bord WPForms. Veți găsi fișierul plugin împreună cu dreptul de licență în fila Descărcări .

Trebuie să instalați acest fișier plugin pe site-ul dvs. WordPress. Pentru mai multe detalii despre aceasta, puteți consulta ghidul nostru despre cum să instalați un plugin WordPress.

După ce instalați și activați WPForms pe site-ul dvs., navigați la fila WPForms » Setări din tabloul de bord administrativ.

Aici, va trebui să introduceți cheia de licență și să faceți clic pe butonul Verificare cheie .

Apoi, veți vedea mesajul de verificare cu succes. Acum puteți începe să vă creați formularul de contact folosind WPForms.

Pasul 2: Creați un formular de contact

Pentru a crea un formular nou, mergeți la fila Adăugați nou din tabloul de bord WordPress. Aceasta va lansa biblioteca de șabloane unde puteți căuta un șablon de formular de contact potrivit pentru site-ul dvs.

Pentru acest tutorial, vom începe cu șablonul Formular de contact simplu . Acest șablon include toate câmpurile de bază ale formularului necesare pentru un formular de contact, cum ar fi numele, e-mailul și mesajul. De asemenea, puteți previzualiza orice alt șablon pentru a vedea care este mai potrivit pentru dvs.

Introduceți un nume pentru formularul dvs. de contact și faceți clic pe butonul Utilizați șablon de pe șablonul de formular pe care îl alegeți.

În ecranul următor, veți vedea generatorul de formulare glisați și plasați WPForm. Toate câmpurile formularului sunt în partea stângă, iar previzualizarea formularului este în partea dreaptă a paginii.

Veți găsi o gamă largă de câmpuri de formular utile, cum ar fi numere, meniuri derulante, opțiuni multiple, încărcare de fișiere, evaluare, text îmbogățit și multe altele.

Pentru a insera un câmp de formular, trebuie doar să-l glisați din partea stângă și să-l plasați în previzualizarea formularului.

Dacă doriți să personalizați oricare dintre aceste câmpuri de formular, puteți face clic pe ele și veți vedea opțiunile de câmp. Există opțiuni pentru a schimba eticheta formularului, descrierea, obligatoriu și alte opțiuni suplimentare, în funcție de câmpul formularului.

După ce adăugați toate câmpurile necesare în formularul de contact Divi, faceți clic pe butonul Salvare din partea de sus a generatorului de formulare.

Apoi, va trebui să configurați setările de formular, notificările și confirmările.

Pasul 3: Configurați setările formularului

Pentru a modifica setările formularului, deschideți fila Setări » General din panoul de meniu din stânga din generatorul de formulare. Aici puteți schimba numele formularului, descrierea formularului, trimiteți textul butonului și multe altele.

Există, de asemenea, opțiunea de a activa protecția anti-spam pe site-ul dvs. Aceasta va configura Google reCAPTCHA pentru formularul dvs. de contact.

Pentru a accesa fila Setări » Notificări pentru a configura notificările prin e-mail pentru formularul de contact Divi. Veți vedea că există o notificare implicită care este trimisă la adresa de e-mail a administratorului.

Puteți adăuga mai multe adrese de e-mail sau faceți clic pe butonul Adăugați o notificare nouă pentru a trimite mai multe notificări de formular.

Cu aceasta, vă puteți notifica pe dvs. și pe membrii echipei dvs. despre noile trimiteri de formulare, puteți trimite clienților detaliile trimise și multe altele.

Dacă doriți mai multe informații despre acest lucru, puteți consulta ghidul nostru despre Cum să configurați notificările și confirmările formularului potrivit.

De asemenea, WPForms vă permite să decideți ce se întâmplă după ce un utilizator își trimite informațiile de contact pe site-ul dvs. Accesați fila Setări » Confirmări și veți vedea opțiunea de a alege acțiunea de confirmare.

Deci, puteți afișa un mesaj personalizat de „mulțumire” pe front-end după ce utilizatorul apasă butonul de trimitere. Sau alegeți opțiunile de redirecționare pentru a trimite utilizatorii către o altă pagină de pe site-ul dvs. sau către o adresă URL externă.

După ce ați terminat cu setările formularului, asigurați-vă că faceți clic pe butonul Salvare .

Acum că formularul tău de contact este gata, îl poți insera pe site-ul tău web folosind Divi Builder.

Pasul 4: Adăugați modulul WPForms în Divi

Pentru a adăuga acest formular de contact pe orice pagină sau postare, deschideți Divi Builder și alegeți un aspect de rând așa cum am făcut pentru modulul de formular de contact Divi.

Singura diferență aici este că va trebui să căutați modulul WPForms .

După ce inserați blocul WPForms, veți vedea setările pentru a alege formularul de contact pe care tocmai l-ați creat. Există opțiuni pentru a afișa și titlul și descrierea formularului de contact.

Puteți chiar să schimbați designul și stilul pentru formularul dvs. de contact cu Divi Builder. Când sunteți mulțumit de modul în care arată formularul dvs. de contact Divi, faceți clic pe butonul de bifare din dreapta.

Pasul 5: Publicați formularul de contact Divi

Ultimul pas este publicarea formularului de contact. Pentru aceasta, faceți clic pe butonul cu 3 puncte din partea de jos a Divi Builder.

Apoi, veți vedea diferite opțiuni, cum ar fi zoom, previzualizare receptivă și multe altele. În partea dreaptă, există două butoane: Salvare schiță și Publicare.

Faceți clic pe butonul Publicați pentru a vă publica pagina și formularul de contact pe site-ul dvs. WordPress.

Ați creat cu succes un formular de contact folosind Divi și WPForms. În timp ce Divi oferă un modul de formular de contact, îi lipsesc unele funcții precum încărcarea fișierelor, gestionarea intrărilor și integrarea listei de e-mail.

Cu WPForms, puteți rezolva cu ușurință aceste probleme. Este plin de caracteristici și funcționalități care vă ajută să creați toate tipurile de formulare de contact, de la cele de bază la cele profesionale.

WPForms vă permite, de asemenea, să creați formulare WordPress pentru orice scop, în funcție de cerințele dvs. Puteți crea formulare de comandă, formulare de înregistrare la evenimente, formulare de înscriere și multe altele.

Și asta e tot pentru azi! Sperăm că acest tutorial te-a ajutat să înveți cum să creezi cu ușurință un formular de contact Divi în WordPress.

Dacă doriți mai mult ajutor cu formularele WordPress, puteți consulta aceste resurse:

• Cum se creează un formular de înregistrare la eveniment în WordPress
• 8 cele mai bune instrumente de captare a e-mailurilor și generatori de formulare pentru WordPress
• Cum să reduceți cu ușurință abandonul de formulare

Aceste postări vă vor ajuta să înregistrați utilizatori în formularele dvs. WordPress și să vă creșteți listele de e-mail. Ultimul vă va ajuta să reduceți ratele de abandon din formularul dvs. și să vă îmbunătățiți conversiile.