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-promofor the standalone countdown widget. - Use
data-plandalf-apply-promoon offer triggers and mounts. - Use
promoin JavaScript options forpresent()andmount().
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.