ts.com Ecommerce — Stripe Payment Links

Created: 2026-05-20 Executor: Cursor (autonomous — can run parallel to ts-site-rebuild) Repo: /home/ta/projects/monorepo Site path: sites/ts/ Depends on: ts-site-rebuild task (product pages must exist)

Approach: Stripe Payment Links (95% solution, 5% effort)

No backend, no checkout code, no server-side logic. Stripe hosts the entire payment experience.

How it works:

Talbot creates a Product in the Stripe dashboard
Stripe generates a Payment Link URL (e.g. https://buy.stripe.com/xxxxx)
A “Buy Now” button on the product page opens that Stripe-hosted checkout URL
Customer pays on Stripe’s secure page; Talbot gets a notification + payout

What this task builds: The product page “Buy Now” buttons and UI. The Stripe dashboard setup is done by Talbot (Cursor cannot access the Stripe dashboard).

Prerequisites (Talbot must do first)

Create a Stripe account at https://stripe.com if not already done
For each product below: create a Product + Price in Stripe dashboard → Products
Generate a Payment Link for each (Products → [Product] → Payment Links → Create link)
Copy each Payment Link URL and add it to the relevant product page

Products to Set Up in Stripe

Product	Format	Suggested Price
The Smart Debt Coach	Book (physical or PDF)	$24.95 CAD
Financial Freedom Without Sacrifice	Book (physical or PDF)	$24.95 CAD
Dispelling the Myths of Borrowing to Invest	Booklet	$14.95 CAD
Introduction to Conservative Leverage	Pamphlet	$9.95 CAD
b-Books (Branded PDF)	Digital — variable (contact for quote)	Contact only
Leverage Professional Software	Software — 30-day trial free; full license	Contact only
Seminar Package on Leverage	Package — contact for quote	Contact only

Note: b-Books, Leverage Professional, and Seminar Package are likely custom-quote items — these use “Contact to Order” CTA only, no Buy Now button. The first 4 products are suitable for direct purchase.

Implementation

Step 1: Add payment link prop to individual product pages

Each product page in sites/ts/src/pages/products/ needs a stripePaymentLink variable at the top. Talbot will fill these in after Stripe setup.

Example pattern for smart-debt-coach.astro:

---
import BaseLayout from '../../layouts/BaseLayout.astro';

// Set this after creating the Stripe Payment Link
const stripePaymentLink = ''; // e.g. 'https://buy.stripe.com/xxxxx'
const price = '$24.95 CAD';
---

<BaseLayout title="The Smart Debt Coach — Talbot Stevens">
  <div class="container page-content">
    <h1>The Smart Debt Coach</h1>
    <!-- ... product content ... -->

    <div class="product-cta">
      {stripePaymentLink ? (
        <a href={stripePaymentLink} class="btn btn-primary" target="_blank" rel="noopener">
          Buy Now — {price}
        </a>
      ) : (
        <a href="/contact" class="btn">Contact to Order</a>
      )}
    </div>
  </div>
</BaseLayout>

When stripePaymentLink is empty, it falls back to “Contact to Order”. Once Talbot adds the Stripe URL, the Buy Now button appears automatically on next build.

Step 2: Apply to all purchasable product pages

Apply this pattern to:

products/smart-debt-coach.astro
products/financial-freedom.astro
products/dispelling-myths.astro
products/conservative-leverage-intro.astro

For b-Books, Leverage Professional, Seminar Package — “Contact to Order” only (no stripePaymentLink prop needed).

Step 3: Add trust signals near buy button

Near each Buy Now button, add:

<p class="trust-badge">
  <svg><!-- lock icon --></svg>
  Secure checkout via Stripe
</p>

And include Talbot’s money-back guarantee (where applicable):

Smart Debt Coach: “Guaranteed to benefit you at least $1,000 or your money back”
Financial Freedom: “Guaranteed to benefit you at least $500 or your money back”

Step 4: Optional — Products index page “buy” links

On the Products index (products.astro), each product card can show price + a small “Buy Now” or “Learn More” link. “Learn More” links to the individual product page. This is the preferred approach — keep the index clean.

Stripe Configuration Notes (for Talbot)

Currency: Set all products to CAD in Stripe.

Delivery:

For physical books: enable “Collect shipping address” in payment link settings
For digital/PDF: no shipping needed; you’ll manually email the file after payment (or automate later)

Post-payment redirect: Set to https://talbotstevens.com/contact or a thank-you page. A basic thank-you page at sites/ts/src/pages/thank-you.astro is a good addition (Cursor can create this).

Test mode: Use Stripe test mode (toggle in dashboard) during development. Switch to live mode before launch.

Future Enhancements (out of scope for this task)

Stripe webhook → auto-email PDF after purchase (requires a serverless function)
Stripe Customer Portal for subscription products
Bundle pricing
Affiliate/referral tracking