Set up Component Checkouts
Checkout Components is not enabled by default. To request access, contact your Customer Success Manager or FastSpring Support.
Use Component Checkouts to embed FastSpring's payment UI directly into your own page. Instead of redirecting buyers to a hosted checkout, you mount individual components — a card form, a pay button, and a disclosures block — wherever you want them in your layout.
You control the styling. FastSpring handles card tokenization, validation, compliance, and payment processing.
Create a Component Checkout
In the FastSpring app, go to Checkouts → Component Checkouts and click + Create.
Enter a Checkout ID — a short, lowercase identifier for this checkout (e.g., my-checkout).
The Checkout ID becomes part of your checkout URL and cannot be changed after creation. Choose something that reflects the context, such as a product line or integration name.
Your checkout URL will follow this pattern:
https://{your-store}.onfastspring.com/components-{checkout-id}You will pass this URL to the SDK as checkoutUrl during initialization.
Click Create. Your checkout appears on the Component Checkouts list.
From the list, you can also override the store's default currencies for this checkout — click ... on the checkout card and select Currencies. Enable Override Store Currencies, select the currencies you want to support, and click Save. If left unchanged, the checkout uses your store's default currency settings.
Configure your checkout
Click into your checkout to open the detail page, which has two tabs: Implementation and Settings.