Skip to content

Add SDK Setup page to Web Checkout guide #77

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
anglinb wants to merge 1 commit into
base: main
Choose a base branch
from
+43 −0
Open

Add SDK Setup page to Web Checkout guide #77

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions content/docs/web-checkout/meta.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@
"web-checkout-creating-campaigns-to-show-paywalls",

"---Implementation---",
"web-checkout-sdk-setup",
"web-checkout-direct-stripe-checkout",
"web-checkout-testing-purchases",
"web-checkout-managing-memberships",
Expand Down
42 changes: 42 additions & 0 deletions content/docs/web-checkout/web-checkout-sdk-setup.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
---
title: "SDK Setup"
description: "Platform-specific setup guides for Web Checkout implementation"
---

Choose your platform below to get started with Web Checkout in your app:

<CardGroup cols={2}>
<Card title="iOS" icon="apple" href="/ios/guides/web-checkout">
Setup Web Checkout for iOS apps with Swift
</Card>
<Card title="Android" icon="android" href="/android/guides/web-checkout">
Setup Web Checkout for Android apps with Kotlin/Java
</Card>
<Card title="Flutter" icon="flutter" href="/flutter/guides/web-checkout">
Setup Web Checkout for Flutter apps
</Card>
<Card title="React Native" icon="react" href="/react-native/guides/web-checkout">
Setup Web Checkout for React Native apps
</Card>
<Card title="Expo" icon="mobile" href="/expo/guides/web-checkout">
Setup Web Checkout for Expo apps
</Card>
</CardGroup>

## What's Next?

After setting up Web Checkout for your platform:

1. **Configure Deep Links**: Each platform requires deep link setup to redirect users back to your app after purchase
2. **Handle Redemption**: Implement delegate methods to handle purchase redemption
3. **Test Your Integration**: Use test mode to verify your implementation before going live

## Platform-Specific Features

Each SDK provides platform-specific features for Web Checkout:

- **Post-Checkout Redirecting**: Handle users returning to your app after purchase
- **Using RevenueCat**: Integrate Web Checkout with RevenueCat for subscription management
- **Linking Membership**: Connect web purchases to in-app subscriptions

Visit your platform's guide above to learn more about these features and implementation details.