Cum să creezi un formular WordPress în mai mulți pași (modul fără cod)

Publicat: 2022-06-18

Căutați un tutorial pentru a crea un formular WordPress în mai mulți pași?

O formă în mai multe etape împarte formele mari în părți mai mici. Formularele cu mai mulți pași reduc dezordinea și simplifică înscrierea vizitatorilor. Este o modalitate excelentă de a crește conversiile și de a îmbunătăți experiența generală a utilizatorului.

Dar crearea unuia de la zero este foarte obositor și dacă trebuie să angajezi un dezvoltator pentru a crea unul, va fi și costisitor.

În acest articol, vă vom arăta cum să creați un formular WordPress în mai mulți pași într-un mod simplu, fără codare.

Să ne scufundăm.

Pasul 1: Creați un formular nou cu WPForms

Primul lucru pe care va trebui să-l faceți este să instalați și să activați WPForms.

WPForms

WPForms este pluginul de generator de formulare WordPress numărul 1 din lume. Dacă nu sunteți sigur cum să instalați WPForms, ar trebui să consultați acest ghid pas cu pas despre cum să instalați un plugin în WordPress.

Apoi, accesați tabloul de bord WPForms și accesați Descărcări pentru a obține pluginul:

Descărcări WPForms

Apoi, instalați și activați pluginul pe site-ul dvs. Și copiați cheia de licență în aceeași filă.

În cele din urmă, accesați tabloul de bord WordPress și mergeți la WPForms » Setări și inserați cheia de licență:

Activați licența WPForms

Când ați terminat, faceți clic pe Conectare .

Acum că WPForms este instalat și activat, este timpul să vă creați primul formular. Mergeți la WPForms » Adăugați nou :

Adăugați un formular nou cu WPForms

Aceasta va deschide generatorul de formulare de glisare și plasare WPForms.

Pentru a crea un formular nou, dați-i un nume și selectați șablonul de formular:

Titlul formularului și șablonul

Si asta e! dacă doriți să adăugați sau să editați câmpurile din formularul dvs. de contact, puteți face acest lucru din bara laterală. Dați și plasați câmpurile de formular pentru a adăuga altele noi și faceți clic pe câmpurile existente pentru a le edita:

Adăugați câmpuri de formular din bara laterală

Când ați terminat, apăsați pe Salvare .

Pasul 2: Introduceți câmpul de întrerupere a paginii în formularul dvs

Împărțirea formularului în mai multe pagini este foarte simplă și ușoară cu WPForms.

După ce ați adăugat și personalizat toate câmpurile de formular din formularul dvs., trebuie să adăugați câmpul de formular Pauza de pagină pe site-ul dvs. pentru a-l împărți în pagini diferite.

Pentru a face acest lucru, trageți câmpul de formular Pauza de pagină , aflat sub Câmpuri fantastice , din panoul din stânga în panoul din dreapta.

Pauza de pagină WPForms

Plasați câmpul unde doriți să se împartă formularul. Dacă doriți mai multe pauze, utilizați mai multe module de pauză de pagină.

Pasul 3: Personalizați bara de progres al formularului cu mai multe pagini

Cea mai mare parte a muncii tale în proiectarea formularului este realizată în acest moment. Dar pentru orice formular cu mai multe pagini, vă recomandăm să folosiți o bară de progres pentru a le informa vizitatorilor dumneavoastră cât de departe sunt în procesul de înscriere. Puteți merge mai sus și mai mult pentru a oferi paginilor dvs. titluri, de asemenea.

Pentru a personaliza bara de progres și titlul paginii primei pagini a formularului în mai mulți pași, faceți clic pe secțiunea Prima pagină întreruptă.

Personalizați întreruperile de pagină

În bara laterală, puteți seta tipul de indicator de progres ca Cercuri sau Conectori . De asemenea, puteți seta titlul paginii.

Titlul paginii și indicatorul de progres

Lucrul epic este că puteți seta și o culoare personalizată a indicatorului de pagină . Când sunteți mulțumit, puteți personaliza și celelalte întreruperi de pagină exact în același mod.

De asemenea, puteți activa funcția care vă permite să afișați vizitatorilor site-ului un buton Pagina anterioară . În acest fel, ei se pot întoarce la pagina anterioară a formularului, dacă este necesar.

