A Teya integrálása a saját weboldaladba vagy alkalmazásodba lehetővé teszi az online fizetések biztonságos feldolgozását. Ez az útmutató segít kiválasztani a megfelelő beállítást, generálni az API hitelesítő adatokat, és tesztelni a rendszereket az élesítés előtt.
Válaszd ki az integrációs útvonalat
Két fő útvonal áll rendelkezésedre a Teya online fizetések integrálására. Oszd meg ezeket a lehetőségeket a fejlesztőddel, hogy eldöntsétek, melyik a legjobb a vállalkozásod számára.
Hosted Checkout. A weboldalad létrehoz egy fizetési munkamenetet a Teya API használatával. Amikor a vásárlód készen áll a fizetésre, röviden átirányítja őt a Teya biztonságos fizetési oldalára. Amint a fizetés befejeződött, visszatér a weboldaladra.
- Mikor válaszd ezt: Ez a leggyorsabban felépíthető módszer. Válaszd ezt az útvonalat, ha korlátozott fejlesztői erőforrásokkal rendelkezel. Ez a megfelelő alapértelmezett választás a legtöbb egyedi integrációhoz.
Beágyazott komponensek. Előre elkészített Teya fizetési mezőket ágyaz be közvetlenül a fizetési oldaladba. A vásárlód soha nem hagyja el a weboldalad a fizetés befejezéséhez.
- Mikor válaszd ezt: Válaszd ezt az útvonalat, ha rendkívül fontos, hogy a vásárlód a saját oldaladon tartsd. Ennek beállítása több kódot igényel, mint az átirányítási útvonal, ezért győződj meg arról, hogy elegendő fejlesztői időt tudsz befektetni.
Hogyan szerezhetem be az API hitelesítő adataimat és a webhookokat?
Az API végpontjainkhoz való csatlakozáshoz hitelesítő adatokat kell generálnod. A tranzakciók eredményeivel kapcsolatos frissítések fogadásához webhookokat kell beállítanod.
Mindkettőt könnyedén konfigurálhatod a Teya Portál használatával. Ugyanez a megközelítés érvényes a Staging és a Production környezetekre is.
Kövesd az alábbi lépéseket:
- Nyisd meg a Teya Portál-t.
- Lépj a Beállítások menüpontra.
- Válaszd ki a beállítani kívánt üzletet.
- Kattints az Integrációk gombra.
- Generálj hitelesítő adatokat, és konfigurálj webhookokat.
Teszteld és indítsd el integrációdat
A fejlesztőd először egy Staging környezetben építi fel és teszteli az integrációt.
Fontos: A Teya kapcsolattartó elérésének vagy a konkrét teszt kártyaszámok elérésének pontos módszere jelenleg hiányzik ebből az útmutatóból. Lépj kapcsolatba az ügyfélszolgálattal!
Következő lépések a teszteléshez:
- Staging beállítása: A Teya kapcsolattartód segít a Staging környezet beállításában.
- Teszt tranzakciók futtatása: Használj teszt hitelesítő adatokat és teszt kártyákat a tranzakciók szimulálásához.
- Folyamat ellenőrzése: Teszteld a teljes fizetési folyamatot, indíts egy visszatérítést, és győződjön meg arról, hogy a webhook folyamat megfelelően működik.
- Áttérés a Production környezetbe: Miután sikeresen tesztelted az összes folyamatot, áthelyezheted integrációdat a Production környezetbe, és elfogadhatsz élő fizetéseket.
Fejlesztői erőforrások: A teljes integrációs útmutatókért, konkrét lépésekért, API referenciákért és kódpéldákért irányítsd fejlesztődet a Teya Developer Guide-hoz.
A Beágyazott komponensek a Teya oldalon belüli fizetésed közvetlenül a weboldaladon biztosítják. Az előre elkészített fizetési mezők meglévő fizetési oldalába történő beillesztésével vásárlóid anélkül fejezhetik be a fizetést, hogy valaha is elhagynák az oldalad. Ez az útmutató elmagyarázza a Beágyazott komponensek előnyeit, és felvázolja, hogy fejlesztődnek mire van szüksége a beállítás elvégzéséhez.
A fizetési élmény kiválasztása
Technikai erőforrásaidtól és attól függően, hogy mekkora irányítást szeretnél a fizetési oldal kialakítása felett, választhatsz a Beágyazott komponensek és a Hosted Checkout között.
- Beágyazott komponensek: A vásárló a teljes fizetési folyamat során a weboldaladon marad. Teljes mértékben Te irányítod a megjelenést, de a beállítás közepes erőfeszítést és egy fejlesztőt igényel.
- Hosted Checkout: A vásárló átirányításra kerül a Teya fizetési oldalára. Korlátozott irányítással rendelkezel a kialakítás felett (logó, feltételek és kereskedői megjegyzés), de a beállítás minimális kódot és alacsony technikai erőfeszítést igényel.
Amit a Beágyazott komponensek kínálnak
Az oldalon belüli fizetés használata zökkenőmentes élményt nyújt a vásárlóidnak, és a következő jellemzőket tartalmazza:
- Kártyás fizetések valós idejű érvényesítéssel.
- Apple Pay támogatás.
- 3-D Secure beágyazott ellenőrzések, ami azt jelenti, hogy nincsenek teljes oldalas átirányítások.
- Testreszabható elrendezések, betűtípusok és színek, hogy pontosan illeszkedjenek vállalkozásodhoz.
Beállítási követelmények
A Beágyazott komponensek beállítása technikai tudást igényel, így egy fejlesztőre lesz szükséged a kiépítés elvégzéséhez. A kezdéshez a következő elemekre van szükséged:
- API hitelesítő adatok: Az egyedi Teya API hitelesítő adataid az integráció hitelesítéséhez.
- SDK telepítés: A front-end oldalra telepített Beágyazott komponensek SDK.
- Munkamenet létrehozása: Egy back-end beállítás, amely létrehozza az aktív fizetési munkamenetet.
- Webhook végpont: Egy konfigurált webhook végpont a valós idejű fizetési értesítések fogadásához.
A Hosztolt Fizetésioldal egy biztonságos, testreszabható fizetési oldal az online vásárlóid számára. Használhatod webáruházaddal, a Fizetési Link használatával, vagy egyedi integrációval. Zökkenőmentes fizetési módot kínál vásárlóidnak, miközben kártyaadataikat biztonságban tartja.
Hogyan működik a Hosztolt Fizetésioldal?
Amikor egy vásárló készen áll a fizetésre, átirányítjuk a biztonságos fizetési oldalra. Fizethet a preferált módszerével, Te pedig megkapod az elszámolást a bankszámládra.
Vásárlói út:
- A vásárló kiválasztja a fizetést a weboldaladon vagy alkalmazásodban.
- Átirányítják őket a fizetési oldaladra.
- Kiválaszt egy fizetési módot, és befejezi a tranzakciót.
- A háttérben lefut a 3-D Secure a fizetés hitelesítéséhez.
- A vásárló meglátja a visszaigazolást, és visszatér a weboldaladra.
Támogatott fizetési módok
Vásárlóid számos biztonságos módszerrel fizethetnek minden eszközön. A Hosztolt Fizetésioldal a következőket támogatja:
- Visa
- Mastercard
- American Express
- Apple Pay
Dinamikus valutaváltás (DCC)
Ha a vásárló egy másik országból származó kártyát használ, a dinamikus valutaváltás segítségével választhatja azt, hogy a saját pénznemében fizet.
Amit a DCC-ről tudni kell:
- A vásárló számára: A saját pénznemükben látják az árat, és kiválaszthatják, hogyan szeretnének fizetni.
- A vállalkozásod számára: Az elszámolás összege, a riportok és a könyvelés mindig a helyi pénznemben marad.
- Elérhetőség: A DCC automatikusan működik a jogosult kártyák esetében. Jelenleg nem érhető el Apple Pay fizetésekhez.
- Leiratkozás: Ha nem szeretnéd a DCC-t, lépj kapcsolatba a Teya csapattal, hogy kikapcsolják azt.
A fizetési oldal testreszabása
A fizetési oldal megjelenését a Teya Portál beállításaiban frissítheted. A végrehajtott módosítások automatikusan érvényesülnek a webáruházadban, a Fizetési Link használatakor és az egyedi integrációkban.
Testreszabási lehetőségek:
- Logó: Tölts fel egy képet, amely az oldal tetején jelenik meg. Az átlátszó hátterű PNG fájlok működnek a legjobban.
- Jogi linkek: Illeszd be az általános szerződési feltételek és az adatvédelmi irányelvek URL-címeit. Ezek a fizetési oldal láblécében jelennek meg.
- Kereskedő megjegyzése: Adj meg egy rövid üzenetet a vásárlóidnak, például a szállítási időkről vagy a visszaküldési feltételekről. Ez legfeljebb két mondat legyen.
Egyedi integráció beállítása
Ha saját weboldallal vagy alkalmazással rendelkezel, a fejlesztőd a Teya API segítségével egyedi integrációt készíthet.
Integrációs lépések:
- Hozz létre egy fizetési munkamenetet az API használatával.
- Irányítsd át vásárlódat a biztonságos Hosztolt Fizetésioldal oldalra.
- Visszaigazolást kapsz, amikor a fizetés befejeződött.
A Hosztolt Fizetésioldal egy biztonságos Teya fizetési oldal, ahol vásárlóid a weboldaladon történő vásárlás után befejezhetik a fizetést. Ahelyett, hogy Te kezelnéd a kártyaadatokat, vásárlóid rövid időre átirányítjuk a teya.com Teya oldalára, ahol mi kezelünk minden érzékeny adatot, a hitelesítést és a feldolgozást.
Miért érdemes a Hosztolt Fizetésioldalt használni?
A hosztolt megoldásunk használata leegyszerűsíti a technikai beállításokat és növeli a biztonságot.
- Egyszerűsített megfelelőség: A Teya kezeli az összes kártyaadatot és biztonsági követelményt, így Neked nem kell.
- Biztonságos fizetések: A beépített 3D Secure (3DS) extra védelmi réteget biztosít Neked és vásárlóidnak.
- Digitális pénztárcák: A vásárlók a kártyáik mellett gyorsan fizethetnek az Apple Pay használatával is.
- Egységes jelentések: Tekintsd meg az összes online tranzakciót az üzletben történt személyes értékesítés mellett a Teya Alkalmazásban és a Portálon.
Hogyan működik a fizetési folyamat?
Íme a vásárló útja egy tranzakció során:
- Pénztár: A vásárló összeállítja a kosarát a weboldaladon, majd a Fizetés gombra kattint.
- Átirányítás: Átirányítják őket a biztonságos Teya Hosztolt Fizetésioldal oldalra.
- Fizetés: A vásárló megadja kártyaadatait, vagy digitális pénztárcát használ (Apple Pay).
- Biztonsági ellenőrzés: A Teya 3D Secure hitelesítést (banki ellenőrzést) futtat a fizetés engedélyezéséhez.
- Visszaigazolás: A jóváhagyás után a vásárlót visszaküldik a weboldalának rendelés visszaigazoló oldalára.
Elfogadott fizetési módok
A Hosztolt Fizetésioldal támogatja a legfontosabb bankkártyákat és digitális pénztárcákat:
- Visa
- Mastercard
- American Express
- Apple Pay (támogatott eszközökön)
A pénztár testreszabása
Az integráció során vállalkozásod igényeihez igazíthatod a fizetési oldal megjelenését és hangulatát:
- Részletek megjelenítése: Válaszd ki, hogy megjelenjen-e a tétellista, az üzlet neve és a rendelés végösszege.
- Vásárlói adatok: Válaszd ki, milyen adatokat gyűjtsön be (pl. kártyabirtokos neve, e-mail cím, telefonszám).
- Átirányítás: Döntsd el, hogy a vásárlók egy Teya sikeres fizetési üzenetet lássanak-e, vagy azonnal visszairányítsák őket az áruházadba.
Hogyan kezdj hozzá?
A Hosztolt Fizetésioldal használatához a Teya integrálása szükséges a weboldaladdal.
- Fejlesztőknek: Kérjük, tekintsd meg a fejlesztői dokumentációnkat az integrációs útmutatókért.
- Kereskedőknek: Ha bővítményt (például WooCommerce) használsz, vagy segítségre van szükséged a beállításhoz, kérjük, fordulj ügyfélszolgálatunkhoz segítségért.