Ugrás a fő tartalomhoz

JetFormBuilder WooCommerce Cart & Checkout Action

Mi ez és milyen problémát old meg?​

A JetFormBuilder WooCommerce Cart & Checkout Action egy JetFormBuilder Pro addon, amellyel a Gutenbergben (vagy más page builderekben) készült űrlapjaidat közvetlenül a WooCommerce kosár- és fizetési folyamathoz kapcsolhatod. Az űrlap beküldésekor egy általad meghatározott termék a kosárba kerül, a felhasználó a WooCommerce Checkout oldalára jut, és számos checkout mezőt előre kitölthetsz az űrlapból érkező adatokkal. Így egyedi, űrlapvezérelt vásárlási élményt építhetsz, miközben a WooCommerce stabil fizetési ökoszisztémáját használod.

Fő funkciók, érthetően​

Add to Cart + Redirect to Checkout​

  • Az űrlap elküldésekor a rendszer 1 darab terméket a kosárba helyez, majd automatikusan a WooCommerce fizetési oldalára irányít. Nincs szükség klasszikus termékoldalra; az űrlap a “vásárlás most” folyamat kezdete.

Checkout mezők összetérképezése​

  • A WooCommerce szabványos mezőit (számlázás/szállítás) űrlapmezőkhöz rendelheted. A checkout oldalon a vásárló adatai már előre kitöltve jelennek meg, így gyorsabb a fizetés és kevesebb a hibázás.

Termékazonosító és dinamikus ár​

  • A kosárba kerülő termék ID-je jöhet kézzel megadva vagy egy űrlapmezőből dinamikusan.
  • A dinamikus ármező segítségével az űrlap számított végösszegét adhatod át termékárként. Ha üresen hagyod, a termék saját ára érvényesül.

Egyedi rendelés-részletek (Order Details)​

  • Kiválaszthatod, mely űrlapmezők jelenjenek meg a WooCommerce “Thank You” oldalon és az admin rendelés-előnézetben. Így a vevő egyedi specifikációi, megjegyzései nem vesznek el.

AJAX vagy klasszikus beküldés​

  • AJAX beküldéskor az átirányítás csak az összes post-submit akció lefutása után történik.
  • Reload beküldésnél az átirányítás azonnali. Így te döntöd el, melyik UX illik a folyamathoz.

Gyakorlati példák​

  • Egyoldalas “vásárlás most” élmény: az űrlapban kiválasztja a felhasználó a paramétereket (méret, szín, extra szolgáltatás), beküldi, és már a checkouton van, előtöltött adatokkal.
  • Ajánlatkérő/kalkulátoros űrlap fizetéssel: az űrlap kiszámolja a végösszeget, átadja a WooCommerce-nek, majd a vevő a megszokott fizetési módokkal rendezheti.
  • Egyedi specifikációk rögzítése: például gravírozási szöveg, feltöltött terv, határidő – minden megjelenik a Thank You oldalon és az admin rendelésnézetben.
  • WooCommerce eseményekhez műveletek: például automatikus e-mail küldése, amikor a rendelés státusza “Completed”.

Telepítés és beállítás röviden​

  1. Aktiváld a JetFormBuilder Pro környezetben a WooCommerce Cart & Checkout Action addont:
    • WordPress > JetFormBuilder > Addons > WooCommerce Cart & Checkout Action > Install > Activate
  2. Nyisd meg a kiválasztott űrlapot, és add hozzá a post-submit akciót:
    • New Action > Add to Cart & Redirect to Checkout
  3. Konfiguráció a felugró beállításoknál:
    • Get product ID from: Form Field vagy Manual Input
    • WooCommerce Price field: opcionális, a teljes ár forrása
    • WooCommerce order details: jelöld ki, mely űrlapmezőket jelenítse meg a rendelésnél
    • WooCommerce checkout fields map: rendeld hozzá a checkout mezőket az űrlapmezőkhöz
  4. Tesztelés: küldd be az űrlapot, ellenőrizd az átirányítást a Checkoutra, majd a Thank You oldalon a kijelölt mezők megjelenését.

Példa konfiguráció (illusztratív):

Action: Add to Cart & Redirect to Checkout
Product ID: {form:product_id}
Price field: {form:total_price}

Checkout fields map:
  billing_first_name -> {form:first_name}
  billing_last_name  -> {form:last_name}
  billing_email      -> {form:email}
  billing_phone      -> {form:phone}
  billing_address_1  -> {form:street}
  billing_city       -> {form:city}
  billing_postcode   -> {form:zip}
  shipping_address_1 -> {form:ship_street}

Order details (visible on Thank You & admin):
  - {form:custom_notes}
  - {form:file_upload}

WooCommerce eseményindítás (példa):

  • Trigger: WC.CHECKOUT.COMPLETE → küldj e-mailt vagy frissíts bejegyzést a rendelés befejezésekor.

Függőségek és kompatibilitás​

  • Szükséges: JetFormBuilder és aktív WooCommerce.
  • JetFormBuilder Pro addonként érhető el, induló árral elérhető csomagokban.
  • Megjelenítés: Gutenberg, Elementor (widget), Bricks, illetve shortcode bárhol.

Korlátok és fontos megjegyzések​

  • Egyetlen tétel: egy űrlapbeküldés egy terméket tesz a kosárba ezzel az akcióval.
  • WooCommerce kötelező: inaktív WooCommerce esetén az addon nem működik.
  • AJAX vs Reload: az átirányítás időzítése az űrlapbeküldési módtól függ.

Előnyök és értékajánlat​

  • Űrlap-alapú értékesítés: egyedi folyamatok, termékkonfigurátorok, szolgáltatáscsomagok könnyed megvalósítása.
  • Kevesebb súrlódás a checkoutnál: előtöltött mezők = gyorsabb fizetés, kevesebb elhagyott kosár.
  • Meglévő fizetési kapuk kihasználása: nem kell külön gateway integrációt építened.
  • Jobb adatátadás: speciális igények, feltöltött fájlok, megjegyzések végigkísérik a rendelést.

Kinek ajánlott?​

  • Ügynökségeknek és fejlesztőknek: ha egyedi, űrlapvezérelt vásárlási élményt akarsz WooCommerce-re kötni minimális fejlesztéssel.
  • Termékkonfigurátort üzemeltetőknek: összetett opciók, dinamikus árképzés, gyors fizetés.
  • Szolgáltatóknak és tanácsadóknak: ajánlatkérésből azonnali fizetésre átterelés előtöltött checkouttal.
  • Marketing csapatoknak: kampány- és landolóoldalak “vásárlás most” űrlappal, közvetlen checkout átirányítással.

Ezzel a bővítménnyel pontosan azt kapod, amire az űrlap-alapú értékesítéshez szükséged van: rugalmas űrlapok, zökkenőmentes kosár- és fizetési integráció, valamint teljes kontroll a rendeléshez kapcsolódó adatok felett.