Ugrás a tartalomhoz
DESIGNAIR

← Munkáim /Esettanulmány · Egyedi rendszer

Elállási Űrlap (WooCommerce)

Telepíthető elállási nyilatkozat-kezelő WooCommerce-hez: a vásárló három lépésben, oldalújratöltés nélkül nyújtja be, az üzemeltető pedig rendezett naplót és értesítéseket kap.

Hasonlót szeretnék
Görgess tovább Hogyan készült?
Elállási Űrlap (WooCommerce) – a felület
Típus
Egyedi rendszer
Kontextus
WooCommerce-webshopokhoz készült, saját fejlesztésű bővítmény, amellyel a vásárló online, oldalújratöltés nélkül nyújthat be elállási nyilatkozatot (GPL-3.0-or-later).
Szerepem
Tervezés, fejlesztés és karbantartás – WordPress/WooCommerce plugin
Technológia
WordPress · WooCommerce · PHP · AJAX

  • 2.4.0

    jelenlegi verzió

  • 3

    lépés a vásárló útján

  • 2

    nyelv: magyar és angol

  • 7

    kiadás 2026 júniusában

A kiindulás

Miről volt szó?

Az online vásárlónak joga van elállni a vásárlástól, a webshopnak pedig kezelnie kell ezeket a nyilatkozatokat: érthetően, nyomon követhetően és a vonatkozó előírásoknak megfelelően. A gyakorlatban ez gyakran levelezési lánc: a vásárló nem tudja, mit kell megadnia, az üzemeltető pedig elveszíti a fonalat, melyik rendelés melyik tétele érintett, és hová kell a pénzt visszautalni.

A feladat egy olyan űrlap volt, amely kitölti helyettem, ami kitölthető (rendelés, tételek, adatok), a lényeges szabályokat betartatja – például utánvétnél bankszámlaszám kell –, és az üzemeltetőnek rendezett, kereshető nyilvántartást ad. Mindezt úgy, hogy közben az adatkezelés és a bot-védelem is rendben van.

Amit tudnia kellett

  • A rendelés felismerése e-mail cím és rendelésszám alapján, egyedi rendelésszámozás mellett is
  • Tételenkénti elállás, látható bruttó árakkal és mennyiségekkel – vagy minden tételről
  • Visszatérítési módok kezelése: utánvétnél kötelező banki átutalás és bankszámlaszám
  • Beküldés oldalújratöltés nélkül, érthető visszajelzéssel
  • Működés akkor is, ha a rendelés nem található, vagy nincs is WooCommerce
  • Kötelező adatkezelési elfogadás, szerveroldali ellenőrzéssel
  • Védelem a visszaélések ellen: IP-alapú korlátozás, reCAPTCHA v3
  • Naplózás, CSV-export és e-mail értesítés az üzemeltetőnek és a vásárlónak
  • Magyar és angol nyelv

A megoldás

Amit építettem

A bővítmény egyetlen shortcode-dal ([elallasi_urlap]) bármely oldalra beilleszthető. A vásárló három lépésben halad: megadja az e-mail címét és a rendelésszámát, és a rendszer megkeresi a rendelést; kiválasztja, mely tételektől áll el, és hogyan kéri a visszatérítést; majd beküldi a nyilatkozatot – oldalújratöltés nélkül, az űrlap alatt megjelenő visszajelzéssel. Ha be van jelentkezve, az adatai előre ki vannak töltve, és a Saját fiók → Rendelések listában minden jogosult rendelés mellett ott van az „Elállás" gomb, amely a rendelést közvetlenül betölti.

A rendeléskeresés három szinten keres (egyedi rendelésszám, hagyományos azonosító, alternatív rendelésszám-bővítmények), így a WCRO-20001-szerű számozás is működik. A visszatérítés szabályát maga az űrlap érvényesíti: utánvéttel fizetett rendelésnél csak banki átutalás választható, a bankszámlaszám pedig kötelező. Ha a rendelés nem található, vagy WooCommerce nincs telepítve, a vásárló kézzel is kitöltheti az adatokat.

Az üzemeltető oldalán a beküldések naplóba kerülnek (lapozható, törölhető, CSV-ben exportálható), és két szerkeszthető HTML e-mail megy ki: egy az üzemeltetőnek, egy a vásárlónak – logóval, márkaszínnel, teszt e-mail küldéssel. Az űrlap tetején jogi tájékoztató doboz áll (határidő, visszaküldési cím, értékcsökkenés).

  • 01

    Automatikus rendelésfelismerés

    E-mail + rendelésszám alapján; az egyedi rendelésszámozást is ismeri (pl. WCRO-20001), háromszintű kereséssel.

  • 02

    Tételenkénti elállás

    Checkboxos lista bruttó árakkal és mennyiséggel, plusz „Minden terméktől elállok" opció.

  • 03

    Visszatérítési szabályok

    Utánvétnél csak banki átutalás és kötelező bankszámlaszám; egyébként az eredeti fizetési mód vagy átutalás.

  • 04

    Oldalújratöltés nélkül

    AJAX-os beküldés: letiltott gomb és „Feldolgozás…" jelzés, siker- vagy hibaüzenet közvetlenül az űrlap alatt.

  • 05

    Bejelentkezett vásárlók

    Előtöltött adatok és „Elállás" gomb a WooCommerce Saját fiók rendeléslistájában (teljesített, feldolgozás alatti és várakozó rendeléseknél).

  • 06

    Manuális mód

    Ha a rendelés nem található, vagy nincs WooCommerce, kézzel is kitölthető – a bővítmény WooCommerce nélkül is működik.

  • 07

    Adatkezelés

    Kötelező, szerveroldalon is ellenőrzött elfogadó jelölőnégyzet; adatkezelési tájékoztató shortcode és admin szerkesztő; a WordPress adatexport- és törlés-funkciójának támogatása.

  • 08

    Admin napló

    Az összes beküldés lapozható listában, törlési lehetőséggel és CSV-exporttal.

  • 09

    HTML e-mail sablonok

    Külön sablon az üzemeltetőnek és a vásárlónak; logó, márkaszín, szerkeszthető szöveg, teszt e-mail.

  • 10

    Visszaélés-védelem

    IP-alapú korlátozás (1–20 beküldés óránként, alapból 3), opcionális Google reCAPTCHA v3 tartalék-mechanizmussal.

  • 11

    Gyorsítótár-kímélő

    Az űrlapot tartalmazó oldal automatikusan kikerül a gyorsítótárból.

  • 12

    Magyar és angol

    Mindkét nyelv teljes fordítással, további nyelvek könnyen hozzáadhatók.

