Sell on your Adorie site with Stripe

Your first product

Publishable key pk_live_51Hxyz…aB72 Copy

Buy Button ID (optional) buy_btn_1NQz…X2pK Copy

Step-by-step

Five steps from "no payments" to "selling live."

Get your Stripe keys

In your Stripe dashboard, go to Developers → API keys and copy your Publishable Key (pk_live_…). Optionally create a Buy Button under More → Buy Button and copy its ID (buy_btn_…).

Open your project's Stripe modal

In the Adorie builder, open the Project menu (top-right) → Stripe. The Stripe Payments modal opens.

Paste keys & Save

Scroll to the Or use Buy Button section. Paste your Publishable Key (required) and Buy Button ID (optional). Hit Save. Status flips to "Saved! Ask the AI to add a buy button."

Ask the AI for a buy button

In the chat, send "Sell my ebook for $29" or "add a buy button for the consultation product". Adorie injects your Publishable Key + Buy Button ID into the page automatically — no keys appear in your prompt.

Publish & test

Hit Publish. Visit your live URL, click the buy button — Stripe Checkout opens. Use test card 4242 4242 4242 4242 first if you set Stripe to Test mode.

🛣️ Two payment paths — which is right for me?

The Stripe modal offers two routes. Today only the Buy Button path is live; Connect with Stripe is labeled Coming Soon.

Buy Button (live now). You bring your own Stripe account. Adorie injects your Publishable Key + Buy Button ID into the generated page; visitors check out via Stripe's hosted page. No platform fee from Adorie — only Stripe's standard processing fees (~2.9% + $0.30 in the US). You see every payment directly in your own Stripe dashboard.

Connect with Stripe (Coming Soon). Adorie onboards a Stripe Connect account for you on the fly. No keys to paste, no Stripe dashboard required up front. Adorie takes a 5% platform fee on top of Stripe's processing fees. Best for first-time sellers who don't already have a Stripe account.

💡 If you already have a Stripe account, use Buy Button. Saves you 5% per sale and works today. Switch to Connect later only if you want one-click onboarding for additional projects.

What the AI builds for you

Once your Stripe keys are saved, the AI knows how to wire up checkout. You describe the product; Adorie writes the markup.

🛒

Buy buttons

The standard Stripe <stripe-buy-button> web component, themed to match your site. One per product.

🪪

Product cards

Pricing card layout with image, name, description, and price — the buy button slots in cleanly.

📋

Multi-product pages

Need three plans (Basic / Pro / Team)? Ask for "a pricing page with three tiers"; the AI generates one buy button per tier.

🎟️

Add-to-cart-style buttons

For multi-item shops, the AI can render a grid of products, each with its own Buy Button ID — you'd create one Buy Button per item in Stripe and the AI uses them.

✅

Success / cancel handling

Stripe's Buy Button uses your dashboard-configured success and cancel URLs. Ask the AI to "add a thank-you message" to point to a confirmation section on your site.

🔁

Subscriptions

Configure recurring pricing in Stripe → create the matching Buy Button → ask the AI for it. Adorie just renders what your Stripe product supports.

Prompts that work well

Describe the product. Adorie picks the right markup.

Basic

Single product, single button. "sell my ebook 'Calm Mornings' for $29 with a buy button"

Pricing

Multiple tiers on one page. "add a pricing section with three plans: Starter $19/mo, Pro $49/mo, Team $99/mo — buy button on each"

Shop

Product grid. "build a 6-card product grid for my candle shop, photo + name + price + buy button on each"

CTA

Buy button inside a hero or CTA. "hero with a big headline 'Sleep Better Tonight' and a buy button below for the $49 sleep mask"

🧪 Test before going live with test-mode keys

Toggle your Stripe dashboard into Test mode (top-right). Test-mode keys start with pk_test_… and buy_btn_test_… — paste those into Adorie, ask the AI for a buy button, and run a fake purchase. No money moves.

Common test cards:

4242 4242 4242 4242✅ ApprovedVisa

4000 0000 0000 9995❌ Declinedinsufficient_funds

4000 0025 0000 3155✅ 3DS requiredauth flow

Any future expiry, any 3-digit CVC, any postal code work for all test cards.

⚠️ Don't paste live keys until you've tested. Once a real payment goes through Stripe, refunds are possible but visible. Test-mode lives in a sandbox; nothing leaks.

💰 Fees & payouts (Buy Button path)

Adorie fee: $0 on the Buy Button path. Money flows directly from your visitor to your Stripe account; Adorie isn't in the loop.

Stripe processing fee: ~2.9% + $0.30 per successful charge in the US. International cards are slightly higher (~3.9%). Live numbers depend on your Stripe pricing — check your Stripe dashboard.

Payouts: Stripe's default rolling schedule (2 days in the US, ~7 days for new accounts). Adjust under Stripe dashboard → Settings → Payouts.

Refunds: Issue from Stripe dashboard → Payments → click the payment → Refund. Adorie doesn't surface refunds in-app — Stripe is the source of truth.

🧩 Combine with other Adorie features

+ Google Sign-In. Gate the buy button behind a sign-in — e.g. "only show the buy button if the visitor is signed in". Pair with the Google sign-in tutorial if you haven't enabled it yet.

+ AI Chat Widget. Add the floating assistant to answer pre-sales questions ("what's your refund policy?"). See the chat widget tutorial.

+ Form submissions. If you collect order notes (delivery instructions, gift messages) via a form before checkout, those go to your project's /admin page automatically. Gate /admin behind a password with the admin content tutorial.

+ Custom domain. Stripe Checkout shows your subdomain or custom domain as the merchant name on the payment screen. Set up your custom domain first via the domain tutorial for the cleanest look.

🔧 Troubleshooting

"Buy button shows but does nothing on click." Usually a missing or malformed Publishable Key. Reopen Project → Stripe and confirm the key is exactly what's in your Stripe dashboard. Hard-refresh the live site.

"Invalid buy button ID." Make sure the ID matches the mode of your key — pk_test_… + buy_btn_test_…, or pk_live_… + buy_btn_…. Cross-mode IDs fail silently.

"Button works on Adorie preview but not on the live site." Your live custom domain may not be in Stripe's Domains allow-list. Open Stripe dashboard → Settings → Payment methods → Apple Pay (or Buy Buttons) and add your domain.

"Tax / shipping calculation needed." Configure those on the Stripe product page itself — Adorie just renders the button. Stripe Checkout handles the calculation server-side.

Home · Guides · Pricing · Terms · Privacy

Sell on your Adorie sitewith Stripe