Countdown block

This block is for marketing purpose and allows to make custom countdowns

Default Look of timer

00
Days
00
Hours
00
Minutes
00
Seconds

Custom colors and sizes

00
Days
00
Hours
00
Minutes
00
Seconds

Just text countdown

00
Days
00
Hours
00
Minutes
00
Seconds

Fake Countdown option with memory

Countdown block has also feature to have Fake countdown. You set hours for memory, then, countdown saves it as initial time (current time + hours which you set). Now, on your site, when period is over, countdown is refreshed and started again from the initial point

Copy this post’s content
<!-- wp:paragraph -->
<p>This block is for marketing purpose and allows to make custom countdowns</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Default Look of timer</p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/countdown {"id":"gsbp-d87fd772-f1fa","endtime":"2025-02-28T03:46:00"} -->
<div class="wp-block-greenshift-blocks-countdown gs-countdownwrap gspb_countdown-id-gsbp-d87fd772-f1fa"><div class="gs-countdown" data-endtime="2025-02-28T03:46:00"><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="days">00</span></div><div class="gs-countdown__item_label">Days</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="hours">00</span></div><div class="gs-countdown__item_label">Hours</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="minutes">00</span></div><div class="gs-countdown__item_label">Minutes</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="seconds">00</span></div><div class="gs-countdown__item_label">Seconds</div></div></div></div>
<!-- /wp:greenshift-blocks/countdown -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Custom colors and sizes</p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/countdown {"id":"gsbp-1922ef46-9d84","background":{"backgroundState":"Gradient","gradient":"linear-gradient(to top right,var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dsecondary) 0%,var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dprimary) 100%)"},"endtime":"2025-02-28T03:47:00","fontSize":[58,null,null,30]} -->
<div class="wp-block-greenshift-blocks-countdown gs-countdownwrap gspb_countdown-id-gsbp-1922ef46-9d84"><div class="gs-countdown" data-endtime="2025-02-28T03:47:00"><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="days">00</span></div><div class="gs-countdown__item_label">Days</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="hours">00</span></div><div class="gs-countdown__item_label">Hours</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="minutes">00</span></div><div class="gs-countdown__item_label">Minutes</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="seconds">00</span></div><div class="gs-countdown__item_label">Seconds</div></div></div></div>
<!-- /wp:greenshift-blocks/countdown -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Just text countdown</p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/countdown {"id":"gsbp-57231823-bf83","spacing":{"margin":{"values":{"right":[-5],"left":[-5]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"background":{"color":"#ffffff00"},"endtime":"2025-03-31T03:48:00","textColor":"#000000","divColor":"#c5c2c242","fontSize":[40,null,null,30],"fontSizeL":[13,null,null,14]} -->
<div class="wp-block-greenshift-blocks-countdown gs-countdownwrap gspb_countdown-id-gsbp-57231823-bf83"><div class="gs-countdown" data-endtime="2025-03-31T03:48:00"><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="days">00</span></div><div class="gs-countdown__item_label">Days</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="hours">00</span></div><div class="gs-countdown__item_label">Hours</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="minutes">00</span></div><div class="gs-countdown__item_label">Minutes</div></div><div class="gs-countdown__colon"><div class="gs-countdown__colon-item"></div><div class="gs-countdown__colon-item"></div></div><div class="gs-countdown__item_wrap"><div class="gs-countdown__item"><span class="seconds">00</span></div><div class="gs-countdown__item_label">Seconds</div></div></div></div>
<!-- /wp:greenshift-blocks/countdown -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="fake-countdown-option-with-memory">Fake Countdown option with memory</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Countdown block has also feature to have Fake countdown. You set hours for memory, then, countdown saves it as initial time (current time + hours which you set). Now, on your site, when period is over, countdown is refreshed and started again from the initial point</p>
<!-- /wp:paragraph -->
«
»