Cum să creați un formular de comandă în WordPress [+ Șabloane gratuite]

Publicat: 2018-05-24

Trebuie să adăugați un formular de comandă simplu pe site-ul dvs. WordPress?

Pluginul pentru creatorii de formulare online WPForms funcționează ca un creator ușor de formulare de comandă și se integrează cu plata Stripe, Authorize.Net și PayPal.

Așadar, puteți crea un formular de comandă în doar câteva minute, cu câtă personalizare aveți nevoie.

De asemenea, puteți crea un formular de comandă online care generează informațiile despre comandă de la clienți, dar vă permite să acceptați plăți pentru comandă ulterior.

În acest articol, vă vom arăta cum să creați atât un formular de comandă simplu cu plăți online, cât și fără plăți.

Faceți clic aici pentru a începe să efectuați formularul de comandă acum

WPForms este cel mai bun plugin WordPress Form Builder. Ia-l gratuit!

Creați un tutorial video pentru formularul de comandă WordPress

Am creat un videoclip care vă arată cum să creați un formular de comandă în WordPress.

Dacă preferați să citiți instrucțiunile, vom parcurge procesul în pașii de mai jos.

Cum creez un formular de comandă pentru site-ul meu web?

Iată câteva linkuri rapide pentru dvs., astfel încât să puteți săriți la șablonul de formular de comandă simplu pe care doriți să îl utilizați pe site-ul dvs.:

Cum de a crea o simplă comandă formular W i - lea Plăți Online:

  1. Creați un formular de comandă simplu în WordPress
  2. Configurați notificările formularului de comandă
  3. Configurați confirmările formularului de comandă
  4. Personalizați setările de plată
  5. Adăugați formularul dvs. de comandă simplu pe site-ul dvs.

sau

Cum să creați un formular de comandă simplu fără plăți online:

  1. Creați un formular de comandă simplu în WordPress
  2. Cutomizați notificările formularului de comandă
  3. Configurați confirmările formularului de comandă
  4. Adăugați formularul dvs. de comandă simplu pe site-ul dvs.

Cum să creați un formular de comandă simplu cu plăți online

Acceptați donații? Sau, poate, doriți să faceți ceva de genul să creați un formular de comandă pentru tricouri, un formular de comandă pentru fotografie sau orice alt formular de comandă pentru a colecta comenzi.

Indiferent de produsele digitale sau fizice pe care le vindeți, puteți efectua plăți printr-un șablon de formular de comandă online.

Aici vă vom arăta cum să creați un formular de comandă WordPress care să accepte plăți cu cardul de credit și plăți PayPal. Deci, dacă doriți să acceptați plăți online pentru comenzi prin intermediul formularului de comandă bazat pe web al site-ului dvs., acesta este locul potrivit.

Pasul 1: Creați un formular de comandă simplu în WordPress

Vă întrebați cum să faceți un formular de comandă online? Primul lucru pe care va trebui să-l faceți este să instalați și să activați pluginul WPForms. Pentru mai multe detalii, consultați acest ghid pas cu pas despre cum să instalați un plugin în WordPress.

Apoi, accesați WPForms »Adăugați nou pentru a crea un formular nou.

Pe ecranul de configurare al creatorului formularului de comandă, denumiți formularul dvs. și selectați șablonul formularului de facturare / comandă.

Șablon formular de comandă de facturare

Apoi, veți dori să modificați ce articole sunt disponibile pentru comandă.

Pentru aceasta, derulați în jos până la secțiunea „Articole disponibile” din dreapta pe care o include șablonul și faceți clic pe el.

Aceasta va deschide „Opțiuni câmp” în panoul din stânga. Aici puteți redenumi câmpul, puteți adăuga sau elimina articole de comandă și puteți modifica prețurile.

Personalizați articolele disponibile

Dacă doriți să oferiți oamenilor imagini din care să aleagă atunci când completați formularul de comandă online, faceți clic pe caseta de selectare Utilizare opțiuni de imagine din Editorul de formulare.

Utilizați caseta de selectare Image Choice

Când faceți acest lucru, veți putea încărca imagini pentru a merge alături de articolele dvs., oferind oamenilor o privire asupra a ceea ce comandă.

Pentru ajutor cu acest pas, consultați tutorialul nostru despre cum să adăugați opțiuni de imagine la formularele dvs. WordPress. De asemenea, puteți face formularele să arate grozav urmând pașii din postarea noastră despre cum să creați un formular cu mai mulți pași în WordPress. Dar, de dragul acestui tutorial, vom rămâne cu o singură pagină.

