# Embedded promos
Embed a promo countdown and a Plandalf checkout on the same page so deadline state and pricing stay aligned.
Source: /docs/timers/embedded-promos
Last modified: 2026-06-18
Use embedded promos when your own site hosts the sales page but Plandalf controls the deadline and checkout pricing context.

## HTML setup

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

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

## Inline checkout

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

## Programmatic setup

```js
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()`.