playbooks

home / skills / ominou5 / funnel-architect-plugin / ecommerce-funnel

ecommerce-funnel skill

/skills/ecommerce-funnel

This skill helps you build high-converting ecommerce funnels across product pages, cart flows, and post-purchase upsells for faster revenue.

npx playbooks add skill ominou5/funnel-architect-plugin --skill ecommerce-funnel

Review the files below or copy the command above to add this skill to your agents.

Files (2)
SKILL.md
2.9 KB
---
name: ecommerce-funnel
description: >
  E-commerce product funnel optimized for physical and digital product sales.
  Covers product pages, cart optimization, upsells, and post-purchase flows.
  Best for DTC brands, Shopify stores, and digital product sellers.
---

# E-Commerce Funnel

Sell products online with optimized product pages, cart flows, and post-purchase retention.

## Flow

```
Ad / Organic → Product Page → Add to Cart → Checkout → Order Bump → Upsell → Thank You
```

| Page | Purpose |
|---|---|
| Product Page | Hero imagery, benefits, social proof, ATC |
| Cart / Side Drawer | Review items, cross-sells |
| Checkout | Streamlined payment capture |
| Order Bump | Add-on at checkout (+$X) |
| Post-Purchase Upsell | One-click additional offer |
| Thank You + Tracking | Confirm order, set expectations |

## Product Page Anatomy

### Above the Fold
- **Product images** (3–5, lifestyle + close-up, video if possible)
- **Product title** (clear + keyword-rich)
- **Price** (original crossed out if on sale)
- **Star rating** + review count
- **Key benefit bullets** (3–5)
- **Add to Cart button** (high contrast, full-width on mobile)
- **Trust badges** (shipping, guarantee, secure checkout)

### Below the Fold
- **Detailed description** (benefits, not just specs)
- **Size guide / usage instructions**
- **Customer reviews** with photos
- **Comparison table** (vs. competitors or alternatives)
- **FAQ**
- **Related products** / "Customers also bought"

## Cart Optimization
- **Side-drawer cart** (don't redirect to cart page)
- **Free shipping threshold** — "Add $12 more for free shipping"
- **Cross-sell widget** — "Complete the look" / "Frequently bought together"
- **Urgency** — "In your cart for 15 minutes" or low stock alerts
- **Express checkout** — Apple Pay, Google Pay, Shop Pay

## Post-Purchase Upsell
```
"Wait — add {{UPSELL_PRODUCT}} for just ${{PRICE}}?"
[Yes, Add to My Order]  ←  One-click (no re-entering payment)
[No thanks, just my order]
```

## Conversion Benchmarks

| Metric | Target |
|---|---|
| Product page → ATC | > 8% |
| ATC → checkout | > 50% |
| Checkout → purchase | > 65% |
| Cart abandonment recovery | > 10% |
| Order bump take rate | > 20% |
| Post-purchase upsell | > 12% |
| Avg order value lift (with bumps) | > 25% |

## Cart Abandonment Email Sequence

| Email | Timing | Subject |
|---|---|---|
| Reminder | +1 hour | "You left something behind 👀" |
| Social Proof | +24 hours | "Why [X] customers love {{Product}}" |
| Discount | +48 hours | "Still thinking? Here's 10% off" |
| Final | +72 hours | "Last chance — your cart expires" |

## Key Principles
1. **Reduce clicks to purchase** — every extra step loses 20% of buyers
2. **Mobile-first** — 70%+ of e-commerce traffic is mobile
3. **Trust badges everywhere** — especially near payment buttons
4. **Real photography** — avoid stock; lifestyle imagery converts better
5. **Social proof density** — reviews, UGC, "bestseller" badges

Overview

This skill turns Claude into an e-commerce funnel architect focused on high-converting product pages, cart flows, upsells, and post-purchase retention. It targets DTC brands, Shopify stores, and digital product sellers to increase conversion rates, average order value, and repeat purchases. The approach emphasizes mobile-first design, fast pages, and one-click post-purchase offers.

How this skill works

It inspects and recommends optimizations across the full funnel: product pages (hero imagery, benefit-led copy, trust badges), cart experience (side-drawer, cross-sells, free-shipping prompts), checkout (streamlined payment capture, express pay), and post-purchase flows (order bumps, one-click upsells, thank-you tracking). It also generates action items for page speed, responsive layout, and social-proof placement. Outputs include copy suggestions, UX tweaks, metrics to track, and templates for abandonment sequences and upsell dialogs.

When to use it

  • Launching a new product page and needing conversion-focused layout and copy
  • Reducing cart abandonment on a Shopify or custom store
  • Implementing order bumps and one-click post-purchase upsells
  • Optimizing mobile UX and page speed for higher mobile conversions
  • Designing cart abandonment email sequences to recover revenue

Best practices

  • Design mobile-first with full-width CTA and large touch targets
  • Use 3–5 lifestyle and close-up images plus video when possible
  • Keep checkout steps minimal; support express payments (Apple/Google/Shop Pay)
  • Add trust badges near CTAs and reinforce with real customer photos and reviews
  • Offer clear free-shipping thresholds and visible urgency/low-stock signals

Example use cases

  • Audit a Shopify product page and receive prioritized fixes for hero area, review placement, and CTA contrast
  • Add a side-drawer cart with a cross-sell widget that suggests complementary items and a free-shipping nudge
  • Implement an order bump at checkout and a one-click post-purchase upsell to increase AOV
  • Create a 4-step cart abandonment email sequence with timing and subject-line suggestions
  • Benchmark funnel conversion stages and set realistic targets for ATC, checkout, and upsell rates

FAQ

What funnel metrics should I track first?

Track product page → ATC, ATC → checkout, checkout → purchase, AOV, and order-bump/upsell take rates to identify the biggest drop-offs.

Will this work for digital products as well as physical?

Yes. Core principles—benefit-led copy, trust signals, streamlined checkout, and upsells—apply to both physical and digital offers, with adjustments to delivery and licensing details.