În cele din urmă, cu simplul constructor de formulare drag and drop, puteți adăuga câmpuri suplimentare la formularul de comandă, glisându-le din partea stângă în partea dreaptă.

Dacă este necesar, consultați tutorialul nostru despre cum să adăugați opțiuni de produs care modifică prețul total. Acesta este un truc minunat de făcut pentru a îmbunătăți experiența utilizatorului și pentru a reduce rata de abandonare a coșului de cumpărături online.

Și avem un tutorial pentru dvs. dacă doriți să aflați cum să folosiți puterea reducerilor și să adăugați un câmp de cod cupon la formularele dvs.

Faceți clic pe Salvare când ați terminat.

Pasul 2: Personalizați notificările formularului

Există două setări de configurat în formularul de comandă simplu. Primul este setarea Notificări . Notificările sunt o modalitate excelentă de a trimite un e-mail când formularul dvs. este trimis.

Puteți să vă trimiteți o notificare prin e-mail, pe care WPForms o face automat, cu excepția cazului în care dezactivați notificările de formular. De asemenea, puteți trimite o notificare unui membru al echipei dvs. adăugând adresa de e-mail a acestuia în câmpul Trimiteți la adresa de e-mail .

În plus, dacă utilizați etichete inteligente, puteți chiar să trimiteți o notificare de formular unui client pentru a-i informa că a primit comanda lor.

Să aruncăm o privire la modul de configurare a unei notificări de formular care va fi trimisă unui client după ce acesta va trimite un formular de comandă pe site-ul dvs. web.

Începeți făcând clic pe fila Setări din Form Builder și apoi faceți clic pe Notificări .

Apoi, veți dori să personalizați ce adresă de e-mail va primi o notificare atunci când este trimisă o nouă comandă.

Pentru a include adresa de e-mail a persoanei care a completat formularul de comandă online, care este clientul dvs., faceți clic pe Afișați etichete inteligente în câmpul Trimiteți la adresa de e-mail .

Etichete inteligente de notificare a formularului

Faceți clic pe E-mail pentru ca WPForms să știe să trimită o notificare la adresa de e-mail introdusă în formularul de comandă.

Etichete inteligente de notificare formular, e-mail

Apoi, puteți modifica subiectul e-mailului notificării pentru a fi mai specific. În plus, puteți personaliza e-mailurile „De la nume”, „De la e-mail” și „Răspuns la”.

Și nu uitați să includeți un mesaj personalizat dacă e-mailul este trimis către cineva în afară de dvs.

Dacă doriți să includeți toate informațiile găsite în câmpurile formularului din formularul de comandă trimis, utilizați eticheta inteligentă {all_fields} .

Pentru mai mult ajutor cu etichetele inteligente, consultați acest tutorial despre cum să utilizați etichetele inteligente în WPForms.

Personalizare Notificare formular

Prin schimbarea acestor câmpuri, veți ști că oricine primește notificarea prin e-mail va ști exact pentru ce este notificarea și de la cine a venit.

Pentru a trimite mai multe notificări prin e-mail atunci când un formular de comandă este trimis pe site-ul dvs. web, consultați aceste instrucțiuni pas cu pas despre cum să creați notificări de formulare multiple în formularele WordPress.

Mai bine, dacă doriți, puteți trimite o chitanță de e-mail automată a formularului de comandă WordPress tuturor clienților care trimit o comandă.

Pasul 3: Configurați confirmările formularului

A doua setare pentru configurare se referă la confirmările formularului. Confirmările formularului sunt mesaje care se afișează pentru clienți după ce trimit un formular de comandă.

Există trei tipuri de confirmare din care puteți alege:

  1. Mesaj. Acesta este tipul implicit de confirmare în WPForms. Atunci când un client trimite un formular de comandă, va apărea o simplă confirmare a mesajului, care îi va informa că formularul a fost procesat. Căutați aici câteva mesaje de succes pentru a spori fericirea clienților.
  2. Afișează pagina. Acest tip de confirmare îi va duce pe clienți la o anumită pagină web de pe site-ul dvs., mulțumindu-le pentru comanda lor. Pentru ajutor în acest sens, consultați tutorialul nostru despre redirecționarea clienților către o pagină de mulțumire. În plus, asigurați-vă că consultați articolul nostru despre crearea de pagini de mulțumire eficiente pentru a spori loialitatea clienților.
  3. Accesați URL (Redirecționare). Această opțiune este utilizată atunci când doriți să trimiteți clienți pe un alt site web.

