This is a WordPress plugin created to allow the usage of jQuery Responsive Countdown with Visual Builder tool in your powered by WordPress sites. The tool uses the canvas object to animate SVG defined drawings. It displays a flip animation to show the remaining time to or the elapsed time from a target date. It detects change of width and height of its container object and responds accordingly. Since it uses vector data to draw the digits and the panels of the countdown, there is no change in the quality of the displayed drawings when it gets resized. The WordPress plugin is based on a custom post type template. The administrator has access to interface that allows an interactive process of developing the look and feel of the tool.

Basic Usage

When you purchase the plugin you will be able to download a zip file. This file is used as is in the WordPress Control Panel. You need to upload it in the “Add New” plugin section and the “Dotstudio Responsive Countdown” plugin will be installed. After you activate the plugin a new navigation item will show below Posts, Media, Pages, etc., called Countdowns. From there you will be able to create multiple countdowns, each having unique options. The plugin will create a shortcode, which can be used in your content. To insert a shortcode, simply paste the shortcode in the post or page content editor. If you want to run the shortcodes in sidebar widget, drop in a Text widget and insert the shortcode in the Text box.

[dsrc id='21' /]


The WordPress plugin extends the features of the jQuery Responsive Countdown with Visual Builder with the ability to create countdowns with fixed target dates like one that expires 30 minutes (or 10 seconds, etc.) after the page loads. The needed javascript code will be generated automatically and the interface allows easy customization. Other features:

  • Responsive behavior. The tool scales according to available width.
  • Visual tool that assist you to create your unique countdown.
  • Infinite color combinations. Solid color for the digits. Gradient color for the panels.
  • Show hide groups.
  • Two perspective modes.
  • Two sets of digits. Three sets of panels.
  • Setting of time zone.
  • Setting of label captions.
  • Setting of labels font and size.
  • Groups spacing. Groups divider – circles or squares.
  • Usage of time settings coming from a server. Synchronization takes place only during the initialization of the tool.
  • Custom mode, that allows setting of the digits by the usage of a public method.

Advanced Usage

This WordPress plugin is built to make possible the usage of jQuery Responsive Countdown with Visual Builder item in sites powered by WordPress. WordPress replaces the dsrc shortcodes with some HTML and Javascript code. To learn more about the usage of the jQuery Responsive Countdown with Visual Builder and how to use all of its features in your custom Javascript code please read this additional documentation.