Early Bird Specials

days
hours
minutes
seconds

Introducing

Join 100,000+ happy users & access Premium Gutenberg Blocks for LIFETIME

Introducing

Join 100,000+ happy users & access Premium Gutenberg Blocks for LIFETIME

EB Countdown

The EB Countdown is a great block to add a sense of anticipation among your readers. You can include easily add this outstanding block section on your Website to inform your customers about any discount offer you have running. Moreover, you can also let your customers know when you will launch future upgrades to your product and service.

Note: This Block has some PRO features. To access all of the features and create stunning designs, make sure to activate both Essential Blocks Free and PRO.

How to Activate EB Countdown #

To activate this Essential Blocks element, click on the ‘+’ icon to add a new Block. Afterward, find  ‘Countdown’ from the search option. Simply just click on the Block, and it will be activated.

EB Countdown
EB Countdown 9

How The Configure The Content Settings #

Under the ‘General’ tab, you’ll find ‘Countdown Settings,’ ‘Content Settings,’ and ‘Advanced’ tabs to configure your block. 

In the Countdown Settings section, you can select from 10 presets for the Countdown block, including 2 PRO presets (Presets 8 and 9). Set the Due Date easily with inline editing for the time and a calendar for the date. 

Note: This Block has some premium presets. To access all of the presets and create stunning designs, make sure to activate both Essential Blocks Free and PRO.

EB Countdown
EB Countdown 10

You can also create an Evergreen timer by toggling the ‘Evergreen Timer’ option and setting the hours and minutes. Make it a recurring timer by toggling the ‘Recurring Countdown’ option.

EB Countdown
EB Countdown 11

You can add further customization to your timer block by changing how many counters you want to display and the labels for each counter. To do this, simply click on the Content Settings Tab and edit however you want.

EB Countdown
EB Countdown 12

How to Style EB Countdown #

You can make necessary styling to your block from the Style tab. Here you’ll find six different sections: ‘Box Styles,’ ‘Digits,’ ‘Labels,’ ‘Separator,’ ‘Individual Box Styling,’ and ‘Advanced.’ 

From the Box Style section, you can change the layout, container width, space between boxes, background color, padding, border, and much more for the timer block.

EB Countdown
EB Countdown 13

You can change the color and typography for the digits and labels of your Countdown timer block from the Digits and Labels section. You can also display a separator, change its color, and more from the Seperator section.

EB Countdown
EB Countdown 14

You can also customize the colors of each box, their digit color, level color, etc.

EB Countdown
EB Countdown 15

Final Outcome #

By following the basic steps and a bit more modifying, you can style your EB Countdown however you want. 

EB Countdown
EB Countdown 16

Getting stuck? Feel free to Contact Our Support for further assistance.

Powered by BetterDocs