Stripe

Data-bound product card grid that repeats for each Stripe product. Connect Stripe to populate automatically.

Data-bound horizontal product rows with image, details, and buy button. Repeats per Stripe product.

Data-bound hero showcasing a single featured product with large image, title, description, price, and buy button.

Compact horizontal scrolling product strip with small cards. Great for related products or upsells.

Data-bound pricing cards that repeat for each Stripe price. Shows plan name, price, billing cycle, and subscribe button.

Pre-styled slide-out shopping cart with header, item list, checkout button, and continue shopping link. Drop onto any page to enable cart functionality.

Sticky bottom bar showing cart item count, subtotal, and a checkout button. A compact alternative to the full cart drawer for simpler stores.

Auto-appearing banner that shows a success or cancellation message after Stripe checkout. Dismisses automatically after 8 seconds.

Thank-you section shown after a successful Stripe checkout. Centered heading with confirmation message and continue shopping button.

Order history for signed-in site customers, fetched in the browser from their account. Signed-out visitors see a sign-in prompt, and customers with no orders see a friendly empty state.

Displays the logged-in customer's name, email, and order summary. Uses the ph-customer cookie to fetch profile data client-side.

Email-based magic link login form for site customers. Posts to /api/customer/magic-link, shows a 'check your email' confirmation on success.

Data-bound coupon cards from Stripe showing discount amount, duration, and redemption count.

Product detail layout with a large image, title, price, description, Add to Cart and Buy Now. Bound to your Stripe product catalog and shows one product — the first in the catalog, or a specific one when you add a slug filter in the data source settings.

Search input that filters the product list on the same page. Updates ?q= in the URL so results are shareable and SSR-rendered.

Full product detail page: image gallery on the left (up to 4 thumbnails that swap the main photo), and title, price, description, option chips for each variant (like size or color), a quantity field, Add to Cart and Buy Now on the right. Bound to the singular 'product' Stripe collection, resolved by slug from the URL.

Horizontal category chips pulled live from Stripe products (metadata.category). Clicking a chip filters the product grid via ?category=.