Esettanulmány: előfizetéses rendszer a WooCommerce világában
Egy igen kedves ügyfelünk azzal a kéréssel fordult hozzánk, hogy fenntarthatósági témában szeretnének minőségi tartalmat (cikkeket, letölthető anyagokat, hírlevelet) gyártani, és azokat előfizetéses rendszerben elérhetővé tenni olvasóik számára. Természetesen mindezt a kor igényeinek megfelelően, online kártyás fizetéssel, automatikus számla generálással, hírlevél feliratkozással megtoldva. A meglévő hírportál WordPress alapon működik, egyedi, testreszabott témával. Ennek működését kellett kibővíteni az előfizetéses rendszer létrehozásával, melyhez WooCommerce webshop motort és hozzá kapcsolódó bővítményeket használtunk. Mivel a rendszer több komponensű, ennak működését szeretnénk jelen cikk segítségével átláthatóvá tenni, mind az ügyfelünk, mind a téma iránt érdeklődők számára.
Az előfizetéses rendszer működéséhez fizetős (éves díjjal rendelkező) szolgáltatásokat is igénybe vettünk.
Ennek költséghatékony megoldásáról is szó lesz a cikkben.
Rendszer komponensek:
Woo Subscriptions, WooCommerce Memberships és társaik
Ugorjunk is fejest a témába, és tekintsük át, hogy milyen alkotóelemekből áll össze az előfizetői rendszer, utána pedig egyesével is górcső alá fogjuk venni az egyes komponenseket.
WordPress
az alábbi bővítményekkel kiegészülve:
Woo Subscriptions
Előfizetések kezelése, rendszeres fizetéssel
WooCommerce SimplePay Gateway with Subscriptions (3D)
SimplePay fizetőkapu az online kártyás fizetés működtetéséhez
WooCommerce Számlázz.hu Integráció
számla kibocsátáshoz
⥂
WooCommerce
Webshop motor
⥂
WooCommerce Memberships
Tagsági rendszer az előfizetői hozzáférések szabályozásához
MailChimp for WooCommerce Memberships
Automatikus hírlevél feliratkozás
WooCommerce
A WooCommerce webshop motor képezi a rendszer lelkét. Az alap bővítmény ingyenes, és gondoskodik a vásárlási folyamat véghezviteléről (termékek listázása, kosár kezelés, pénztár funkciók), kezeli a beérkező megrendeléseket, a raktárkészletet, sőt, még statisztikai adatokkal is ellát minket. Ehhez az alapértelmezett funkcionalitáshoz tudunk számos – ingyenes vagy fizetős – modult csatlakoztatni, igényeinknek megfelelően. Ezek beépülő modulok, amelyek módosítják vagy kiterjesztik a WooCommerce működését, például számlázással, fizetési és szállítási megoldásokkal. Többnyire a WooCommerce „Beállítások” menüpontja alatt konfigurálhatóak.
A WooCommerce-ben hozzuk létre a termékeket, ami a mi esetünkben az előfizetői csomagokat jelenti.
Woo Subscriptions
A WooCommerce-ben alap esetben (amennyiben nem használunk bővítményeket) minden termékhez egy fix árat tudunk beállítani (pl. egy adott póló ára 4900 Ft). Nekünk viszont most arra van szükségünk, hogy havi vagy éves árat tudjunk megadni, és az előfizetés díját rendszeresen rá tudjuk terhelni az ügyfél számlájára. Pontosan erre való a Woo Subscriptions bővítmény, amely lehetővé teszi az ismétlődő fizetéseket. Ez a bővítmény már nem ingyenes, a cikk írásának pillanatában az ára $19.92 / hó, $239 /év.
Jelentősen kedvezőbb árat kaphatunk, ha a webfejlesztő rendelkezik olyan előfizetői csomaggal, amely lehetővé teszi a prémium bővítmények kedvezményes áron való tovább értékesítését. A PM Creative is biztosítja ezt a lehetőséget ügyfelei számára.
Telepítés után az adminisztrációs felületen több helyen is felbukkan az „Előfizetések” menüpont, ahol testre tudjuk szabni a szolgáltatást, emellett a termék adatlapon is be tudjuk állítani, hogy milyen előfizetői csomagról van szó. Egy konkrét előfizetéshez tartozhat havi és éves ár is, ezt a „Variációk”-nál tudjuk állítani.
Milyen előfizetéses tartalom jöhet szóba?
Lássuk, hogy milyen tartalomtípusokat érdemes használni, ha a weboldalunk látogatói részére előfizetéses rendszert ajánlunk fel, és szeretnénk minél sokoldalűbb, színesebb csomagot kínálni?
- cikkek, ezen belül
- szöveges tartalom;
- videós tartalom;
- diagramok, illusztrációk;
- letölthető anyagok, például:
- ebook (PDF);
- sablonok (pl. Excel táblázatok, Word dokumentumok);
- hírlevelek;
- online kurzusok;
- online konzultáció;
- privát csoport (fórum, chat);
WooCommerce SimplePay Gateway with Subscriptions
Miután létrehoztuk az előfizetői csomagunkat, gondoskodnunk kell a fizetési megoldás(ok)ról. Ez lehet utalás, utánvétes fizetés (fizikai termék esetén), és online bankkártyás fizetés is. (Erről bővebben olvashatsz még az Online fizetés WordPress oldalakon c. cikkünkben.)
Online fizetés
Ügyfelünk az OTP SimplePay szolgáltatását választotta, amely lehetővé teszi az online kártyás tranzakciót (továbbá QR kódos fizetést, azonnali átutalást, stb). Szerződéskötés után első körben egy ún. sandbox fiókot kaptunk, amelyet nyugodtan lehet (sőt kell is) tesztelésre használni, ilyenkor éles tranzakció még nem megy végbe.
Integráció
Az online fizetés életre keltéséhez szükségünk van még egy olyan bővítményre, amely megoldja a WooCommerce és a SimplePay közötti integrációt. A Transgate megoldását választottuk: WooCommerce Subscriptions SimplePay fizetési modul. Így néz ki tehát az integráció:
WooCommerce
Webshop motor
⥂
WooCommerce Subscriptions SimplePay fizetési modul
⥂
SimplePay
Banki rendszer
Miután a weboldalunk látogatója kiválasztotta a számára szimpatikus előfizetést, az bekerül a kosárba, onnan pedig a pénztárhoz jutunk. Erről a folyamatról maga a WooCommerce webshop motor gondoskodik. A mikor a folyamat végén a vásárló az online kártyás fizetést választja, akkor lép akcióba a Transgate modul, amely továbbítja a vásárlót a SimplePay biztonságos fizetési felületére. A mi rendszerünk ezáltal nem is tárol bankkártya adatokat, így nem kell amiatt álmatlanul forgolódnunk, hogy veszélyeztetjük ügyfeleink banki adatait. Miután megtörtént a tranzakció, a bank visszairányítja a vásárlót a weboldalra, és tájékoztat a tranzakció kimeneteléről (sikeres / sikertelen).
A webshop és a banki rendszer összekötéséhez a SimplePay fiókunkban megadott kereskedői azonosítót és titkos kódot át kell másolnunk a WooCommerce fizetési beállításaihoz (hogy a rendszer megfelelően fel tudja venni a kapcsolatot a SimplePay-jel), a SimplePay fiókban pedig meg kell adnunk a Transgate modul által megadott IPN URL-t (ami a vásárló visszairányításához kell.)
Figyelem! SimplePay + WooCommerce integrációra több bővítmény is vállalkozik, van közöttük ingyenes is, ám ezek egy része nem kezeli az ismétlődő fizetéseket! A mi esetünkben erre feltétlenül szükség van, hiszen a WooCommerce Subsriptions modul működése ezt megköveteli.
Miután sikerült a rendszert működésre bírni, és a tesztelés is sikeres volt, maga a SimplePay csapata is ellenőrzi a webshopot. Ha mindent rendben talál, megadja a hozzáférést az éles SimplePay fiókhoz (a sandbox helyett). Ilyenkor még érdemes egy kisebb összeggel újra tesztelni, mielőtt megnyitnánk a webshopot a vásárlók hada előtt.
WooCommerce Számlázz.hu Integráció
Ha azt szeretnénk, hogy a sikeres fizetés után automatikusan a számlát is megkapja a vásárló, szükségünk lesz egy online számlázó szolgáltatásra. Ügyfelünk a Számlázz.hu-nál regisztrált, ezért olyan bővítményt kerestünk, amely összeköti a WooCommerce rendszerünket a szamlazz.hu fiókkal. Viszt Péter bővítményére esett a választásunk, tehát a rendszerünk az alábbi komponenssel bővült:
WooCommerce
Webshop motor
⥂
WooCommerce Számlázz.hu integráció
⥂
Számlázz.hu
Online számlázó rendszer
A bővítmény PRO verziója lehetővé teszi az automatikus számla generálást, míg az ingyenes verzió megkövetel egy-két extra kattintást. A PRO verziónak természetesen további előnyei is vannak, például az adószámot is belevarázsolja a pénztár oldalunkba (ez sajnos a WooCommerce-ből alapból hiányzik).
Az integráció során a WooCommerce-ben be kell állítani a Számlázz.hu fiók által megadott API kulcsot. Itt is lehetőség van teszt fiók létrehozására, hogy ne egyből éles számlákat állítsunk ki.
Ott tartunk tehát, hogy a vásárló már be tudja tenni a kosárba az előfizetői csomagot, ki tudja fizetni, és megtörténik a számla kibocsátása is, melyet a vásárló e-mail-ben kap meg.
WooCommerce Memberships
A következő lépés annak meghatározása, hogy egy adott előfizetési csomaghoz milyen jogosultságok tartoznak. Ebben segít nekünk a WooCommerce Memberships bővítmény, amellyel létrehozhatjuk a tagsági rendszert, és beállíthatjuk, hogy egy adott tartalomhoz (pl. cikk, letölthető dokumentum, tanfolyami anyag) ki férhet hozzá. Ez is fizetős bővítmény, ára a cikk írásának idején $16.59 / hó, $199 / év. Az ár fejlesztői csomagot igénybe véve jelentősen olcsóbb lehet.
A bővítmény aktiválása után a bejegyzések szerkesztő felülete alatt megjelenik egy új blokk, ahol kiválaszthatjuk, hogy mely tagok férhetnek hozzá az adott tartalomhoz. Akik nem fizettek elő a megfelelő csomagra, maximum a cikk elejét olvashatják el, vagy egyáltalán nem is látják a cikket (beállítástól függően).
Az előfizetői csomagoknál is megjelennek a tagságra vonatkozó beállítások, így az előfizetői csomagokhoz különböző tagsági beállításokat társíthatunk.
MailChimp for WooCommerce Memberships
Ügyfelünk hírlevelet is szeretne kiküldeni előfizetői számára, és ehhez a MailChimp szolgáltatását választotta. A cél az, hogy előfizetés után a vásárló e-mail címe automatikusan bekerüljön a hírlevélküldő rendszerbe, ezért ehhez a MailChimp for WooCommerce Memberships bővítményt telepítettük. Ez szintén fizetős bővítmény, ára a cikk írásának idején $4.09 / hó, $49 / év. Az ár fejlesztői csomagot igénybe véve jelentősen olcsóbb lehet.
A bővítmény telepítése után a beállításoknál meg kell adni a MailChimp fiókunkban szereplő API kulcsot, és – többek között – be kell állítani, hogy melyik listára iratkoztassa fel a rendszer az előfizetőt.
További beállítások
A cikk kereteit meghaladja, hogy a teljes előfizetéses rendszer konfigurálásának minden részletét kifejtsük, ezért – a teljesség igénye nélkül – álljon itt néhány fontosabb feladat:
- A WooCommerce beállításainál meg kell adnunk az ÁFA mértékét, szabályoznunk kell a felhasználói fiókok létrehozását, a kiküldendő e-maileket, a megrendelések állapot-kezelését.
- Gondoskodnunk kell a webshophoz kapcsolódó jogi dokumentumokról (erről A weboldal kötelező elemei c. cikkünkben írtunk bővebben). Kötelező például az adatvédelmi tájékoztató és az ÁSZF. A SimplePay is támaszt bizonyos követelményeket, pl. a logó feltűntetését.
- Végig kell mennünk a teljes folyamaton és szükség esetén át kell írnunk az alapértelmezett szövegeket a ránk vonatkozó, specifikus információkra.
Az előfizetéses rendszer működése
Miután felépült a birodalom, gondoljuk végig még egyszer a rendszer folyamatait, hogy teljesen világos legyen a működés!
Új előfizetői csomag létrehozása
Amikor egy új csomagot akarunk létrehozni, a következőt kell tennünk:
- A WooCommerce Termékek menüpontjánál létrehozunk egy új terméket. Megadjuk a nevét (például „VIP csomag”), opcionálisan írunk hozzá leírást, társítunk hozzá képet (ha ezeket használjuk a felületen), majd a termék adatoknál kiválasztjuk az egyszerű vagy a változó előfizetés opciót. Beállítjuk az árat (a változónál variációkat hozunk létre), bepipáljuk a ‘Virtuális termék‘ opciót és átnézzük a további beállítási lehetőségeket.
- A termék adatok alatt beállítjuk az előfizetéshez tartozó tagsági szintet. Kiválaszthatunk egy már meglévőt, vagy létrehozhatunk újat (ehhez átnavigál minket a rendszer a tagsági szintekhez). Ezzel szabályozzuk, hogy az adott előfizetéssel mihez fér majd hozzá a felhasználó.
- Létrehozzuk azokat a tartalmakat (például cikkeket), amelyeknek megtekintését előfizetéshez akarjuk kötni. A bejegyzés szerkesztőfelülete alatt megtaláljuk a tagságra vonatkozó beállításokat.
Az előfizetés folyamata
Amikor a vásárló előfizet a csomagra, a következő történik:
- A WooCommerce végig vezeti őt a termék – kosár – pénztár úton.
A folyamat során a vásárlónk megadja az adatait, kiválasztja a fizetési módot, és elfogadja a felhasználási feltételeket. - Online kártyás fizetés kiválasztása esetén a rendszer továbbítja őt a SimplePay fizető felületére, majd a tranzakció végeztével visszarepíti az oldalunkra, ahol megerősítjük a művelet sikerességéről.
- Teljesített tranzakció esetén a rendszerben automatikusan végrehajtódnak a szükséges beállítások,
ezzel párhuzamosan pedig a felhasználóval gyors egymásutánjában több dolog is történik:- kap egy felhasználói fiókot a webshopunkban,
ahol szükség esetén tudja módosítani az adatait és az előfizetését; - e-mail-ben visszajelzést kap a megrendelés státuszáról,
a SimplePay tranzakcióról,
és megkapja a számlát is; - megkapja az előfizetői csomagjához társított tagságot,
ezért innentől láthatja a tagsági szintjéhez tartozó fizetős tartalmakat; - az e-mail címe bekerül a MailChimp rendszerébe,
ezért innentől kapni fogja az előfizetőknek járó hírleveleket.
- kap egy felhasználói fiókot a webshopunkban,
Az előfizetés lemondásakor a rendszer automatikusan megvonja tőle a hozzáféréseket (tagság, hírlevél előfizetés).
Összegzés
Valószínűleg kiderült a cikkből, hogy az előfizetői rendszer létrehozása és konfigurálása sok időt és odafigyelést igényel.
Először is, szerződni kell a szolgáltatókkal, és be kell regisztrálni a megfelelő rendszerekbe:
- SimplePay (vagy más fizetési szolgáltatás, pl. Stripe, Barion);
- Számlázz.hu (vagy más online számlázó rendszer, pl. Billingo);
- MailChimp (vagy más hírlevélküldő rendszer, pl. MailerLite).
Ha nem az esettanulmányban említett szolgáltatókat választjuk, feltétlenül ellenőrizzük időben, hogy az alternatív megoldáshoz biztosított-e az integráció a WooCommerce rendszerrel, és ha igen, milyen feltételekkel.
Ezután ki kell fizetni és telepíteni kell a szükséges bővítményeket, amelyek a mi esetünkben az alábbiak voltak:
- WooCommerce;
- Woo Subscriptions;
- WooCommerce Memberships;
- WooCommerce SimplePay Gateway with Subscriptions;
- WooCommerce Számlázz.hu Integráció;
- MailChimp for WooCommerce Memberships.
Telepítés után el kell végezni a konfigurálást, az összes komponensre vonatkozóan, továbbá végig kell fésülni minden szöveget, amely a felhasználó számára a felületen vagy e-mailben megjelenik. Létre kell hozni az előfizetői csomagokat, és be kell állítani a tagsági hozzáféréseket.
Gondoskodni kell a jogi dokumentumokról.
Miután minden elkészült, érdemes létrehozni a szolgáltatást bemutató landing oldalt, és beindítani egy népszerűsítő marketing kampányt, de ez már egy következő fejezet…
Ha tudtam segíteni neked a cikkel, vagy ha felmerült benned bármilyen kérdés, javaslat, kérlek írj nekünk visszajelzést a lenti űrlapon keresztül! Minden üzenetet örömmel fogadunk.