Activați butonul Pagina anterioară

Când ați terminat, apăsați butonul Salvare .

Pasul 4: Configurați setările formularului în mai mulți pași

Apoi, veți dori să configurați notificări și confirmări.

Notificările sunt e-mailuri pe care le primiți atunci când cineva completează formularul. Confirmările sunt menite să avertizeze utilizatorul că a completat cu succes formularul. De obicei, acesta este un mesaj „Mulțumesc”, dar puteți și redirecționa utilizatorii către o pagină dedicată.

Mergeți la Setări » Confirmări pentru a configura setările de confirmare:

Confirmare formular

Și apoi, în același meniu, accesați Notificări pentru a vă configura mesajele de notificare:

Notificări de formulare

În mod implicit, notificările sunt trimise la adresa de e-mail a administratorului WordPress. Deci, dacă doriți ca e-mailurile să fie trimise în altă parte, cum ar fi ID-ul de e-mail al șefului dvs. de vânzări, puteți face acest lucru chiar aici.

Pasul 5: Adăugați formularul cu mai mulți pași pe site-ul dvs. WordPress

Ați terminat de configurat formularul de contact WordPress în acest moment. Deci, hai să mergem mai departe și să-l adăugăm la o pagină. Există 3 metode de bază pentru a adăuga un formular de contact WPForms pe site-ul dvs. WordPress. Vom arunca o privire la fiecare.

Metoda # 1: Adăugați formularul utilizând Editorul de blocuri

Mergeți la orice pagină pe care doriți să adăugați formularul de contact și adăugați un nou bloc WPForms:

Adăugați formularul de contact folosind blocul WPForms

Apoi, selectați formularul nou creat folosind meniul drop-down:

Formularul de selectare a blocului WPForm

Și ar trebui să vezi că formularul tău de contact este inserat automat în pagina ta.

Doar apăsați Salvați și publicați pentru a vedea formularul dvs. WordPress în acțiune.

Metoda #2: Adăugați formularul dvs. de contact utilizând codurile scurte WPForms

WPForms generează, de asemenea, un cod scurt pentru fiecare formular de contact WordPress. Puteți copia codul scurt al formularului de contact vizitând WPForms » Toate formularele :

Codurile scurte WPForms

Și apoi, inserați codul scurt în orice postare sau pagină doriți. Este atat de simplu.

Dacă sunteți nou în ceea ce privește codurile scurte, ar trebui să consultați acest articol despre cum să adăugați un cod scurt pe site-urile WordPress.

Metoda #3: Adăugați formularul dvs. de contact în barele laterale

Bara laterală este una dintre cele mai subutilizate funcții în majoritatea site-urilor WordPress. Vă recomandăm cu căldură să introduceți un formular de contact în barele laterale ale site-ului dvs. Mergeți la Aspect » Widgeturi în tabloul de bord WordPress și adăugați widgetul WPForms în bara laterală:

Adăugați formularul de contact în bara laterală

Și ai terminat!

Cum să vă promovați formularul WordPress în mai mulți pași

Asta e tot pentru asta, oameni buni!

Până acum, ați creat un formular WordPress în mai mulți pași. În continuare, ar trebui să configurați urmărirea abandonării formularelor pentru a reduce ratele de abandonare a formularelor.

După aceea, tot ce rămâne este să genereze trafic pe site-ul tău, astfel încât formularele de contact să poată începe să lucreze. O modalitate simplă de a face acest lucru este să începeți să utilizați notificările push. Trimiterea de notificări push este o modalitate excelentă de a genera trafic repetat pentru site-ul dvs. Dacă este ceva care vă interesează, ar trebui să consultați și aceste articole:

  • Costul notificării push: este cu adevărat gratuit? (Analiza prețurilor)
  • Cum să obțineți mai mult trafic pe blogul dvs. WordPress (9 moduri simple)
  • Cum să vă creșteți rata de înscriere la notificările push web (7 moduri)

Vă recomandăm să utilizați PushEngage pentru a trimite notificări push. PushEngage este software-ul de notificare push numărul 1 din lume. Deci, dacă nu ați făcut-o deja, începeți cu PushEngage astăzi.