Technológia

Mi fut a háttérben?

  • WordPress és PHP

    WordPress 6.0+, PHP 8.0+ (8.2+ ajánlott); shortcode, admin menü, saját adatbázis-tábla.

  • WooCommerce

    Opcionális: a rendeléskereséshez és a Saját fiók gombhoz (7.0+).

  • AJAX

    A rendeléskeresés és a beküldés oldalújratöltés nélkül.

  • Google reCAPTCHA v3

    Opcionális bot-védelem, részletes szerveroldali hibanaplózással.

  • Fordítás

    Standard WordPress lokalizáció: sablon, magyar és angol fordítás.

  • GPL-3.0-or-later

    Nyílt licenc.

Hogyan közelítem

Amire az ilyen projekteknél figyelek

01

Ne a vásárlóra tegyem a terhet

Az űrlap a rendeléshez tartozó adatokat előtölti vagy megkeresi, a vásárló csak a döntést hozza meg: mit küld vissza, és hová kéri a pénzt.

02

A szabály ne az emberen múljon

Az utánvétes bankszámla-kötelezettséget az űrlap érvényesíti, szerveroldalon is – nem a vásárló emlékezetén.

03

Biztonság rétegekben

Nonce-védelem, IP-korlátozás, opcionális reCAPTCHA, bemenet-tisztítás, kimenet-escapelés és paraméteres adatbázis-lekérdezések: egyik réteg sem pótolja a másikat.

04

Adatkezelés, ami dokumentált

Adatkezelési tájékoztató, elfogadás, megőrzési idő, exportálás és törlés: az adatvédelem nem utólagos kiegészítés.

05

Üzemeltethetőség

A reCAPTCHA hibaágai részletesen naplózódnak, így a konfigurációs hibák (például felcserélt kulcs) a debug logból gyorsan kiderülnek.

06

Iteratív fejlesztés

A bővítmény kiadásról kiadásra javul: minden verzióhoz konkrét, dokumentált változás tartozik.

Hogyan fejlődött

Kiadásról kiadásra

  1. 2.0.0 · június 1.

    Teljes újraírás: interaktív, lépéses, AJAX-alapú űrlap, termékválasztás, visszatérítési opciók; WooCommerce-integráció; az admin napló és beállítások alapjai.

  2. 2.1.0 · június 8.

    Google reCAPTCHA v3, IP-alapú korlátozás, CSV-export és lapozás a naplóban; az e-mail sablonok külön, testreszabható HTML-ként.

  3. 2.2.0 · június 10.

    Bejelentkezett felhasználók támogatása, „Elállás" gomb a WooCommerce fiókban, magyar és angol fordítás, tabos admin felület.

  4. 2.3.0 · június 15.

    Jogi tájékoztató doboz az űrlapon, visszaküldési cím, másodperc pontosságú beküldési időpont; utánvétnél kötelező banki átutalás.

  5. 2.3.3–2.3.4 · június 16–24.

    Hibajavító és biztonsági kiadások: reCAPTCHA-tartalék, CSRF-védelem a CSV-exporton, a rendeléskeresés korlátozása, kimenet-escapelés.

  6. 2.4.0 · június 28.

    Teljes AJAX-os beküldés oldalújratöltés nélkül; kötelező adatkezelési elfogadás szerveroldali ellenőrzéssel.

Eredmény

Mi lett belőle?

A bővítmény jelenleg a 2.4.0-s verzióban tart, GPL-3.0-or-later licenc alatt, magyar és angol fordítással és teljes dokumentációval: telepítés, beállítás, működés, adatvédelem és változásnapló.

Egyetlen hónap alatt hét kiadás született – a teljes újraírástól a bot-védelmen és az adatvédelmi eszközökön át az oldalújratöltés nélküli beküldésig. Az üzemeltetőnek rendezett napló jut, a vásárlónak egyetlen, érthető út.

További esettanulmányok

Kapcsolat

Hasonlót szeretnél?

Írd meg két mondatban, mit szeretnél építeni vagy rendbe tenni. Megnézem, és őszintén megmondom, hogyan látom.

[email protected] +36 30 731 6893

Kíváncsi vagy, mit építettem? Nézd meg a munkáimat →

Nincs kötelezettség. Az adataidat bizalmasan kezelem.

Hívás