[Stripe] Hogyan tudok kártyás fizetést beállítani a Stripe segítségével
Éles (valódi pénzes) kártyás fizetés beállítása Stripe fizetési kapuval
Ha már van Stripe fiókod, kezdd a beállítást a 3. ponttal.
Egyelőre – bár a Stripe a magyar cégek számára is elérhető – az oldalainak a többsége (és a dokumentáció is) csak angolul érhető el. Emiatt a beállításához szükséged lesz angol nyelvtudásra.
Akiknek ez gondot okoz: ügyfeleink számára, akik előfizettek bármely csomagunkra, a prémium támogatás keretein belül segítünk beállítani a Stripe számlájukat – amennyiben ezt igénylik.
1) Ha még nincs neked, hozz létre egy új Stripe fiókot
Ehhez látogass el ide: https://stripe.com/en-hu.
Kattints a Start now > gombra.

Miután ez megvan, a kezdő regisztrációs képernyőre kerülsz, ahol meg kell adnod a következő adataidat:
- Email cím
- Teljes név
- Működési ország
- Jelszó

Ha ezek megvannak, kattints a Create account gombra, és létrejön a Stripe fiókod.
Természetesen itt még nincs vége. Mivel a Stripe egy magas biztonsági fokú online fizetési szolgáltató, ezután még egy sor adatot be fog kérni tőled annak érdekében, hogy bizonyítsd: jogosult vagy online fizetéseket fogadni a rendszerükön keresztül.
2) Aktiváld a Stripe fiókodat és add meg a szükséges adataidat
Ezután email-ben kapsz egy aktivációs linket, amellyel igazolhatod, hogy a tiéd a megadott email cím. Erre rá kell kattintanod, hogy a fiókod aktiválódjon.
Ahhoz, hogy valódi kifizetéseket fogadhass, a Stripe további adatokat kérhet be tőled. Úgy, mint: cégnév, vállalkozás címe, adószáma, logója, bankszámla-adatok, stb.
Ezen adatok köre időben, illetve a regisztráció fajtájától függően változhat, így itt nem térnék ki rájuk részletesebben. Amennyiben az ügyfelünk vagy és elakadnál, jelezd és segítünk.
3) Szerezd meg az éles Stripe API kulcsokat
Miután kész a Stripe fiókod, lépj be a https://dashboard.stripe.com/ címen az email-eddel és a jelszvaddal.
Mivel most az éles (valódi pénzes) kulcsokat állítjuk be, győződj meg róla, hogy az éles adatok nézet van bekapcsolva a Stripe fiókodban. Ez akkor van így, ha a menüben a View test data kapcsoló ki van kapcsolva.

Miután bent vagy, navigálj el a Developers » API keys részbe, ahol látnod kell egy Standard keys című táblázatot. Ez tartalmazza a közzétehető (Publishable key) és a titkos (Secret key) kulcsokat.
Itt kattints a Secret key sorában a Reveal live key gombra, hogy a titkos kulcsod is megjelenjen.
A TOKEN oszlopban található kódokra lesz majd szükséged ahhoz, hogy beállítsd a Checkout Navigator integrációt:

Hasznos tudni
A Stripe API kulcsok eleje mindig megmutatja, hogy milyen típusú kulcsról van szó (ez a tudás jól jön, ha nem vagy biztos benne, hogy melyik kulcsot hová írd be):
» pk_live: éles közzétehető kulcs
» sk_live: éles titkos kulcs
» pk_test: teszt közzétehető kulcs
» sk_test: teszt titkos kulcs
4) Engedélyezd a Stripe fizetési módot a Checkout Navigatorban
A következő lépésként lépj be a weboldalad WordPress admin felületére (általában: domainnevem.hu/wp-admin).
Itt navigálj el a Checkout Navigator » Beállítások » Fizetés oldalra és pipáld ki a Bankkártya (Stripe) engedélyezése opciót:

5) Írd be az API kulcsokat
Ezután megjelenik a Stripe beállítások rész, ahová be tudod írni a kulcsokat, amiket a 3. pontban megszereztél.
Ügyelj arra, hogy a Stripe közzétehető kulcs mezőbe a Stripe oldaláról a Publishable key tokent, a Stripe titkos kulcs helyére pedig a Secret key tokent kell bemásolnod, valahogy így:

Felhívnám itt a figyelmed Az űrlapon megjelenítendő üzenet beállításra. Ez akkor jelenik meg, ha valaki a Checkout Navigator űrlapban a Stripe-ot választja, mint fizetési kaput. Így a vevőiddel meg tudsz osztani kimondottan a Stripe-os fizetéssel kapcsolatos tudnivalókat, amennyiben ezt a fizetési módot választják.
Miután megvagy minden beállítással, kattints a Módosítások mentése gombra a lap alján.
6) Ellenőrizd, működik-e minden rendesen az űrlapon
Most pedig nincs más dolgod, mint hogy elnavigálj a honlapodon arra a külső oldalra ahol a megrendelő űrlapod található. Ha minden igaz, akkor megjelent rajta a Stripe, mint fizetési opció.
Ha pedig kiválasztod a Stripe-ot, akkor megjelenik alatta az imént beállított űrlapon megjelenítendő üzenet.

Amennyiben kitöltöd az űrlapot és rákattintasz a Megrendelem gombra, úgy pedig átkerülsz a Stripe Checkout weboldalára, ahol végre tudod hajtani a fizetést. Amennyiben ez sikeres, úgy visszakerülsz a weboldalad Teljesült tranzakció oldalára.
A teljes fizetési útvonalat érdemes először Teszt üzemmódban kipróbálnod, amelynek beállításához itt lentebb találsz útmutatót.
Stripe teszt üzemmód beállítása
Mivel a Teszt üzemmód beállításai nagyon hasonlóak az éles üzemmódhoz, itt csak azokra a dolgokra térek ki, amelyek különbözőek. A következetesség miatt ugyanazt a számozást követem itt is, mint az Éles üzemmódnál.
1-2) Stripe fiók létrehozása és beállítása
Itt szinte ugyanazok a lépések, mint Éles környezetben. Azzal a különbséggel, hogy a tesztelés megkezdéséhez általában kevesebb adat megadása is elegendő.
3) Szerezd meg a teszt Stripe API kulcsokat
Ehhez először is Teszt nézetbe kell kapcsolnod a Stripe fiókodat. Ezt a View test data kapcsolóval teheted meg.
Amikor ez a kapcsoló aktív, a neve átváltozik Viewing test data-ra, az oldal tetején pedig megjelenik a narancssárga TEST DATA felirat.

Most pedig ugyanúgy, mint az éles kulcsoknál, navigálj el a Developers » API keys oldalra.
Kattints a Secret key sorban a Reveal test key gombra.
Vedd észre, hogy az így megkapott API kulcsok a pk_test, illetve az sk_test karakterekkel kezdődnek. Ez jelzi, hogy ezek teszt kulcsok:

Ezekre a kulcsokra lesz szükséged a teszt integráció beállításához.
4) Engedélyezd a Stripe fizetési módot a Checkout Navigatorban
Ez pont ugyanúgy történik, mint éles környezetben (l. fentebb).
5) Írd be az API kulcsokat
Mivel most a teszt üzemmódot használjuk, ezért most a pk_test és az sk_test kezdetű Teszt API kulcsokat kell beírnunk a Checkout Navigator beállításainál a Stripe közzétehető kulcs és Stripe titkos kulcs mezőkbe. Minden más ugyanúgy megy, mint éles környezetnél.

6) Ellenőrizd, működik-e minden rendesen az űrlapon
Teszt üzemmód esetén lehetőséged van letesztelni a teljes folyamatot anélkül, hogy bármilyen valós pénzmozgás történne.
Ilyenkor, miután az űrlap beküldése után átkerülsz a Stripe Checkout oldalára, különböző teszt kártyák segítségével tudod letesztelni a különböző forgatókönyveket, úgy mint:
- Sikeres fizetés
- Sikertelen fizetés
- 3DS biztonsági kérdés megjelenítése
- Lejárt kártya
- stb.
Élesítés a tesztelés után
Ha először Teszt üzemmódban próbáltad ki a Stripe integrációt és szeretnél Éles üzemmódra váltani, nem kell mást tenned, mint átírnod a WP-Adminban a Checkout Navigator » Beállítások » Fizetés részben a Stripe API kulcsokat az éles, pk_live és sk_live kezdetű kulcsokra.
Ehhez pedig végig kell menned a fentebb részletezett Éles fizetési beállítások 3-6. pontjain (ha csak átírod a kulcs elejét, az nem fog működni – azzal ne próbálkozz) – és már kész is vagy!