How to add a countdown timer in Notion

You can add a countdown timer in Notion that counts down to a date on your page. The widget shows the date and the days, hours, minutes, and seconds left, and it can show your own words when time runs out.

Notion data

The countdown timer does not take Notion data. You set its date in the editor.

Add a countdown timer and embed it in Notion

1. In the Blocky dashboard, click Create widget.
2. Under Category, choose Timer.
3. Under Widget type, choose Countdowns. This is the countdown timer.
4. Under Style, choose a template, such as Normal.
5. Click Open editor.
6. In the Elements panel, select Widget, and then open the Inputs tab.
7. In Counting down to, set the date.
8. Change the text, colors, and settings of the countdown in the editor.
9. Click Save. Blocky publishes the countdown and opens the dashboard.
10. On the card of the countdown, click Copy.
11. In Copy embed link, copy the link on the Public tab. Anyone who has a Private link can use it, so use a private link only on pages that you control.
12. In Notion, open the page for the countdown. Type /embed, choose Embed, and paste the link.
13. Confirm the embed. If the countdown needs more space, resize the embed block.

Templates

The create dialog lists the templates of the countdown timer under Style:

• Normal (Normal countdown timer). A white card with a clock icon and the date in bold. A smaller line below counts down every second.
• Minimalist (Minimalist countdown timer). A white card with a dark border and no icon. Large, thin gray numbers count down in four columns.
• Digital (Digital countdown timer). A dark card with green numbers in a monospace font, each number in its own black box.
• Holiday (Holiday countdown timer). A pale pink card with red text and a party popper icon by the date. Bold white numbers count down on a red-to-green panel.
• Space (Space countdown timer). A near-black card with cyan text and a rocket icon by the date. Monospace numbers count down in dark navy boxes.
• Circular (Circular countdown timer). A white card with an alarm clock icon above the date. A purple ring surrounds bold numbers and a % Complete line.

Inputs

The Inputs tab of Widget has one input. Counting down to is the date that the timer counts down to.

The Countdown element has more settings on the Appearance tab. Select one of its parts in the Elements panel:

• On Target date, Format sets how the date appears.
• On Numbers, Show picks the units from Days, Hours, Minutes, and Seconds. When it ends is the text that replaces the numbers when time runs out. When you leave it empty, the timer keeps showing 00.
• On Captions, Words sets the words under the numbers.