Put a live countdown to any pin, or the whole thread it belongs to, on your blog, newsletter archive or news site. The widget updates itself, and every one links back to the pin page, where the sources and the date's confidence are.
chronopin.com/pin/123/title is pin 123.Live example, for General Dynamics Q3 2026 Earnings Call Is Scheduled for October 30:
The script draws the widget and keeps it the right height. The link inside the div stays on your page as a plain text link to the pin, and is what shows if a reader has scripts turned off.
<div class="chronopin-embed" data-pin="4281">
<a href="https://www.chronopin.com/pin/4281?utm_source=embed&utm_medium=widget">View on Chronopin</a>
</div>
<script async src="https://www.chronopin.com/embed/widget.js"></script>For platforms that allow iframes but not scripts.
<iframe src="https://www.chronopin.com/embed/pin/4281" width="100%" height="190" style="border:0;max-width:520px" loading="lazy" title="Chronopin"></iframe>On the script snippet set them as data- attributes on the div; on the iframe, as query parameters.
view: countdown (the default) shows days, hours, minutes and seconds to the pin's start, ticking on the reader's clock, and a note once it has started. thread lists the pin's story in order, the pin marked, up to 8 entries and a count of the rest. A pin with no thread shows the countdown.theme: auto, light, dark. auto follows the reader's light or dark setting.lang: a language code (es, ja, …) for the pin's title and the date format, when the pin is translated. The default is English.For example, the thread in the dark theme:
<div class="chronopin-embed" data-pin="4281" data-view="thread" data-theme="dark">
<a href="https://www.chronopin.com/pin/4281?utm_source=embed&utm_medium=widget">View on Chronopin</a>
</div>
<script async src="https://www.chronopin.com/embed/widget.js"></script>