bb-shop · mybirdbuddy.com funnel

Funnel variants

Each variant is the full PDP → cart → checkout flow with its own cart. Control is the untouched clone; every other variant overrides only the data, templates or assets it changes.

Example: Benefit bar under the hero

/example-benefit-bar/

example

Adds a new PDP section (template + data) right below the buy box.

Repeating the guarantee, returns and rating claims right under the buy box raises Buy Now clicks.

Overrides templates data

Example: Free shipping on $99+

/example-free-shipping/

example

Data-only variant: one shipping rule and two copy changes, no templates touched.

Showing free shipping on orders over $99 at every step removes the $19 surprise at checkout and lifts checkout completion.

Overrides data

Premium polish

/premium-polish/

draft

Control, refined end to end: same sections and copy, with a tactile buy box, calmer loading, thumb-reach sticky CTAs, a stepped checkout and a celebratory thank-you. Mobile first.

A more premium, low-friction mobile experience (clear selection states, sticky checkout CTA, stepped checkout with express pay up front) increases mobile checkout completion without changing the offer.

Overrides templates data assets variant.css variant.js

Sky hero

/sky-hero/

draft

Premium polish with an immersive PDP: the launch email's sky-and-oak-branches hero with the Nook hanging among the leaves, layered for a subtle parallax, and the page below tuned to the same airy direction.

An immersive, natural-context hero (the feeder in a garden scene rather than on a flat gradient) makes the Nook feel more desirable at first glance and lifts PDP to cart, without changing the offer.

Builds on premium-polishOverrides templates data assets variant.css variant.js

Create a variant

npm run new-variant -- my-test --name "My test" scaffolds variants/my-test/ extending control.

Change copy, prices, order

Drop a partial JSON in variants/my-test/data/, e.g. pdp.json or catalog.json. It deep-merges over src/data/.

Change markup

npm run eject -- my-test sections/pdp/hero.njk copies a template into the variant to edit. Styles go in variant.css.