Să vedem cum să configurați o confirmare simplă a formularului în WPForms, astfel încât să puteți personaliza mesajul pe care îl vor vedea utilizatorii după trimiterea comenzilor lor.

Mai întâi, faceți clic pe fila Confirmare din Editorul de formulare sub Setări .

Apoi, selectați tipul de tip de confirmare pe care doriți să îl creați. Pentru acest exemplu, vom selecta Mesaj .

Tipul de confirmare a formularului

Apoi, personalizați mesajul de confirmare după dorința dvs. și faceți clic pe Salvare când ați terminat.

Pentru ajutor cu celelalte tipuri de confirmare, consultați documentația noastră despre configurarea confirmărilor formularului. De asemenea, puteți configura confirmări prin e-mail pentru a afla când formularul de comandă este completat pe măsură ce colectați comenzile online.

Pasul 4: configurați setările de plată

În cele din urmă, va trebui să configurați setările de plată pentru formularul dvs. de comandă conectându-vă la furnizorul dvs. de gateway de plată, astfel încât să puteți colecta plăți online de la clienți.

WPForms oferă 3 integrări de plată cu cele mai populare procesoare de plată. Pluginul se integrează cu procesoarele de plată PayPal, Authorize.Net și Stripe pentru acceptarea plăților. Atunci când oferiți mai mult de o modalitate de plată a clienților, este o modalitate excelentă de a reduce abandonarea formularului de comandă.

Pentru a configura setările informațiilor de plată pe formularul de comandă, va trebui mai întâi să instalați și să activați suplimentul de plată potrivit.

Pentru instrucțiuni simple pas cu pas, consultați tutorialul nostru despre instalarea și utilizarea suplimentului PayPal. Dacă doriți să utilizați Stripe, veți găsi aici instrucțiuni similare pentru instalarea și utilizarea suplimentului Stripe.

După ce ați făcut acest lucru, faceți clic pe fila Plăți din Editorul de formulare.

În exemplul nostru, vom configura PayPal pentru a procesa comenzile.

Setări de plată

După ce faceți clic pe PayPal , va trebui să introduceți adresa de e-mail PayPal, să selectați modul de producție , să alegeți Produse și servicii și să ajustați alte setări după cum este necesar.

Setări PayPal

După ce ați terminat configurarea setărilor de plată, faceți clic pe Salvare pentru a stoca modificările.

Asigurați-vă că consultați tutorialul nostru pentru a permite clienților să își aleagă metoda de plată dacă doriți să oferiți mai multe opțiuni de plată.

Acum sunteți gata să adăugați formularul de comandă simplu pe site-ul dvs.

Pasul 5: Adăugați formularul dvs. de comandă simplu pe site-ul dvs.

WPForms vă permite să adăugați formulare în multe locuri de pe site-ul dvs., cum ar fi postări de blog, pagini și bara laterală (zone pregătite pentru widget).

Mai întâi să aruncăm o privire la cea mai comună opțiune de încorporare a postului / paginii.

Începeți prin crearea unei noi postări sau pagini în WordPress. După aceea, faceți clic în interiorul primului bloc (zona goală de sub titlul paginii dvs.) și faceți clic pe pictograma Adăugați WPForms .

adăugați pictograma wpforms

Widget-ul WPForms la îndemână va apărea în interiorul blocului. Faceți clic pe meniul derulant WPForms și alegeți unul dintre formularele pe care le-ați creat deja pe care doriți să le inserați în pagina dvs. Selectați formularul de comandă.

selectați formularul de comandă

Apoi, faceți clic pe butonul albastru din partea dreaptă sus, care scrie Publicare, astfel încât formularul dvs. să apară pe site-ul dvs. web și să puteți începe să primiți comenzile clienților.

publicați formularul de comandă pe site-ul wordpress

Pentru a adăuga un formular de comandă simplu pe site-ul dvs. în zona widgetului din bara laterală, accesați Aspect »Widgeturi .

Apoi, adăugați un widget WPForms în bara laterală. După aceea, selectați Formularul de facturare / comandă din meniul derulant și salvați modificările în zona widgeturilor.

Widget WPForms

Faceți clic pe Salvare .

Acum puteți vizualiza formularul de comandă publicat în direct pe site-ul dvs. Observați când selectați articolele din formular, prețul se schimbă automat.

Formular final de comandă cu plată

