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, then add it to your site. The course example shows the SDK call.
- Sell event tickets: Create a checkout and open it from your event page.
- Sell with a deadline: Create a promo, set its tiers, and follow the event merchandise example.
Browse every guide
Checkouts
Create the thing you sell, shape the buying flow, and put it on your site.
- Offers 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 — Create a checkout offer that can be hosted, embedded, tested, and connected to follow-up workflows.
- Templates — Use offer templates to start from a proven checkout structure instead of building every page from scratch.
- Design your checkout — Customize offer pages, blocks, themes, mobile behavior, and brand details without changing your site embed code.
- Products — Attach products and prices to offers so checkout sessions, invoices, and integrations carry clean catalog context.
- Pricing models — Model one-time prices, subscriptions, tiered pricing, volume pricing, trials, discounts, and promo-driven price changes.
- Add-ons and variants — Let customers add related products, variants, upgrades, and optional line items during checkout.
- Multi-page flows — Split longer checkouts into focused pages for plan selection, buyer details, payment, upsells, and confirmation.
- Add to your site — Add Plandalf offers to any site with declarative attributes or programmatic SDK calls.
- Buy buttons — Create buttons and links that open a Plandalf offer in the right frame with the right customer and promo context.
- Returning customers — Use identity and session continuity so returning customers can resume a checkout or buy with the right account context.
- Hosted checkout — Plandalf's hosted checkout — managed URL, theme-able down to fonts and layout, with test and preview sessions.
- 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 — 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 — Use Plandalf timers and promos to coordinate deadline campaigns across pages, emails, CTA links, and checkout prices.
- Countdown timers — Embed countdown timers on pages and in email while keeping the timer connected to the campaign state.
- Create a promo — Create a deadline promo that can drive countdowns, active tiers, redirect targets, and checkout price changes.
- Tiers and timing — Model campaign phases so each deadline window can change copy, CTA targets, and checkout prices.
- CTA links and redirects — Use promo links and participant references so campaign CTAs send each visitor to the right destination.
- Embedded promos — Embed a promo countdown and a Plandalf checkout on the same page so deadline state and pricing stay aligned.
- Hosted landing pages — Use Plandalf-hosted promo pages when you want the campaign URL, deadline state, and checkout handoff in one place.
- Promo 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 — Use Plandalf attribution context to carry referral data from campaign links into checkout sessions and invoices.
- Affiliate 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 — Choose the right install path for Plandalf across custom HTML, React, Next.js, Webflow, Shopify, WordPress, Stripe, and PayPal.
- Custom HTML — Install Plandalf on any HTML page with one script tag, checkout attributes, inline mounts, and optional promo widgets.
- React app — Install Plandalf in a React app with checkout attributes, the browser SDK, or the React provider and hooks.
- Next.js — Use Plandalf from Next.js App Router or Pages Router with next/script, client components, identity, and checkout attributes.
- Webflow — Add Plandalf checkouts, inline embeds, and promo countdowns to Webflow with custom code and Webflow custom attributes.
- Shopify — Use Plandalf beside Shopify for focused offers, campaign pages, paid upgrades, deadline promos, and checkout flows outside the native cart.
- WordPress — Add Plandalf checkout buttons, inline embeds, countdown widgets, and customer identity to WordPress pages.
- beehiiv — Add a Plandalf hosted checkout to beehiiv posts and website pages, then optionally add a promo countdown to email.
- Stripe — Connect Stripe as the payment account behind Plandalf offers, then test checkout, products, prices, and payout behavior before going live.
- 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 or @plandalf/react reference.