Countdown Timer Block or Shortcode

Show a countdown timer that counts down to the sale start date and time or the sale end date and time based on block or shortcode settings. You can also configure the text color and background color of the timer (block method only).

Table of contents

How to Insert the Countdown Timer Block

  1. Edit your Landing Page or Sale Banner in the WordPress admin.
    • The Countdown Timer block can be used anywhere on your WordPress site.
    • If the block is inserted in a page that is not assigned as a Landing Page, the timer date and time uses the current active sale’s data.
    • If the block is inserted in a banner, the timer date and time uses the current active sale’s data.
  2. Insert the Countdown Timer block in the editor
    • Click the [ + ] icon to search for the “Countdown Timer” block.
    • Or, type /countdown to pull up the shortcut and insert the block.
  3. In the block settings, set the Timer Ends On setting to show a timer that counts down to the Sale Start Date or Sale End Date.
  4. Adjust the timer’s text color and background color.
  5. Save changes.

How to Insert the Countdown Timer Shortcode

  1. Edit your Landing Page or Sale Banner in the WordPress admin.
    • The Countdown Timer shortcode can be used anywhere on your WordPress site.
    • If the shortcode is used in a page that is not assigned as a Landing Page, the timer date and time uses the current active sale’s data.
    • If the shortcode is used in a banner, the timer date and time uses the current active sale’s data.
  2. Add the shortcode [sitewide_sale_countdown] to your post content. The shortcode has two optional parameters:
    • sitewide_sale_id: Enter the numeric ID of the sale for this timer. If none is specified, the shortcode uses the landing page’s assigned sale ID OR the active sale for your site.
    • end_on: Enter end_date to count down to the sale’s end date or start_date to count down to the sale’s start date. The default shortcode counts down to the sale’s end date.
  3. Save changes.

Screenshot: Insert Countdown Timer Block in Editor

Edit the landing page in the WordPress admin to insert the Countdown Timer block and adjust block settings for countdown period and colors
Edit the landing page in the WordPress admin to insert the Countdown Timer block and adjust block settings for countdown period and colors

Screenshot: Landing Page with Countdown Timer to Sale End Date and Time

Landing page example with the Countdown Timer block and automatic discount on products in WooCommerce with strikethrough pricing and "on sale" tag.
Landing page example with the Countdown Timer block and automatic discount on products in WooCommerce with strikethrough pricing and “on sale” tag.