# Plandalf docs > Product guides, SDK examples, browser functions, and generated references for @plandalf/sdk and @plandalf/react. Every page is published on plandalf.com with an HTML page and a Markdown companion. ## Pages - [Overview](https://plandalf.com/docs.md) - [Sell your first offer](https://plandalf.com/docs/start/first-checkout.md) - [Sell event tickets](https://plandalf.com/docs/start/sell-event-tickets.md) - [Add checkout to your site](https://plandalf.com/docs/start/add-to-site.md) - [Run a deadline](https://plandalf.com/docs/start/run-a-deadline.md) - [Protect a feature](https://plandalf.com/docs/start/protect-a-feature.md) - [Product guides](https://plandalf.com/docs/product-guides.md) - [Offers overview](https://plandalf.com/docs/product-guides/checkouts/overview.md) - [Create your first offer](https://plandalf.com/docs/product-guides/checkouts/create.md) - [Templates](https://plandalf.com/docs/product-guides/checkouts/templates.md) - [Design your checkout](https://plandalf.com/docs/product-guides/checkouts/design.md) - [Products](https://plandalf.com/docs/product-guides/checkouts/products.md) - [Pricing models](https://plandalf.com/docs/product-guides/checkouts/pricing.md) - [Add-ons and variants](https://plandalf.com/docs/product-guides/checkouts/add-ons.md) - [Multi-page flows](https://plandalf.com/docs/product-guides/checkouts/multi-page-flows.md) - [Add to your site](https://plandalf.com/docs/product-guides/checkouts/add-to-site.md) - [Buy buttons](https://plandalf.com/docs/product-guides/checkouts/buy-buttons.md) - [Returning customers](https://plandalf.com/docs/product-guides/checkouts/returning-customers.md) - [Hosted checkout](https://plandalf.com/docs/product-guides/checkouts/hosted-checkout.md) - [Order bumps](https://plandalf.com/docs/product-guides/checkouts/order-bumps.md) - [Save offers](https://plandalf.com/docs/product-guides/checkouts/save-offers.md) - [Timers and promos overview](https://plandalf.com/docs/product-guides/promos/overview.md) - [Countdown timers](https://plandalf.com/docs/product-guides/promos/countdowns.md) - [Create a promo](https://plandalf.com/docs/product-guides/promos/create-promo.md) - [Tiers and timing](https://plandalf.com/docs/product-guides/promos/tiers.md) - [CTA links and redirects](https://plandalf.com/docs/product-guides/promos/cta-links.md) - [Embedded promos](https://plandalf.com/docs/product-guides/promos/embedded-promos.md) - [Hosted landing pages](https://plandalf.com/docs/product-guides/promos/hosted-landing-pages.md) - [Promo reporting](https://plandalf.com/docs/product-guides/promos/reporting.md) - [Affiliates overview](https://plandalf.com/docs/product-guides/affiliates/overview.md) - [Affiliate attribution](https://plandalf.com/docs/product-guides/affiliates/attribution.md) - [Platforms overview](https://plandalf.com/docs/product-guides/platforms/overview.md) - [Custom HTML](https://plandalf.com/docs/product-guides/platforms/custom-html.md) - [React app](https://plandalf.com/docs/product-guides/platforms/react-app.md) - [Next.js](https://plandalf.com/docs/product-guides/platforms/nextjs.md) - [Webflow](https://plandalf.com/docs/product-guides/platforms/webflow.md) - [Shopify](https://plandalf.com/docs/product-guides/platforms/shopify.md) - [WordPress](https://plandalf.com/docs/product-guides/platforms/wordpress.md) - [beehiiv](https://plandalf.com/docs/product-guides/platforms/beehiiv.md) - [Stripe](https://plandalf.com/docs/product-guides/platforms/stripe.md) - [PayPal](https://plandalf.com/docs/product-guides/platforms/paypal.md) - [Choose an integration](https://plandalf.com/docs/guides.md) - [Sell a course](https://plandalf.com/docs/guides/await-a-checkout.md) - [Sell event tickets](https://plandalf.com/docs/guides/sell-event-tickets.md) - [Event merch deadline](https://plandalf.com/docs/guides/event-merch-deadline.md) - [Gate a feature](https://plandalf.com/docs/guides/gate-a-feature.md) - [Add a checkout button](https://plandalf.com/docs/guides/react-checkout.md) - [SDK overview](https://plandalf.com/docs/sdk.md) - [identify()](https://plandalf.com/docs/sdk/identify.md) - [reset()](https://plandalf.com/docs/sdk/reset.md) - [getAnonId()](https://plandalf.com/docs/sdk/getAnonId.md) - [present()](https://plandalf.com/docs/sdk/present.md) - [mount()](https://plandalf.com/docs/sdk/mount.md) - [addGate()](https://plandalf.com/docs/sdk/addGate.md) - [gate()](https://plandalf.com/docs/sdk/gate.md) - [ready()](https://plandalf.com/docs/sdk/ready.md) - [promo()](https://plandalf.com/docs/sdk/promo.md) - [from()](https://plandalf.com/docs/sdk/from.md) - [Package reference](https://plandalf.com/docs/packages.md) - [@plandalf/sdk](https://plandalf.com/docs/packages/sdk.md) - [Plandalf](https://plandalf.com/docs/packages/sdk/classes/Plandalf.md) - [createApiClient](https://plandalf.com/docs/packages/sdk/functions/createApiClient.md) - [getInstance](https://plandalf.com/docs/packages/sdk/functions/getInstance.md) - [init](https://plandalf.com/docs/packages/sdk/functions/init.md) - [isLoaded](https://plandalf.com/docs/packages/sdk/functions/isLoaded.md) - [loadCheckout](https://plandalf.com/docs/packages/sdk/functions/loadCheckout.md) - [loadPortal](https://plandalf.com/docs/packages/sdk/functions/loadPortal.md) - [loadWidgets](https://plandalf.com/docs/packages/sdk/functions/loadWidgets.md) - [preload](https://plandalf.com/docs/packages/sdk/functions/preload.md) - [preloadAll](https://plandalf.com/docs/packages/sdk/functions/preloadAll.md) - [reset](https://plandalf.com/docs/packages/sdk/functions/reset.md) - [BlockConstraint](https://plandalf.com/docs/packages/sdk/interfaces/BlockConstraint.md) - [BlockDefinition](https://plandalf.com/docs/packages/sdk/interfaces/BlockDefinition.md) - [Cart](https://plandalf.com/docs/packages/sdk/interfaces/Cart.md) - [CartItem](https://plandalf.com/docs/packages/sdk/interfaces/CartItem.md) - [CheckoutModule](https://plandalf.com/docs/packages/sdk/interfaces/CheckoutModule.md) - [CheckoutSessionPayload](https://plandalf.com/docs/packages/sdk/interfaces/CheckoutSessionPayload.md) - [Customer](https://plandalf.com/docs/packages/sdk/interfaces/Customer.md) - [Flow](https://plandalf.com/docs/packages/sdk/interfaces/Flow.md) - [FlowContext](https://plandalf.com/docs/packages/sdk/interfaces/FlowContext.md) - [FlowEvent](https://plandalf.com/docs/packages/sdk/interfaces/FlowEvent.md) - [FlowHandle](https://plandalf.com/docs/packages/sdk/interfaces/FlowHandle.md) - [FlowOpenOptions](https://plandalf.com/docs/packages/sdk/interfaces/FlowOpenOptions.md) - [FlowResult](https://plandalf.com/docs/packages/sdk/interfaces/FlowResult.md) - [FlowStartOptions](https://plandalf.com/docs/packages/sdk/interfaces/FlowStartOptions.md) - [FlowState](https://plandalf.com/docs/packages/sdk/interfaces/FlowState.md) - [FlowTemplate](https://plandalf.com/docs/packages/sdk/interfaces/FlowTemplate.md) - [FrameConfig](https://plandalf.com/docs/packages/sdk/interfaces/FrameConfig.md) - [GateDefinition](https://plandalf.com/docs/packages/sdk/interfaces/GateDefinition.md) - [GateResult](https://plandalf.com/docs/packages/sdk/interfaces/GateResult.md) - [HarnessDefinition](https://plandalf.com/docs/packages/sdk/interfaces/HarnessDefinition.md) - [HarnessHooks](https://plandalf.com/docs/packages/sdk/interfaces/HarnessHooks.md) - [MountOptions](https://plandalf.com/docs/packages/sdk/interfaces/MountOptions.md) - [PageDefinition](https://plandalf.com/docs/packages/sdk/interfaces/PageDefinition.md) - [PaymentIntent](https://plandalf.com/docs/packages/sdk/interfaces/PaymentIntent.md) - [PaymentResult](https://plandalf.com/docs/packages/sdk/interfaces/PaymentResult.md) - [PlandalfConfig](https://plandalf.com/docs/packages/sdk/interfaces/PlandalfConfig.md) - [PlandalfSDK](https://plandalf.com/docs/packages/sdk/interfaces/PlandalfSDK.md) - [PortalModule](https://plandalf.com/docs/packages/sdk/interfaces/PortalModule.md) - [PortalMountOptions](https://plandalf.com/docs/packages/sdk/interfaces/PortalMountOptions.md) - [PortalOpenOptions](https://plandalf.com/docs/packages/sdk/interfaces/PortalOpenOptions.md) - [PromoContext](https://plandalf.com/docs/packages/sdk/interfaces/PromoContext.md) - [StepDefinition](https://plandalf.com/docs/packages/sdk/interfaces/StepDefinition.md) - [ThemeConfig](https://plandalf.com/docs/packages/sdk/interfaces/ThemeConfig.md) - [ValidationResult](https://plandalf.com/docs/packages/sdk/interfaces/ValidationResult.md) - [VisitorIdentity](https://plandalf.com/docs/packages/sdk/interfaces/VisitorIdentity.md) - [WidgetMountOptions](https://plandalf.com/docs/packages/sdk/interfaces/WidgetMountOptions.md) - [WidgetsModule](https://plandalf.com/docs/packages/sdk/interfaces/WidgetsModule.md) - [EventCallback](https://plandalf.com/docs/packages/sdk/type-aliases/EventCallback.md) - [FlowEventType](https://plandalf.com/docs/packages/sdk/type-aliases/FlowEventType.md) - [FlowHandleEvent](https://plandalf.com/docs/packages/sdk/type-aliases/FlowHandleEvent.md) - [FlowHandleEventType](https://plandalf.com/docs/packages/sdk/type-aliases/FlowHandleEventType.md) - [FlowResultStatus](https://plandalf.com/docs/packages/sdk/type-aliases/FlowResultStatus.md) - [FlowStatus](https://plandalf.com/docs/packages/sdk/type-aliases/FlowStatus.md) - [FrameMode](https://plandalf.com/docs/packages/sdk/type-aliases/FrameMode.md) - [GateCheck](https://plandalf.com/docs/packages/sdk/type-aliases/GateCheck.md) - [GateResultStatus](https://plandalf.com/docs/packages/sdk/type-aliases/GateResultStatus.md) - [GateSyncCallback](https://plandalf.com/docs/packages/sdk/type-aliases/GateSyncCallback.md) - [FlowHandleEventType](https://plandalf.com/docs/packages/sdk/variables/FlowHandleEventType.md) - [FlowResultStatus](https://plandalf.com/docs/packages/sdk/variables/FlowResultStatus.md) - [GateResultStatus](https://plandalf.com/docs/packages/sdk/variables/GateResultStatus.md) - [ContinuityScope](https://plandalf.com/docs/packages/sdk/referenced-types/ContinuityScope.md) - [FlowSize](https://plandalf.com/docs/packages/sdk/referenced-types/FlowSize.md) - [MetadataValue](https://plandalf.com/docs/packages/sdk/referenced-types/MetadataValue.md) - [ApiClient](https://plandalf.com/docs/packages/sdk/referenced-types/ApiClient.md) - [PromoHandle](https://plandalf.com/docs/packages/sdk/referenced-types/PromoHandle.md) - [PromoHandleOptions](https://plandalf.com/docs/packages/sdk/referenced-types/PromoHandleOptions.md) - [@plandalf/react](https://plandalf.com/docs/packages/react.md) - [Gate](https://plandalf.com/docs/packages/react/functions/Gate.md) - [Journey](https://plandalf.com/docs/packages/react/functions/Journey.md) - [NumiPopupEmbed](https://plandalf.com/docs/packages/react/functions/NumiPopupEmbed.md) - [NumiStandardCheckout](https://plandalf.com/docs/packages/react/functions/NumiStandardCheckout.md) - [OfferFullScreenEmbed](https://plandalf.com/docs/packages/react/functions/OfferFullScreenEmbed.md) - [OfferPopupEmbed](https://plandalf.com/docs/packages/react/functions/OfferPopupEmbed.md) - [OfferStandardEmbed](https://plandalf.com/docs/packages/react/functions/OfferStandardEmbed.md) - [PlandalfProvider](https://plandalf.com/docs/packages/react/functions/PlandalfProvider.md) - [useCountdown](https://plandalf.com/docs/packages/react/functions/useCountdown.md) - [useEmbedEvents](https://plandalf.com/docs/packages/react/functions/useEmbedEvents.md) - [useGate](https://plandalf.com/docs/packages/react/functions/useGate.md) - [useGateTrigger](https://plandalf.com/docs/packages/react/functions/useGateTrigger.md) - [useJourney](https://plandalf.com/docs/packages/react/functions/useJourney.md) - [useJourneyOptional](https://plandalf.com/docs/packages/react/functions/useJourneyOptional.md) - [useMessageListener](https://plandalf.com/docs/packages/react/functions/useMessageListener.md) - [useNumiEvents](https://plandalf.com/docs/packages/react/functions/useNumiEvents.md) - [useNumiFrame](https://plandalf.com/docs/packages/react/functions/useNumiFrame.md) - [usePlandalf](https://plandalf.com/docs/packages/react/functions/usePlandalf.md) - [usePresent](https://plandalf.com/docs/packages/react/functions/usePresent.md) - [usePromo](https://plandalf.com/docs/packages/react/functions/usePromo.md) - [useUser](https://plandalf.com/docs/packages/react/functions/useUser.md) - [BaseEmbedProps](https://plandalf.com/docs/packages/react/interfaces/BaseEmbedProps.md) - [CheckoutConfig](https://plandalf.com/docs/packages/react/interfaces/CheckoutConfig.md) - [CheckoutHookReturn](https://plandalf.com/docs/packages/react/interfaces/CheckoutHookReturn.md) - [CheckoutItem](https://plandalf.com/docs/packages/react/interfaces/CheckoutItem.md) - [CustomerInfo](https://plandalf.com/docs/packages/react/interfaces/CustomerInfo.md) - [EmbedEventCallbacks](https://plandalf.com/docs/packages/react/interfaces/EmbedEventCallbacks.md) - [FullScreenEmbedProps](https://plandalf.com/docs/packages/react/interfaces/FullScreenEmbedProps.md) - [GateProps](https://plandalf.com/docs/packages/react/interfaces/GateProps.md) - [JourneyProps](https://plandalf.com/docs/packages/react/interfaces/JourneyProps.md) - [LegacyPopupEmbedProps](https://plandalf.com/docs/packages/react/interfaces/LegacyPopupEmbedProps.md) - [PlandalfProviderProps](https://plandalf.com/docs/packages/react/interfaces/PlandalfProviderProps.md) - [PopupEmbedProps](https://plandalf.com/docs/packages/react/interfaces/PopupEmbedProps.md) - [StandardCheckoutArgs](https://plandalf.com/docs/packages/react/interfaces/StandardCheckoutArgs.md) - [StandardEmbedProps](https://plandalf.com/docs/packages/react/interfaces/StandardEmbedProps.md) - [JourneyContextValue](https://plandalf.com/docs/packages/react/type-aliases/JourneyContextValue.md) - [JourneyOptions](https://plandalf.com/docs/packages/react/type-aliases/JourneyOptions.md) - [FlowResultStatus](https://plandalf.com/docs/packages/react/variables/FlowResultStatus.md) - [NumiFullScreenEmbed](https://plandalf.com/docs/packages/react/variables/NumiFullScreenEmbed.md) - [NumiStandardEmbed](https://plandalf.com/docs/packages/react/variables/NumiStandardEmbed.md) - [JourneyType](https://plandalf.com/docs/packages/react/referenced-types/JourneyType.md) - [GateContextValue](https://plandalf.com/docs/packages/react/referenced-types/GateContextValue.md) - [NumiFrame](https://plandalf.com/docs/packages/react/referenced-types/NumiFrame.md) - [CountdownOptions](https://plandalf.com/docs/packages/react/referenced-types/CountdownOptions.md) - [NumiFrameOptions](https://plandalf.com/docs/packages/react/referenced-types/NumiFrameOptions.md) - [ResolvedPromo](https://plandalf.com/docs/packages/react/referenced-types/ResolvedPromo.md)