Deals pages: many offers on one page

Selling several offers on one page, each with its own deadline (a holiday deals page, a bundle page or a blog post with several offers)? Make one campaign per deal, then:

A page of many deals (a deals page or a blog post with several offers): make one campaign per deal. Paste <script src=".../sd.js" data-deals async></script> once, then wrap each deal in <div data-sd-deal="CAMPAIGN-ID" data-sd-ended="mark">…</div> with a <div data-sd-timer></div> inside. When a deal ends: mark greys it out and shows its ended message, hide removes it, move moves it into <div data-sd-expired-list></div> . The code is under Website & blog → "A page of many deals?" on each campaign.
One countdown for the whole page: <div data-sd-group></div> counts to the latest deal's end, so it stays right as you add deals. Add data-sd-target="soonest" to count to the next deal to end, or data-sd-group="ID1,ID2" to follow only those campaigns.
End time in the visitor's own time zone: <span data-sd-ends></span> shows "Ends Fri, Dec 18, 11:59 PM CST" converted for each visitor, so deals in different time zones never need special wording. It works on any page with the script, not just deals pages.
Coupon code box: <div data-sd-coupon-box></div> shows the campaign's coupon with a Copy button (or set data-code="SAVE50" ). When the deal ends the code is crossed out, or add data-sd-ended-style="hide" to remove it.
Matching timers: add data-box="#111111" data-digit="#ffffff" data-accent="#ff8a3d" to the script tag so every deal's timer matches the page (data-box="none" blends into the page).

Example

<script src="https://surefiredeadlines.com/sd.js" data-deals async></script>

<div data-sd-group></div>   (one countdown for the whole page)

<div data-sd-deal="CAMPAIGN-ID" data-sd-ended="mark">
  <h3>Your deal</h3>
  <div data-sd-timer></div>
  <p data-sd-ends></p>
  <div data-sd-coupon-box data-code="SAVE50"></div>
  <a href="YOUR-LINK" data-sd-show="running">Get the deal</a>
  <strong data-sd-show="expired">This deal has ended</strong>
</div>

Each campaign's ready-made card code is under Website & blog → A page of many deals?. Your AI assistant gets it too when it asks for the campaign's codes.

Tip: give each deal's campaign that deal's own offer link. SureFire Deadlines warns you if you try to create a second running campaign for the same offer link, so you don't end up with duplicates.

Need help? Ask Dash, the AI coach in the bottom corner of every page in the app. Still stuck? Click the help button on this page to send us your question. To report a bug or suggest an idea, use Founders Lab in the app's top menu.