Ugrás a fő tartalomhoz

WooCommerce One Page Checkout

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

A WooCommerce One Page Checkout hivatalos, prémium bővítmény, amellyel a termékválasztást és a pénztári űrlapot egyetlen, gyors oldalra tudod összehozni. Ezzel lerövidíted a vásárlási folyamatot, csökkented a felesleges oldalváltásokat, és mérsékeled a kosárelhagyást. A vevő egy helyen nézi meg a kínálatot, választ, mennyiséget állít, majd azonnal fizet – kontextusváltás nélkül.

Hogyan működik röviden?​

  • Ugyanazon az oldalon jelennek meg a termékválasztó elemek és a pénztári űrlap.
  • A kosár frissítése és a mezők változása oldalfrissítés nélkül történik.
  • Mindezt egy rövidkóddal helyezed el bármely oldalra vagy bejegyzésre, testreszabható sablonokkal.

Fő funkciók részletesen​

  • Rövidkód-alapú működés: A [woocommerce_one_page_checkout] rövidkóddal egy oldalt egyoldalas pénztárrá alakíthatsz. Attribútumokkal finomhangolsz, például:

    • product_ids – konkrét termékek előkészítése a kiválasztáshoz
    • template – megjelenítési sablon kiválasztása

  • Beépített sablonok: Választhatsz listás, táblázatos, egytermékes vagy “pricing table” jellegű sablont (pl. product-list, product-table, product-single, pricing-table), attól függően, hogyan szeretnéd prezentálni a kínálatot.

  • Egyedi sablonok: Fejlesztőként saját kiválasztó-sablonokat készíthetsz a témádban. A sablonokat a megfelelő szűrővel regisztrálod, a termékválasztó elemekhez pedig data-add_to_cart attribútum szükséges. Támogatott elemtípusok: gomb, rádió, checkbox, hivatkozás és számmező.

  • Per-termék beállítás: A termék adatlapján egy kapcsolóval elérheted, hogy maga a termékoldal is teljes értékű egyoldalas pénztárként működjön.

  • Szerkesztői támogatás: A Klasszikus szerkesztőben van grafikus felület a rövidkód beszúrásához; a Gutenbergben manuálisan illeszted be a rövidkódot.

  • Tartalom kombinálása: A rövidkód köré tetszőleges tartalmat tehetsz (szöveg, kép, videó), így a sales-üzenetek és a vásárlás egy helyen vannak.

  • Integrációk: Működik számos WooCommerce-kiegészítővel (pl. előfizetések, foglalások, csomagok), így komplex ajánlatokat is eladhatsz egy oldalon.

  • Fizetési kompatibilitás: Azokkal a gatewayekkel működik, amelyek a WooCommerce standard fizetési szakaszát használják.

Gyakorlati példák​

  • Termékoldali azonnali vásárlás: Egy fizikai termék oldalán a leírás alatt pénztár jelenik meg; a vevő mennyiséget állít és fizet.
  • Kampány-landing: Egy promóciós oldalon a videó és ajánlat alatt rögtön ott a vásárlás – nincs lépegetés a kosár/pénztár között.
  • Kis katalógus: 5–8 termékes boltban egy táblázatból kiválasztja a vevő, amit kér, és azonnal fizet.
  • Csomagok/pricing: Rádiógombos csomagválasztóval egyetlen csomag marad a kosárban – tiszta, fókuszált döntési folyamat.
  • Előfizetés/foglalás: Előfizetéses termék vagy időpontfoglalás egyoldalas űrlapon, kevesebb súrlódással.

Telepítés és első lépések​

  1. Telepítsd és aktiváld a bővítményt.
  2. Hozz létre egy új oldalt, és illeszd be a rövidkódot: 
    [woocommerce_one_page_checkout template="product-table" product_ids="12,34,56"]
  3. Opcionálisan kapcsold be egy terméknél, hogy a saját oldala is pénztár legyen.
  4. Tedd a rövidkód köré a marketingtartalmat (cím, leírás, videó).

Működés és technikai részletek​

  • Attribútumok: legalább template és/vagy product_ids. Oldalanként csak egy ilyen rövidkód támogatott.
  • Auto-scroll: Alapból aktív; a beállításoknál kikapcsolhatod.
  • Szállítási mezők: Ha minden megjelenített termék virtuális, a szállítási címmezők rejtve maradnak; ha bármelyik fizikai, megjelennek.
  • Kötelező normál pénztár oldal: Ne töröld a klasszikus WooCommerce pénztárad – szükséges visszaigazoláshoz és egyes fizetési módokhoz.
  • Szerkesztők: Klasszikus szerkesztőben vizuális beszúrás, Gutenbergben kézi rövidkód.
  • Programozói jegyzetek: Egyedi sablonok a témában, sablon-regisztráció szűrőn keresztül, a választó elemek data-add_to_cart attribútummal működnek. Ha nem a tartalomban futtatod a rövidkódot (pl. do_shortcode), jelezd szűrővel, hogy az oldal OPC, különben az assetek nem töltődnek be.
  • Speciális viselkedés: Rádiógombos választásnál a kosár ürülhet új választás előtt – ez tervezetten így működik (pricing-szerű használatnál hasznos).
  • Kompatibilitás: A saját sablonrendszer miatt nem minden kiegészítő működik automatikusan; például fájlfeltöltős opciótípusok nem támogatottak.
  • Fizetés: Olyan gatewayekkel működik, amelyek a standard WooCommerce fizetési szakaszt követik.

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

  • Kevesebb lépés, több konverzió: Azonnali vásárlás egy oldalon, kevesebb lemorzsolódás.
  • Gyorsabb döntés: A tartalom és a vásárlás együtt van, nincs kontextusváltás.
  • Rugalmasság: Sablonokkal és rövidkódokkal pontosan azt az élményt építed, amire szükséged van.
  • Időmegtakarítás: Kevesebb oldal, kevesebb karbantartás, egyszerűbb analitika a funnelben.

Kinek ajánlott?​

  • Kis és közepes katalógusú boltoknak, ahol a kosár + pénztár külön oldalak feleslegesek.
  • Kampány- és landing-oldal készítőknek, akiknek kritikus a konverzió és a sebesség.
  • Digitális termékek, előfizetések, foglalások értékesítőinek, ahol a gyors űrlapélmény kulcs.
  • Mobil-first webáruházaknak, mert egy oldalon minden elfér és gyors.
  • Ügynökségeknek/fejlesztőknek, akik testreszabható sablonrendszert keresnek.

Összességében: ezzel a bővítménnyel egy fókuszált, gördülékeny vásárlói élményt kapsz, amely csökkenti a súrlódást és növeli a bevételt – mindezt a WooCommerce bevált folyamataira építve.