# Product guides

Start with what you want to sell. Open a guide for the steps, then use the sidebar to move between related topics.

## Choose a starting point

- **Sell a course or workshop:** [Create your first checkout](https://plandalf.com/docs/product-guides/checkouts/create), then [add it to your site](https://plandalf.com/docs/product-guides/checkouts/add-to-site). The [course example](https://plandalf.com/docs/guides/await-a-checkout) shows the SDK call.
- **Sell event tickets:** [Create a checkout](https://plandalf.com/docs/product-guides/checkouts/create) and [open it from your event page](https://plandalf.com/docs/guides/sell-event-tickets).
- **Sell with a deadline:** [Create a promo](https://plandalf.com/docs/product-guides/promos/create-promo), [set its tiers](https://plandalf.com/docs/product-guides/promos/tiers), and follow the [event merchandise example](https://plandalf.com/docs/guides/event-merch-deadline).

## Browse every guide

## Checkouts

Create the thing you sell, shape the buying flow, and put it on your site.

- [Offers overview](https://plandalf.com/docs/product-guides/checkouts/overview) — Understand Plandalf Offers: hosted checkout pages, embedded checkout flows, products, prices, add-ons, order bumps, upsells, save offers, and purchase context.
- [Create your first offer](https://plandalf.com/docs/product-guides/checkouts/create) — Create a checkout offer that can be hosted, embedded, tested, and connected to follow-up workflows.
- [Templates](https://plandalf.com/docs/product-guides/checkouts/templates) — Use offer templates to start from a proven checkout structure instead of building every page from scratch.
- [Design your checkout](https://plandalf.com/docs/product-guides/checkouts/design) — Customize offer pages, blocks, themes, mobile behavior, and brand details without changing your site embed code.
- [Products](https://plandalf.com/docs/product-guides/checkouts/products) — Attach products and prices to offers so checkout sessions, invoices, and integrations carry clean catalog context.
- [Pricing models](https://plandalf.com/docs/product-guides/checkouts/pricing) — Model one-time prices, subscriptions, tiered pricing, volume pricing, trials, discounts, and promo-driven price changes.
- [Add-ons and variants](https://plandalf.com/docs/product-guides/checkouts/add-ons) — Let customers add related products, variants, upgrades, and optional line items during checkout.
- [Multi-page flows](https://plandalf.com/docs/product-guides/checkouts/multi-page-flows) — Split longer checkouts into focused pages for plan selection, buyer details, payment, upsells, and confirmation.
- [Add to your site](https://plandalf.com/docs/product-guides/checkouts/add-to-site) — Add Plandalf offers to any site with declarative attributes or programmatic SDK calls.
- [Buy buttons](https://plandalf.com/docs/product-guides/checkouts/buy-buttons) — Create buttons and links that open a Plandalf offer in the right frame with the right customer and promo context.
- [Returning customers](https://plandalf.com/docs/product-guides/checkouts/returning-customers) — Use identity and session continuity so returning customers can resume a checkout or buy with the right account context.
- [Hosted checkout](https://plandalf.com/docs/product-guides/checkouts/hosted-checkout) — Plandalf's hosted checkout — managed URL, theme-able down to fonts and layout, with test and preview sessions.
- [Order bumps](https://plandalf.com/docs/product-guides/checkouts/order-bumps) — Add a one-click companion product inside the same checkout, then test the selected line item, invoice, taxes, coupons, webhooks, and automation context.
- [Save offers](https://plandalf.com/docs/product-guides/checkouts/save-offers) — Present a discount, plan switch, pause, or deadline-bound offer when a subscriber starts a cancellation path.

## Promos

Set up deadlines, countdowns, tiers, and the checkout handoff.

- [Timers and promos overview](https://plandalf.com/docs/product-guides/promos/overview) — Use Plandalf timers and promos to coordinate deadline campaigns across pages, emails, CTA links, and checkout prices.
- [Countdown timers](https://plandalf.com/docs/product-guides/promos/countdowns) — Embed countdown timers on pages and in email while keeping the timer connected to the campaign state.
- [Create a promo](https://plandalf.com/docs/product-guides/promos/create-promo) — Create a deadline promo that can drive countdowns, active tiers, redirect targets, and checkout price changes.
- [Tiers and timing](https://plandalf.com/docs/product-guides/promos/tiers) — Model campaign phases so each deadline window can change copy, CTA targets, and checkout prices.
- [CTA links and redirects](https://plandalf.com/docs/product-guides/promos/cta-links) — Use promo links and participant references so campaign CTAs send each visitor to the right destination.
- [Embedded promos](https://plandalf.com/docs/product-guides/promos/embedded-promos) — Embed a promo countdown and a Plandalf checkout on the same page so deadline state and pricing stay aligned.
- [Hosted landing pages](https://plandalf.com/docs/product-guides/promos/hosted-landing-pages) — Use Plandalf-hosted promo pages when you want the campaign URL, deadline state, and checkout handoff in one place.
- [Promo reporting](https://plandalf.com/docs/product-guides/promos/reporting) — Track promo participants, tier state, CTA clicks, checkout handoff, and paid outcomes for deadline campaigns.

## Affiliates

Carry referral context through the buying journey.

- [Affiliates overview](https://plandalf.com/docs/product-guides/affiliates/overview) — Use Plandalf attribution context to carry referral data from campaign links into checkout sessions and invoices.
- [Affiliate attribution](https://plandalf.com/docs/product-guides/affiliates/attribution) — Capture partner, referral, and campaign references with URL parameters, SDK metadata, and checkout events.

## Platforms

Pick the setup that matches your site, app, and payment account.

- [Platforms overview](https://plandalf.com/docs/product-guides/platforms/overview) — Choose the right install path for Plandalf across custom HTML, React, Next.js, Webflow, Shopify, WordPress, Stripe, and PayPal.
- [Custom HTML](https://plandalf.com/docs/product-guides/platforms/custom-html) — Install Plandalf on any HTML page with one script tag, checkout attributes, inline mounts, and optional promo widgets.
- [React app](https://plandalf.com/docs/product-guides/platforms/react-app) — Install Plandalf in a React app with checkout attributes, the browser SDK, or the React provider and hooks.
- [Next.js](https://plandalf.com/docs/product-guides/platforms/nextjs) — Use Plandalf from Next.js App Router or Pages Router with next/script, client components, identity, and checkout attributes.
- [Webflow](https://plandalf.com/docs/product-guides/platforms/webflow) — Add Plandalf checkouts, inline embeds, and promo countdowns to Webflow with custom code and Webflow custom attributes.
- [Shopify](https://plandalf.com/docs/product-guides/platforms/shopify) — Use Plandalf beside Shopify for focused offers, campaign pages, paid upgrades, deadline promos, and checkout flows outside the native cart.
- [WordPress](https://plandalf.com/docs/product-guides/platforms/wordpress) — Add Plandalf checkout buttons, inline embeds, countdown widgets, and customer identity to WordPress pages.
- [beehiiv](https://plandalf.com/docs/product-guides/platforms/beehiiv) — Add a Plandalf hosted checkout to beehiiv posts and website pages, then optionally add a promo countdown to email.
- [Stripe](https://plandalf.com/docs/product-guides/platforms/stripe) — Connect Stripe as the payment account behind Plandalf offers, then test checkout, products, prices, and payout behavior before going live.
- [PayPal](https://plandalf.com/docs/product-guides/platforms/paypal) — Offer PayPal as a payment option on Plandalf checkouts alongside cards and your broader offer flow.

For code-level arguments and return values, use the [`@plandalf/sdk` reference](https://plandalf.com/docs/sdk) or [`@plandalf/react` reference](https://plandalf.com/docs/packages/react).

Source: https://plandalf.com/docs/product-guides