Și iată-l! Acum știți cum să creați un formular de comandă simplu în WordPress care acceptă plăți online.

Cum să creați un formular de comandă simplu fără plăți online

Există câteva motive pentru care ați putea dori să evitați colectarea plății pentru comenzile de la clienții dvs. prin intermediul formularului de comandă:

  • Nu vă place ideea de a accepta carduri de credit prin intermediul site-ului dvs. web
  • Clienții dvs. preferă să trimită cecuri, ordine de plată sau să depună direct fonduri din contul lor bancar în contul dvs.
  • Planurile de plată sunt o opțiune pentru clienții dvs.
  • Preferați să trimiteți facturi oficiale clienților care solicită plata

Indiferent de motivul pentru care nu doriți să acceptați plăți online, WPForms vă facilitează crearea unui simplu formular de comandă fără plată.

Să aruncăm o privire la cum să facem exact asta.

Pasul 1: Creați un formular de comandă simplu în WordPress

Primul lucru pe care va trebui să-l faceți este să instalați și să activați pluginul WPForms. Pentru mai multe detalii, consultați acest ghid pas cu pas despre cum să instalați un plugin în WordPress.

Apoi, accesați WPForms »Adăugați nou , denumiți formularul și faceți clic pe șablonul Formular de facturare / comandă.

Șablon formular de comandă de facturare

În Editorul de formulare, veți putea personaliza ce articole sunt disponibile pentru comenzi clienților.

Pentru aceasta, derulați în jos până la secțiunea „Articole disponibile” din ecranul de previzualizare din dreapta și faceți clic pe ea.

Aceasta va deschide „Opțiuni câmp” în panoul din stânga. Aici puteți redenumi câmpul, puteți adăuga sau elimina articole de comandă și puteți modifica prețurile.

Personalizați articolele disponibile

Dacă doriți să oferiți oamenilor imagini din care să aleagă atunci când completați formularul de comandă, faceți clic pe caseta de selectare Utilizare opțiuni de imagine din Editorul de formulare.

Utilizați caseta de selectare Image Choice

Acest lucru vă va oferi posibilitatea de a încărca imagini pentru a completa articolele pe care le aveți de vânzare, arătând în același timp clienților o imagine a articolului pe care doresc să îl cumpere.

Pentru ajutor cu acest pas, consultați tutorialul nostru despre cum să adăugați opțiuni de imagine la formularul dvs. de contact WordPress.

În cele din urmă, puteți adăuga câmpuri suplimentare la formularul de comandă trăgându-le din partea stângă în partea dreaptă. Acest lucru este bun pentru colectarea informațiilor de contact suplimentare de la clienții dvs. care se referă la comanda lor.

Faceți clic pe Salvare când ați terminat.

Pasul 2: configurați notificările formularului de comandă WordPress

Apoi, va trebui să configurați notificările prin e-mail ale formularului, astfel încât să puteți trimite clienților o chitanță de e-mail pentru comanda lor.

Acest lucru se face prin trimiterea mai multor notificări simultan - una către dvs. sau către membrul echipei care se ocupă de comenzi, astfel încât să știți că a fost trimisă o comandă și una către clientul dumneavoastră.

În mod implicit, WPForms trimite automat e-mailului de administrator asociat site-ului dvs. WordPress o notificare de formular, cu excepția cazului în care dezactivați notificările. Cu toate acestea, pentru a trimite clientului dvs. și o notificare prin e-mail, va trebui să adăugați o altă notificare.

Pentru a face acest lucru, faceți clic pe fila Notificări sub Setări în Editorul de formulare. Apoi, faceți clic pe butonul Adăugați o notificare nouă .

Setări de notificare pentru nicio plată

Va apărea un mod popup. Aici puteți denumi notificarea suplimentară oricum doriți, deoarece este doar pentru referință. Apoi, faceți clic pe Bine .

Primire pe formularul de comandă wordpress

Pentru a trimite această notificare clientului care a completat formularul de comandă, faceți clic pe Afișare etichete inteligente de lângă câmpul Trimiteți la adresa de e-mail . Apoi faceți clic pe E-mail .

Etichete inteligente

Acest lucru va spune WPForms că orice adresă de e-mail a fost introdusă în formularul de comandă care a fost trimis ar trebui să primească o notificare.

Apoi, puteți modifica subiectul e-mailului notificării. În plus, puteți personaliza e-mailurile „De la nume”, „Din e-mail” și „Răspundeți la”, astfel încât clientul dvs. să știe exact despre ce este notificarea prin e-mail pe care o primesc.

De asemenea, puteți personaliza mesajul de notificare. Dacă doriți să includeți toate informațiile despre câmpul formularului pe care le-a completat clientul în comanda dvs., utilizați eticheta inteligentă {all_fields} și adăugați orice mesaj suplimentar doriți să adăugați.

Mesaj de mulțumire

Pentru mai mult ajutor cu etichetele inteligente, consultați acest tutorial despre cum să utilizați etichetele inteligente în WPForms.

Faceți clic pe Salvare .

Pasul 3: Configurați confirmările formularului de comandă WordPress

Următorul lucru pe care trebuie să-l faceți este să configurați mesajul de confirmare pe care îl vor vedea clienții după trimiterea comenzii.

Există mai multe tipuri de confirmare pe care le puteți configura în formularele dvs., inclusiv:

  • Un mesaj de confirmare care se va afișa după trimiterea formularului și efectuarea plății
  • Redirecționarea către o altă pagină de pe site-ul dvs. web, cum ar fi o pagină „Vă mulțumim”
  • Accesați redirecționarea URL, pentru momentele în care doriți să redirecționați clienții către un alt site web

Pentru ajutor cu toate aceste trei opțiuni, aruncați o privire la tutorialul nostru util despre configurarea confirmărilor formularului în WordPress.

În exemplul nostru, vom configura un mesaj simplu de confirmare pe care îl vor vedea clienții odată ce trimit formularul de comandă.

Mai întâi, faceți clic pe fila Confirmare din Editorul de formulare sub Setări .

Apoi, selectați tipul de tip de confirmare pe care doriți să îl creați. Pentru acest exemplu, vom selecta Mesaj .

tipul de confirmare a formularului pentru formularul de comandă wordpress

Apoi, personalizați mesajul de confirmare și faceți clic pe Salvare .

Pasul 4: Adăugați formularul de comandă pe site-ul dvs.

WPForms vă permite să adăugați formulare în multe locuri de pe site-ul dvs., cum ar fi postări de blog, pagini și bara laterală (zone pregătite pentru widget).

Mai întâi să aruncăm o privire la cea mai comună opțiune de încorporare a postului / paginii.

Începeți prin crearea unei noi postări sau pagini în WordPress. După aceea, faceți clic în interiorul primului bloc (zona goală de sub titlul paginii dvs.) și faceți clic pe pictograma Adăugați WPForms .

adăugați pictograma wpforms

Widget-ul WPForms la îndemână va apărea în interiorul blocului. Faceți clic pe meniul derulant WPForms și alegeți unul dintre formularele pe care le-ați creat deja pe care doriți să le inserați în pagina dvs. Selectați formularul de comandă.

selectați formularul de comandă wordpress

Apoi, faceți clic pe butonul albastru din dreapta sus, pe care scrie Publicare. Formularul dvs. va apărea acum pe site-ul dvs. web.

publicați formularul de comandă pe site-ul wordpress

Pentru a adăuga un formular de comandă simplu pe site-ul dvs. în zona widgetului din bara laterală, accesați Aspect »Widgeturi .

Așadar, adăugați un widget WPForms în bara laterală. Și după aceea, selectați Formularul de facturare / comandă din meniul derulant și salvați modificările în zona widgeturilor.

Widget WPForms

Faceți clic pe Salvați în creatorul formularului de comandă online. Ești gata! De asemenea, vă recomandăm să încercați să vă conectați formularul de comandă online la software-ul CRM pentru întreprinderi mici, pentru a rămâne mai organizat cu fluxul de lucru.

Faceți clic aici pentru a începe să efectuați formularul de comandă online acum

Accesați acum șablonul formularului de comandă online

Și iată-l! Acum știți cum să creați un formular de comandă simplu în WordPress atât cu sau fără plăți online, utilizând WPForms ca producător de formulare de comandă.

Doriți să începeți să câștigați mai mulți bani de pe propriul dvs. site? Poate doriți să consultați postarea noastră despre cele mai bune pluginuri afiliate WordPress.

Nu așteptați să începeți să construiți formularul de comandă online. Începeți cu cel mai puternic plugin de formular WordPress de astăzi. Căutați un formular de comandă gratuit? WPForms Pro vine cu un șablon de formular de comandă online gratuit și o garanție de returnare a banilor de 14 zile.

Și nu uitați, dacă vă place acest articol, vă rugăm să ne urmați pe social media cu Facebook și Twitter.