Cum să adăugați logică condițională la formularele de plată WordPress

Imaginați-vă că un consultant independent creează un formular de plată pentru proiectele clienților noi. Fiecare vizitator care ajunge pe pagină vede aceleași câmpuri: „Numele companiei”, „Cod fiscal” și „Referință factură”, chiar și cumpărătorii individuali care plătesc un depozit simplu.

Formularul pare să fi fost creat pentru altcineva. Unii vizitatori închid fila înainte de a finaliza plata.

Aceasta este costul formularelor de plată WordPress fără logică condițională: formularul pune aceleași întrebări fiecărui vizitator, indiferent de context.

Proprietarii de site-uri care doresc să gestioneze mai multe tipuri de cumpărători fie încarcă formularul cu câmpuri care nu se aplică tuturor, fie creează un formular separat pentru fiecare scenariu, dublând munca de întreținere ori de câte ori se modifică un preț.

Aici aveți nevoie de logică condițională în formularele dvs. de plată. Logica condițională vă permite să afișați sau să ascundeți câmpuri în funcție de ceea ce selectează sau introduce un vizitator.

În acest articol, vă vom arăta cum să adăugați logică condițională la formularele de plată WordPress.

De ce contează logica condițională pentru formularele de plată

Am lucrat cu mulți proprietari de site-uri care au creat pagini de plată rafinate doar pentru a vedea finalizarea comenzilor suferind, deoarece formularul părea generic. Logica condițională abordează câteva puncte de fricțiune care apar în mod repetat:

• Formularele lungi determină abandonarea comenzilor: Fiecare câmp care nu se aplică unui vizitator este un motiv de pauză înainte de plată. Logica condițională menține lungimea vizibilă a formularului scurtă și relevantă pentru fiecare persoană care îl completează.
• Câmpurile irelevante creează confuzie înainte de finalizarea comenzii: Un cumpărător individual care vede un câmp „Cod fiscal” se întreabă dacă a ajuns la formularul corect. Acel moment de îndoială la finalizarea comenzii este adesea suficient pentru a-l determina să plece.
• Formularele multiple multiplică munca de întreținere: Fără logică condițională, mulți proprietari de site-uri creează un formular de plată separat pentru fiecare tip de cumpărător sau scenariu de preț. Când se modifică un preț sau un mesaj de confirmare, fiecare formular trebuie actualizat separat.
• Datele greșite ajung în Stripe: Când câmpurile opționale sunt întotdeauna vizibile, vizitatorii le completează cu text de tip placeholder sau le lasă goale. Logica condițională asigură că un câmp apare doar atunci când se aplică, astfel încât datele clienților care ajung în Stripe să rămână precise și utile.

Acestea fiind spuse, să vedem cum puteți configura cu ușurință în WordPress.

Configurați logica condițională în formularele de plată

Adăugați logică condițională la formularele dvs. de plată folosind WP Simple Pay. Se conectează perfect direct la Stripe fără WooCommerce sau un coș de cumpărături complet și vine cu o funcție de logică condițională.

WP Simple Pay este pluginul de plăți Stripe #1 pentru WordPress, creat pentru freelanceri, organizații non-profit, organizatori de evenimente și afaceri mici care doresc să accepte plăți unice și recurente fără o configurație completă de comerț electronic.

Spre deosebire de constructorii de formulare cu scop general care adaugă Stripe ca un add-on, WP Simple Pay este construit exclusiv pentru plăți Stripe: logica condițională, câmpurile personalizate și procesarea plăților fac parte din același plugin.

Constructorul său vizual de formulare include o opțiune de logică condițională, permițându-vă să creați formulare de plată care se adaptează fiecărui vizitator.

Iată câteva dintre caracteristicile oferite de WP Simple Pay:

• Câmpuri de formular condiționale: Afișați sau ascundeți orice câmp personalizat în funcție de ceea ce selectează sau introduce un vizitator. Nu este necesar cod, formulare separate sau soluții alternative.
• 21 de tipuri de câmpuri personalizate: Alegeți dintre liste derulante, butoane radio, casete de selectare, câmpuri text, selectoare de dată și multe altele. Fiecare câmp are propriile reguli condiționale independente.
• Vizibilitatea câmpurilor în timp real: Condițiile se evaluează instantaneu în browserul vizitatorului pe măsură ce acesta interacționează cu formularul. Nu este necesară reîncărcarea paginii.
• Peste 10 metode de plată: Carduri, Apple Pay, Google Pay, Debit Direct ACH, Klarna și multe altele. Logica condițională funcționează alături de fiecare metodă de plată suportată de WP Simple Pay.

