Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
4 changes: 4 additions & 0 deletions content/docs/dashboard/web-checkout/web-checkout-faq.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -37,3 +37,7 @@ Superwall.shared.identify(userId: user.id)
```

This will ensure that the user is associated with the web checkout purchase.

### A user paid on the web and can’t access their subscription in the app. What should I do?

Direct them to your app’s plan management page so they can retrieve their redemption link or manage billing. For example: `http://yourapp.superwall.app/manage`
10 changes: 7 additions & 3 deletions content/docs/dashboard/web-checkout/web-checkout-overview.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -11,15 +11,15 @@ Web checkout requires the Superwall iOS SDK 4.2.0 or later.
Visual learner? Go watch our web checkout tour over on YouTube
[here](https://youtu.be/eUSIySsN1ZU).
</Tip>
### How it works
## How it works

Superwall presents paywalls via the concept of [campaigns](/campaigns), and each campaign has one or more [placements](/campaigns-placements). A paywall is shown in a campaign when a placement is triggered after your [audience filters](/campaigns-audience) are evaluated. This setup is Superwall's foundation, and the web checkout flow works the exact same way.

The core difference? Each placement becomes a unique URL that you can share, send or email to present a user with a paywall that leads to a Stripe checkout flow. And just like with Superwall on apps, you can create experiments, try out different paywalls, run price tests and more.

<Frame>![](images/web2appflow.jpg)</Frame>

### Overall flow
## Overall flow

Refer to the individual pages below to get started, but for a quick, high-level overview — here's how web checkout works from beginning to end:

Expand All @@ -35,7 +35,7 @@ Refer to the individual pages below to get started, but for a quick, high-level
10. In the `SuperwallDelegate`, `willRedeemLink()` is called, and then once it's fetched — `didRedeemLink(result:)` is called with the result of the redemption.
11. Finally, this user's account and details are managed via a link they find in their [email receipt or by visiting a URL manually](/web-checkout-managing-memberships).

### Getting setup
## Getting setup

Before you start, you'll need to have a Stripe account and a Superwall account. If you don't have a Stripe account, you can sign up for one [here](https://dashboard.stripe.com/register).

Expand Down Expand Up @@ -64,3 +64,7 @@ Before you start, you'll need to have a Stripe account and a Superwall account.
### App to Web

8. **[App to Web Checkout](/web-checkout-direct-stripe-checkout):** For customers in the United States, you can offer Stripe products directly from your iOS paywalls.


## Troubleshooting
If a user has issues accessing their subscription in your app after paying via web checkout, direct them to your plan management page to retrieve their subscription link or manage billing. For example: `http://yourapp.superwall.app/manage`
5 changes: 5 additions & 0 deletions content/shared/web-checkout/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -16,5 +16,10 @@ First, you need to [set up Web Checkout in the dashboard](/dashboard/web-checkou
1. [Testing Purchases](/dashboard/web-checkout/web-checkout-testing-purchases)
2. [Managing Memberships](/dashboard/web-checkout/web-checkout-managing-memberships)

## Troubleshooting
If a user has issues accessing their subscription in your app after paying via web checkout, direct them to your plan management page to retrieve their subscription link or manage billing:

For example: `http://yourapp.superwall.app/manage`

## FAQ
[Web Checkout FAQ](/dashboard/web-checkout/web-checkout-faq)