Embedded promos

Embed a promo countdown and a Plandalf checkout on the same page so deadline state and pricing stay aligned.

Use embedded promos when your own site hosts the sales page but Plandalf controls the deadline and checkout pricing context.

HTML setup

<div data-plandalf-promo="early-bird"></div>

<button
  data-plandalf-present="summit-ticket"
  data-plandalf-apply-promo="early-bird"
>
  Buy ticket
</button>

Inline checkout

<div
  id="checkout"
  data-plandalf-mount="summit-ticket"
  data-plandalf-apply-promo="early-bird"
></div>

Programmatic setup

const promo = await plandalf.promo("early-bird");

const handle = plandalf.mount("#checkout", "summit-ticket", {
  promo: "early-bird"
});

Notes

  • Use data-plandalf-promo for the standalone countdown widget.
  • Use data-plandalf-apply-promo on offer triggers and mounts.
  • Use promo in JavaScript options for present() and mount().

Builder context

Keep the deadline tied to the sale.

Timers are not just visual countdowns. The related product surfaces keep promo styling, coupons, deadline state, and checkout behavior connected.

The Numi coupon expiration settings panel.
Coupon expiry keeps the deadline enforceable after the countdown reaches zero.
The Numi coupon discount settings panel.
Coupon settings preserve discount behavior across checkout and follow-up.
The Numi offer editor automation tab showing sequence controls beside the checkout canvas.
Automation routes deadline follow-up without manual checkout changes.

Feature detail