Acum, să vedem cum puteți utiliza WP Simple Pay pentru a adăuga logică condițională la formularele de plată WordPress.

Pasul 1: Instalați și activați WP Simple Pay

Pentru a începe, puteți vizita site-ul WP Simple Pay și alege un plan. Rețineți că funcția de logică condițională este disponibilă utilizatorilor planurilor WP Simple Pay Pro sau superioare.

Apoi, puteți descărca fișierul .zip din tabloul de bord al contului WP Simple Pay, făcând clic pe butonul Descărcați WP Simple Pay Pro.

De acolo, navigați la tabloul de bord WordPress, încărcați fișierele pluginului și apoi instalați și activați pluginul. Dacă nu ați mai instalat un plugin WordPress înainte, acest ghid pas cu pas pentru instalarea pluginurilor WordPress vă prezintă întregul proces.

Odată ce pluginul este activ, expertul de configurare WP Simple Pay se lansează automat. Continuați și faceți clic pe Să începem pentru a începe fluxul de onboarding.

Dacă expertul nu apare, navigați la WP Simple Pay » Setări » General » Avansat și faceți clic pe Lansați expertul de configurare.

WP Simple Pay ar trebui acum să fie instalat și gata. În continuare, îl vom conecta la Stripe.

Pasul 2: Conectați WordPress la Stripe

În expertul de configurare, puteți apoi face clic pe butonul Conectați-vă cu Stripe și introduceți adresa de e-mail pentru contul Stripe.

Utilizatorii noi pot crea un cont Stripe gratuit din aceeași fereastră, fără a părăsi WordPress.

După finalizarea autentificării, expertul avansează automat.

Confirmați ecranul Configurare finalizată pentru a termina configurarea. Site-ul dvs. este acum conectat la Stripe și gata să proceseze plăți.

Pasul 3: Creați un formular de plată și adăugați câmpuri personalizate

Apoi, puteți face clic pe butonul „Creați un formular de plată” din expertul de configurare.

Sau puteți naviga la WP Simple Pay » Formular de plată și faceți clic pe butonul „Adăugați un nou formular de plată” pentru a adăuga un formular nou.

De aici, veți vedea mai multe șabloane de formulare încorporate.

Continuați și selectați un șablon de formular.

Formular de plată funcționează pentru majoritatea cazurilor de utilizare, deși un Formular de plată prin abonament sau un șablon specific unui caz de utilizare, cum ar fi Formular de înregistrare cursă caritabilă, funcționează la fel de bine, în funcție de obiectivul dvs.

After selecting a form template, you can head to the General tab, give the form a title, and choose a display type.

The On-site payment form type works for most use cases. You can also check the Open in an overlay modal option to show the form as a popup.

On the other hand, you can also select Off-site Stripe Checkout form from the Type dropdown to redirect visitors to Stripe’s hosted checkout page.

Next, open the Payment tab and configure the currency, amount, and whether the payment is one-time or recurring.

From there, you’ll need to open the Form Fields tab. Use the field type dropdown to add the fields that will act as triggers and targets for the conditional rules.

For this example, let’s add a Dropdown field labelled “Customer Type” with options “Individual” and “Business,” then add a Text field labelled “Company Name.”

Step 4: Add Conditional Logic to Your Form Fields

With both fields in place, expand the Company Name field in the list and scroll down to the Conditional Logic section.

Go ahead and check the ‘Yes’ checkbox under the Enable Conditional Logic label.

WP Simple Pay shows two settings: the action for the field (Show this field or Hide this field) and the rule logic (All rules match (AND) or Any rule matches (OR)).

Set the action to Show this field and leave the logic set to All rules match (AND).

Next, add a rule by setting the source field to Business Type, the operator to Equals, and the value to what you want to set (in our case, it will be Enterprise). From this point, the Company Name field stays hidden until a visitor selects “Enterprise” from the dropdown.

Pro Tip: WP Simple Pay doesn’t just visually hide fields; it disables them completely. A required field like “Company Name” won’t block submission if it’s hidden for a visitor who selected “Individual.” Other form builders hide the field visually but leave the required validation active, which causes phantom checkout errors for visitors who never saw the field.

Plus, you can use Any rule matches (OR) when a field should appear for more than one selection. For example, show a “Shipping Address” field when a visitor picks either “Physical Product” or “Event Kit” from a product type dropdown.

Repeat the process for any other fields that need conditional rules. Each field manages its own rules independently, so adding more conditions to a form is straightforward.

