Ha szeretnéd lehetővé tenni vásárlóid számára, hogy a SalesAutopilottal létrehozott megrendelő űrlapjaidon leadott rendeléseket bankkártyával is kiegyenlíthessék Stripe-on keresztül, akkor a Stripe integrációnk segítségével ezt könnyedén be tudod állítani.
Ebben a cikkben azt fogjuk megmutatni, hogy hogyan tudod beállítani a Stripe integrációt, és hogy hogyan tudsz létrehozni egy olyan Megrendelő űrlapot, amelyen Stripe-on keresztül is ki tudják fizetni a vásárolt terméket. Pontosabban a következő lépéseken vezetünk végig:
- Integráció beállítása
- Szállítási és fizetési mód beállítása
- Megrendelő űrlap létrehozása
- Tesztelés
- Élesítés
- Gyakori hibák és megoldásaik
Integráció beállítása
Mindenekelőtt, ha még nem lenne Stripe fiókod, regisztrálj ezen az ezen az oldalon, majd céges adataid megadásával aktiváld a fiókot. Először érdemes teszt üzemmódban létrehozni a rendszeredet, ehhez a Stripe bal oldali menüjében állítsd a csúszkát "Viewing test data" opcióra, és majd csak alapos tesztelés után élesítsd a rendszered.
API kulcsok előkészítése Stripe-ban
A Stripe admin felületén a Developers (1) / API keys (2) menüpontban, a “Standard keys” résznél található a “Publishable key” (3) és a “Secret key” (4) értékekre lesz majd szükséged, ezért lépj be a Stripe fiókodba, és vedd elő ezt a képernyőt, hogy kéznél legyen.
Integráció beállítása SalesAutopilotban
Ha még nem lenne Megrendelési listád, először hozz létre egyet ezen cikkünk alapján. Majd a megrendelési lista képernyőjén kattints a megrendelés lista Beállítások (1) fülének Integráció (2) opciójára.
Ezután kattints a Stripe integráció szerkesztés ikonjára (1). Ha esetleg nem látod a képen látható lehetőségeket, ellenőrizd, hogy a lista megrendelés típusú-e.
A megjelenő képernyőn add meg az integráció adatait:
-
Environment: Válaszd a Test vagy Live opciót attól függően, hogy még csak teszteled-e a rendszert, és a Stripe-ban a teszt adatokat használod, vagy már éles rendszeren dolgozol.
- A "Publishable key" és "Secret key" mezőkbe másold be a Stripe felületéről a megfelelő kulcsokat.
-
A Checkout page kétféle módon jelenhet meg:
Prebuilt: Javasoljuk, hogy ezt használd, ekkor a Stripe saját checkout page-ét használja a rendszert. Ezt egyszerűbb beállítani, nem kell a design-nal, személyre szabással foglalkozni, és használható Google Pay és Apple Pay fizetési módokkal is.
Custom: Ezt az opciót haladóbb felhasználóknak javasoljuk, ebben az esetben a SalesAutopilotban beállított checkout page-t jeleníti meg a rendszer, ami személyre szabható. Akkor érdemes ezt az opciót választani, ha a checkout oldalt teljesen egyedire kell szabni és van olyan ember a csapatban, aki gyakorlott webdesigner és HTML/CSS szakember. Fontos tudni, hogy ebben az esetben a fizetőoldal a megrendelő űrlapnál beállított Köszönőoldal aldomainen fog megjelenni, ami jól hangzik ugyan, de meglátásunk szerint a vásárlók általában jobban megbíznak egy ismert szolgáltatásban, mintha a cég saját domainjén, vagy marketingszoftveres domainen van a fizetőoldal.
Fontos: ha már létező rendszerben módosítod a Checkout Page beállítást, akkor az integráció beállításának módosítása után generáld újra az űrlapot.
Az alábbi opciókra csak ismétlődő fizetés beállítása esetén lesz szükséged: -
Sikertelen terhelés esetén meghívandó adatmódosító űrlap Nem kötelező beállítani, ismétlődő fizetés esetén itt tudod megadni, hogy sikertelen terhelés esetén melyik adatmódosító űrlapot futtassa a rendszer.
-
Kipróbálási időszak utáni első sikeres terheléskor meghívandó adatmódosító űrlap Nem kötelező beállítani, ismétlődő fizetés esetén itt tudod megadni, hogy kipróbálási időszak után, az első sikeres terheléskor melyik adatmódosító űrlapot hívja meg a rendszer.
-
15 sikertelen terhelés után se inaktiválódjon az előfizetés Ismétlődő fizetés esetén, 15 sikertelen terhelés után alapértelmezetten leállítja az előfizetést a rendszer. Ha azt szeretnéd, hogy 15 sikertelen terhelés után se állítsa le a rendszer az előfizetést, azt itt tudod beállítani.
Amikor elkészültél, kattints a Módosítások mentése gombra, ezzel a beállítás elmentésre került, a SalesAutopilot fiókod képes kommunikálni a Stripe fiókoddal.
Ha ismétlődő fizetési folyamatot szeretnél létrehozni, akkor lépj vissza az Ismétlődő fizetés kezelése Stripe segítségével c. Tudásbázis bejegyzésünk következő pontjára.
Szállítási és fizetési mód beállítása
Mielőtt létrehoznánk magát a Megrendelő űrlapot, először létre kell hozni egy Stripe-os Szállítási és fizetési módot. A baloldali kék menüsávban kattintsd a fogaskerék ikonra (1), majd az eCommerce (2) / Szállítási és fizetés mód (3) menüpontra.
Kattints a Szállítási/fizetési mód hozzáadása (1) gombra.
A felugró ablakban be tudod állítani a Szállítási és fizetési mód részleteit. Írd be az Elnevezést (1), amiről a SalesAutopilot rendszerében megismered majd ezt a módot, majd a Fizetési módnál a Bankkártya opciót (2) választva elérhetővé válik a Stripe opció (3), ezt pipáld be. A Pénznemet (4) mindenképpen szükséges kiválasztanod, a többi beállítás nem kötelező. A további beállításokról a Szállítási és fizetési mód beállítása c. cikkünkben olvashatsz részletesebben.
Amikor végeztél, kattints a Mentés gombra.
Megrendelő űrlap létrehozása
Megrendelő űrlapot az alábbi Tudásbázis cikkben leírtak alapján tudsz létrehozni az alábbi pontok figyelembe vételével:
- Az imént létrehozott Szállítási és fizetési módot mindenképp rendeld az űrlaphoz.
- Kötelező mezőként add hozzá az Email cím, Vezetéknév, Keresztnév, Telefonszám és a szükséges Számlázási cím (Város, Irányítószám, Utca, Házszám) mezőket.
- Ha a Stripe integráció beállításánál a Checkout page opciónál a Custom opciót választottad, akkor a Megrendelő űrlap létrehozásának 4. lépésében, a Köszönőoldal beállításakor tudod majd személyre szabni a Checkout oldalt a "Kártyás fizetőoldal tartalma" résznél. Fontos, hogy a [stripe_card_input_field] mezőkódot semmiképp se töröld.
Tesztelés
A beállítások elvégzése után mindenképp teszteld alaposan a felépített rendszert. Ebben a részben megmutatom egy eseten, hogy hogyan tudsz tesztelni. Az űrlap adatai képernyőn, az Űrlap URL-jére kattintva tudsz leadni teszt rendelést az űrlapon keresztül.
Az űrlapon adj meg tesztadatokat, és kattints az Űrlap elküldése gombra.
Az adatok megadása után a Stripe oldalán megadott teszt kártya adatokkal tudod tesztelni a fizetést. A bankkártya adatok megadása után felugrik az erős ügyfél hitelesítéshez szükséges párbeszédablak, amennyiben a vásárláshoz használt kártya kibocsátója igényli az erős ügyfél hitelesítést.
Fontos: A rendelés végösszegének el kell érnie a 175 Ft-ot, más esetben nem nyílik meg a Stripe fizetési oldala.
Sikeres fizetés, illetve szükség esetén sikeres hitelesítés esetén megjelenik a megfelelő köszönőoldal, és a rendelés bekerül a megrendelési listádba.
Ha mindent rendben találtál, élesítheted a rendszert.
Hogyan élesítsd a kész rendszert?
Az alábbi lépéseken kell végigmenned:
- A Stripe fiókban állítsd át, hogy az éles adatokat lásd, és készíts elő a Developers / API keys menüt!
- A Lista Beállítások / Lista menüpontjában szerkeszd a Stripe integráció adatait:
- Állítsd az Environmentet Live-ra
- Másold be az új "Publishable key" és "Secret key" kulcsokat a Stripe-ból
- A többi, SalesAutopilotban felépített elemhez nem kell hozzányúlni.
- Érdemes a saját bankkártyáddal egy éles megrendelést is leadni.
Gyakori hibák és megoldásaik
"Nem jelenik meg a fizetőoldal, csak tölt és fehér képernyőt látok." Ez általában akkor fordul elő, ha a Stripe fiókot még nem aktiválták a cégadatok megadásával. A Stripe ugyanis nem engedi a Checkout Pgae funkció használatát, amíg nem adták meg a Cégadatokat. Az aktiváláshoz a Stripe Tudásbázisában talál segítséget.
"Duplán történik terhelés, duplán megy ki a feliratkozáskori levél és a számlázás is duplán történik." Ez általában akkor fordul elő, hogy a Stripe fiókban webhook beállítási probléma van (pl. több webhook is felvételre kerül). Ekkor érdemes áttekinteni a Stripe fiókban a beállításokat és a nem használt webhook-ot eltávolítani, majd ismételten tesztelni a rendszert.
Hozzászólások
0 hozzászólás
A cikkhez nem írhatók újabb hozzászólások.