SimplePay-en keresztül lehetőség van integrált Google Pay fizetési megoldás alkalmazására, amit már bővítményünk is támogat.

A v3.6.0 verziótól a bővítmény már támogatja az integrált Google Pay fizetést az áruházak felületén. Míg SimplePay-en keresztül eddig is volt lehetőség Google Pay-el fizetni, addig ezzel az új fejlesztéssel mindezt már a te áruházadon belül teheti meg a felhasználó, átirányítás nélkül, a Google fiókjában elmentett kártyák egyikének kiválasztásával.

A fizetés során a kártyaadatok tokenizált formában kerülnek feldolgozásra, így a tényleges kártyaadatok soha nem jutnak el sem az áruházadba, sem a bővítménybe.

Technikai feltételek, beállítások

A Google Pay csak a WooCommerce Block Checkout felületén elérhető, mivel klasszikus checkout nézet nem támogatja az express fizetési módokat! Ez egy olyan megkötés, amihez muszáj volt tartanunk magunkat, mivel úgy látjuk, hogy a régi Woo fizetési felület technikailag már elavult.

Jó tudni: WooCommmerce-ben jelenleg két különböző - és technikailag merőben eltérő - fizetési felületet tudsz használni. Mind a kettőnek megvan a maga előnye és hátránya. Ebben az esetben az "express fizetési mód" az, ami lehetővé teszi, hogy a Google Pay-t fenntarthatóan és üzembiztosan implementáljuk.

További feltétel, hogy az áruház HTTPS protokollon, publikusan elérhető legyen - a Google Pay kizárólag ilyen felületen működik.

Az első lépés a bekapcsolás felé, hogy írunk a SimplePay-nek, hogy az adott kereskedői fiókban kapcsolják be az integrált Google Pay fizetési módot. A beállításokat csak ezt követően tudjuk elvégezni.

1. Kereskedői profil létrehozása a Google-nél

Az Apple Pay-jel ellentétben itt nem a SimplePay admin felületén, hanem a Google saját felületén kell regisztrálnunk. A cél a merchant ID megszerzése, amit később a bővítménybe kell majd bemásolnunk.

  1. Lépjünk be a Google Pay & Wallet Console felületre.
  2. A "Type of business" alatt válasszuk a Merchant opciót, és adjuk meg a kért alapadatokat.
  3. Töltsük ki a Business Profile-t (vállalkozási adatok).
  4. A bal oldali menüben nyissuk meg a Google Pay API fület, majd kattintsunk a Get Started gombra.
  5. Fogadjuk el a Google Pay API Terms of Service és az Acceptable Use Policy dokumentumokat.
  6. Ezt követően a merchant ID megjelenik a felület jobb felső részén.

2. Domain benyújtása jóváhagyásra

Éles használathoz a Google-nek jóvá kell hagynia az integrációnkat. Ezt a lépést érdemes akkor elvégezni, amikor a bővítmény beállításaival megvagyunk, és a Google Pay gomb már látszik a checkouton, mert képernyőképeket kell csatolnunk róla.

  1. Ellenőrizzük, hogy az integráció megfelel a Google Integration checklist pontjainak.
  2. A Console-ban: Google Pay API → Integrations → "Integrate with your website" → Add website.
  3. Adjuk meg a Google Pay-t hívó top-level domaint.
  4. Integration type-nál válasszuk a Gateway opciót (ez a SimplePay-es, fizetési szolgáltatón keresztüli modell).
  5. Töltsük fel a képernyőképeket, amelyek a checkout folyamatot és a Google Pay gomb elhelyezkedését mutatják.
  6. Mentés, majd Submit for approval.

A Google a jóváhagyás során üzleti megfelelőségi ellenőrzést is végez (jogilag bejegyzett vállalkozás, valós cégadatok, jogszerűen forgalmazott termékek), és a Google Pay nem használható a Google elfogadható felhasználási szabályzatába ütköző termékek értékesítésére.

A SimplePay a beküldött adatokat (merchant ID, éles domain, képernyőképek) a kereskedői support ticket rendszeren keresztül, vagy az onboarding során megadott technikai kapcsolattartó e-mail címen is bekérheti.

3. A bővítmény beállításai

  1. Kapcsoljuk be a Google Pay fizetési módot a bővítményen belül.
  2. A Google Pay Merchant ID mezőbe másoljuk be a Google Pay & Wallet Console-ban kapott merchant ID-t.

Fontos különbség az Apple Pay-hez képest, hogy a Google Pay merchant ID nem kereskedői fiókonként (devizanemenként) állítható, hanem egyetlen, az áruházhoz tartozó érték. A SimplePay oldali kereskedői azonosítót (gatewayMerchantId) a bővítmény automatikusan az aktuális devizanemhez tartozó fiókból veszi.

Ha a Google Pay merchant ID vagy a SimplePay kereskedői azonosító hiányzik, a Google Pay gomb nem jelenik meg a checkouton.

Sandbox és tesztelés

A bővítmény a Sandbox mód beállítása alapján dönti el, hogy a Google Pay TEST vagy PRODUCTION környezetben induljon el, így külön kapcsolót nem kell átállítani.

  1. Kapcsoljuk be a bővítményben a sandbox módot. Ilyenkor a Google Pay TEST környezetben fut, és a merchant ID értékét a Google nem validálja.
  2. Nyissuk meg az áruházat egy olyan böngészőben (Chrome, vagy Android eszköz), ahol be vagyunk jelentkezve egy Google fiókba.
  3. A Google Pay felugró ablakában TEST környezetben a Google saját teszt kártyái érhetők el, valós terhelés nélkül. Bővebben a Google dokumentációjában.
  4. Teszteljük végig a sikeres és a sikertelen tranzakciókat is, illetve azt is, hogy a vásárló megfelelő visszajelzést kap.

Ha a kártyakibocsátó bank erős ügyfélhitelesítést (3DS/SCA) kér, a bővítmény automatikusan átirányítja a vásárlót a SimplePay hitelesítő felületére, majd onnan vissza az áruházba - ez a folyamat része, nem hiba.

A Google Pay gomb testreszabása

A Google Pay gombot - az Apple Pay-jel ellentétben - nem CSS-sel szabjuk testre, mert a gombot a Google JavaScript API rendereli, és a megjelenését a Google márkairányelvei kötik.

A bővítmény az alábbi beállításokkal jeleníti meg a gombot:

  • buttonColor: default
  • buttonType: pay
  • buttonRadius: 4
  • buttonBorderType: default_border
  • buttonLocale: a böngésző nyelve

A gomb a konténerének szélességét veszi fel (max-width: 100%, minimum 120px), így a legtöbb sablonhoz igazodik.

Támogatott kártyák

A bővítmény a Visa, Mastercard és American Express kártyahálózatokat engedélyezi, PAN_ONLY és CRYPTOGRAM_3DS hitelesítési móddal.

Az egyes kártyahálózatok tényleges elérhetősége a kereskedő és az elfogadó bank közötti szerződéstől függ.

Korlátok

A Google Pay-es fizetés esetén a kártyatárolás és az ismétlődő fizetések nem támogatott funkciók. A visszatérítés (refund) ugyanakkor a megszokott módon működik.