Step 5: Publish and Test Your Conditional Logic Form

When you’re done, simply click Publish to save the form.

În continuare, îl puteți adăuga pe orice pagină sau postare prin inserarea blocului WP Simple Pay – Payment Form din editorul de conținut WordPress sau prin lipirea shortcode-ului.

Odată ce ați adăugat blocul, selectați pur și simplu formularul din meniul derulant.

Acum, puteți vizita pagina publicată și testa formularul de plată cu logică condițională.

De exemplu, când schimbăm Tipul de afacere în „Enterprise”, noul câmp apare acolo unde utilizatorii pot introduce numele companiei lor.

Bonus: Utilizați logica condițională cu opțiuni de preț

Fila Payment din WP Simple Pay suportă multiple opțiuni de preț, iar sistemul de logică condițională poate declanșa în funcție de opțiunea de preț pe care o selectează un vizitator.

De exemplu, un formular de înregistrare cu niveluri „Standard” și „VIP”, un meniu derulant „Mărime tricou” poate apărea doar pentru cumpărătorii VIP, păstrând curat procesul de checkout standard.

Dacă formularul are multiple opțiuni de preț configurate în fila Payment, selectorul de preț apare automat ca opțiune de declanșare în constructorul de reguli de logică condițională. Pur și simplu setați operatorul la Equals și alegeți opțiunea de preț specifică care ar trebui să dezvăluie câmpul.

Consultați ghidul nostru despre utilizarea șabloanelor de formulare de plată în WordPress pentru a crește vânzările pentru mai multe idei despre crearea unor fluxuri de checkout mai inteligente.

Întrebări frecvente despre logica condițională a formularelor de plată

1. Ce este logica condițională într-un formular de plată?

Logica condițională permite unui formular de plată să afișeze sau să ascundă câmpuri în funcție de ceea ce a selectat sau introdus deja un vizitator. Un câmp „Nume companie” poate rămâne ascuns până când un vizitator alege „Business” dintr-un meniu derulant de tip client. Păstrează formularele scurte și asigură că vizitatorii văd doar câmpurile care se aplică situației lor.

2. WP Simple Pay suportă logica condițională?

Da. WP Simple Pay include logica condițională în constructorul său vizual de formulare pentru toate planurile Pro. Proprietarii de site-uri o pot activa pe orice câmp personalizat din fila Form Fields fără niciun cod. Logica condițională nu este disponibilă în WP Simple Pay Lite.

3. Pot afișa câmpuri diferite în funcție de opțiunea de preț pe care o selectează un vizitator?

Da. Sistemul de logică condițională include un operator Price equals care se declanșează în funcție de opțiunea de preț pe care o selectează un vizitator. Acest lucru înseamnă că un câmp precum „Mărime tricou” poate apărea doar atunci când un vizitator alege un anumit nivel de preț sau pachet din formular.

4. Cum afișez sau ascund un câmp pe baza unei selecții dintr-un meniu derulant?

În fila Form Fields, extindeți câmpul țintă și bifați Enable Conditional Logic. Setați câmpul sursă la meniul derulant, alegeți equals ca operator și introduceți valoarea opțiunii care ar trebui să declanșeze regula. Formularul se actualizează în timp real în browserul vizitatorului pe măsură ce acesta face selecția.

5. Pot adăuga mai multe condiții la un singur câmp?

Da. Fiecare câmp acceptă multiple reguli, iar dvs. puteți alege dacă se aplică Toate regulile se potrivesc (ȘI) sau Se potrivește oricare regulă (SAU). Acest lucru gestionează scenarii precum afișarea unui câmp doar atunci când sunt selectate atât un tip specific de produs, cât și o sumă minimă de achiziție.

Începeți să utilizați logica condițională pentru formularele de plată

Adăugarea logicii condiționale la formularele de plată WordPress face fiecare checkout mai relevant. Vizitatorii văd doar câmpurile care se aplică situației lor, datele care intră în Stripe rămân curate, iar proprietarii site-urilor gestionează un singur formular în loc de multe.

Sperăm că acest articol v-a ajutat să învățați cum să adăugați logică condițională la formularele de plată WordPress. De asemenea, ați putea dori să vedeți ghidurile noastre despre adăugarea de câmpuri personalizate la formularul dvs. de plată Stripe și crearea mesajelor de confirmare prin e-mail per formular în WordPress.

Gata să începeți să acceptați plăți? Începeți astăzi cu WP Simple Pay.

Pentru a citi mai multe articole ca acesta, urmăriți-ne pe X.