This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Devgirl Countdown Clock


The simple countdown clock is used to countdown to a date and time of your choosing using a WordPress shortcode.

  • Use the shortcode on more than one page or post.
  • The shortcode comes with different options you can set.
  • Choose your date to countdown to.
  • Choose your background colour.
  • Choose your text colour.
  • Choose from available styles.
  • Clock also displays text in Afrikaans, Dutch, Spanish, French, German and Portuguese.


  • The default countdown clock.
  • Add the shortcode in a page or post.
  • Add the shortcode in the Elementor shortcode widget.
  • Use options in the shortcode to customise your countdown clock.
  • Usage in Afrikaans is also an option.


  1. Install the plugin and click Activate.
  2. Use the following shortcode to display in your post, page, text widget or Elementor shortode: [devgirl-countdown-clock time="31 Dec 2023 8:00"]
  3. Put your own date and time in here: time="31 Dec 2023 8:00".
  4. Navigate to Settings->Devgirl Countdown Clock for all instructions.

All Parameters

  • name=" " eg: name="My Countdown clock"
  • time=" " eg: time="30 Nov 2023 9:00"
  • style=" " eg: style="wedding"
  • clock-colour=" " eg: clock-colour = "orange"
  • text-colour=" " eg: text-colour = "#000000"

Full shortcode example with all parameters used:

  • [devgirl-countdown-clock name="My Sports Event" time="31 Dec 2023 8:00" style="sport" clock-colour="red" text-colour="#000000"]

Colour inputs you can use:

  • A word eg: red
  • A hex value eg: #0011aa
  • Clock-color only: For those who are CSS savvy, any CSS value for the clock-colour parameter. It is a background shorthand property.

    eg: rgba(0, 0, 0, 0.5)
    eg: linear-gradient(to left, darkTurquoise, aqua, blue)

Styles you can choose from

  • wedding or sport eg: style="wedding"
  • Default – leave the style paramater out

Use in another language (Afrikaans, Dutch, Spanish, French, German or Portuguese)

  • Go to Settings->General->Site Language and change it to Afrikaans, Dutch, Spanish, French, German or Portuguese.
  • The text on the clock will now be in the language you chose.
  • Basic instructions in Settings->Devgirl Countdown clock are in the language you chose.


Can I use this countdown clock more than once on a page or post?

Yes, just make sure that you set a unique name in the name=" " shortcode property.

What can we expect to see in future releases?

  • An admin area with global options.
  • Clock styles (Some styles added).
  • Plugin widget.

Can I make suggestions to improve your plugin?

Yes, please do, your feedback would be totally appreciated!


There are no reviews for this plugin.

Contributors & Developers

“Devgirl Countdown Clock” is open source software. The following people have contributed to this plugin.




  • This was a major coding update so therefore I moved it up to a new version. *
  • This version you can now use the clock more than once on a page or post. *
  • I moved the javascript code to an external file and called it using enqueue. I instantiated the class within the plugin shortcode loop.*
  • I removed the end notice and the hiding of the clock once the countdown has completed and instead set the clock to display 0 on all it’s values.*
  • I removed the php function in the shortcode as it was causing errors and added ob_start so that the clock code will be buffered and appear in the correct place in the content, not just output at the top.*
  • Added language support for the following languages: Afrikaans, Dutch, Spanish, French, German or Portuguese support.


  • This is the first release of this plugin. *