[Stripe] Hogyan tudok kártyás fizetést beállítani a Stripe segítségével

Itt jársz most:
E cikk tartalma

É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.

Stripe éles üzemmód

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:

Stripe éles API kulcsok a stripe.com fiókban

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.

Stripe kiválasztása az értékesítési űrlapban

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.

Stripe teszt üzemmód engedélyezve

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:

Stripe 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.

Stripe teszt kulcsok beállítása a Checkout Navigator-ban

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!

Vélemény, hozzászólás?

Az e-mail címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük