How-to guides
Take payments
What you'll get
A way for visitors to pay you. Two routes, depending on what you're selling:
- Stripe — embedded payment buttons. One-off products, services, donations, paid downloads. Stripe handles checkout end-to-end; the site embeds a button.
- Shopify — full product catalog, cart, inventory, fulfillment. The site displays products via Storefront Web Components; Shopify runs the store.
Pick one based on what you're selling. They can coexist on the same site, but most sites only need one.
When to use which
| You're selling… | Use |
|---|---|
| A digital download, a service, a one-time product | Stripe |
| Donations | Stripe |
| Subscriptions / memberships | Stripe |
| 5+ physical products with inventory and shipping | Shopify |
| Anything you'd run a real store for | Shopify |
Stripe — in the hosted builder
Add a "Buy now" button on the home page for a $29 ebook called "Coffee at Home". Connect to Stripe.
You'll be prompted to connect your Stripe account once (OAuth flow). After that the builder generates the payment button, configures it, and previews it inline.
Shopify — in the hosted builder
Add a Shopify storefront. My store is dailybrew.myshopify.com. Show all coffee bags on a /shop page.
The builder asks for your Shopify storefront access token, then sets up /shop with a product grid pulled from Storefront Web Components. Cart and checkout live on Shopify's side.
Result
- A working payment surface on your site.
- Stripe / Shopify owns the actual money side — security, PCI compliance, payouts, refunds. You just display the button or product.
- Customer transactions visible in your Stripe / Shopify dashboard.