Akcije posle instalacije i onboarding

Akcije posle instalacije i onboarding

Tok posle instalacije je prvo iskustvo posle što trader instalira vašu Stripe App. Dobro dizajniran tok onboardinga smanjuje trenje i ubrzava aktivaciju.

Konfiguracija akcije posle instalacije

U vašem stripe-app.json:

"post_install_action": {
"type": "external",
"url": "https://app.tajo.io/stripe/onboarding"
}

Tipovi akcija

TipPonašanje
externalPreusmerava na spoljni URL sa instalacionim tokenom
viewOtvara određeni viewport vaše aplikacije

Tok onboardinga

Korak 1: Primanje instalacionog tokena

Kada je trader preusmeren na vaš URL posle instalacije, Stripe šalje instalacioni token:

https://app.tajo.io/stripe/onboarding
?account_id=acct_xyz
&install_token=install_tok_abc

Korak 2: Zamena za pristupni token

// Backend endpoint
app.post("/stripe/complete-install", async (req, res) => {
const { install_token } = req.body;
// Zamena instalacionog tokena za trajni pristup
const connection = await stripe.apps.installations.create({
install_token,
});
// Sačuvajte account_id i pristupne kredencijale
await db.saveStripeConnection({
accountId: connection.account,
refreshToken: connection.refresh_token,
});
res.redirect("/dashboard?connected=stripe");
});

Korak 3: Prikupljanje Brevo konfiguracija

// Komponenta za onboarding
function OnboardingFlow({ stripeAccountId }) {
const [step, setStep] = useState("connect-brevo");
return (
<div>
{step === "connect-brevo" && (
<BrevoApiKeyForm
onSuccess={(apiKey) => {
saveBrevoCredentials(stripeAccountId, apiKey);
setStep("configure-sync");
}}
/>
)}
{step === "configure-sync" && (
<SyncConfigForm
onSuccess={() => setStep("complete")}
/>
)}
{step === "complete" && (
<SuccessScreen />
)}
</div>
);
}

Najbolje prakse onboardinga

  1. Kratko: Maksimalno 3 koraka do aktivacije
  2. Odmah pokažite vrednost: Prikažite pregled šta će postići
  3. Pametne podrazumevane vrednosti: Unapred popunite konfiguraciju gde je moguće
  4. Obezbedite napredak: Jasni indikatori napretka kroz korake

Sledeći koraci

Subscribe to updates

developer-docs

Drop your email or phone number — we'll send you what matters next.

AI асистент

Здраво! Питајте ме о документацији.

Započnite besplatno sa Brevo