YITH Topbar Countdown


If you need to launch an offer or a promotions on your website, YITH Topbar Countdown plugin is the right tool for you.
With it you can add a pretty banner in the top of the screen with a simple countdown of the date of the offer you are launching.
You can also customize the banner and edit the background or typography of text.

Working demos are available here

Full documentation is available here.


Once you have installed the plugin, you just need to activate the plugin in order to enable it.


  1. Set the date when the countdown will stop, in “Countdown to” field of “Appearance -> Topbar countdown” admin page;
  2. Tick the option “Enable Topbar Countdown” of “Appearance -> Topbar countdown” admin page, in order to show the banner with countdown in the frontend;


Are you a developer? Want to customize the templates or the style of the plugin? Read on the documentation and discover how to do that.


If you have any questions or suggestions about how to improve YITH Topbar Countdown, feel free contact us, we will be happy to help you.



  • 英語 (デフォルト)
  • イタリア語
  • ポルトガル語

If you have created your own language pack, or have an update for an existing one, you can send gettext PO and MO file
use so we can bundle it into YITH Topbar Countdown Languages.


Full documentation is available here.


  • Default style of topbar.
  • Admin options.


  1. ダウンロードした zip ファイルを解凍します。
  2. プラグインフォルダーを WordPress サイトの wp-content/plugins/ ディレクトリにアップロードします。
  3. プラグインページから YITH Topbar Countdown を有効化します。


Translation issue with the version 2.4.0

Recently YITH Topbar Countdown has been selected to be included in the “translate.wordpress.org” translate programme. In order to import correctly the plugin strings in the new system, we had to change the text domain form ‘yit’ to ‘yith-topbar-countdown’. Once the plugin will be imported in the translate.wordpress.org system, the translations of other languages will be downloaded directly from WordPress, without using any .po and .mo files. Moreover, users will be able to participate in a more direct way to plugin translations, suggesting texts in their languages in the dedicated tab on translate.wordpress.org. During this transition step, .po and .mo files will be used as always, but in order to be recognized by WordPress, they will need to have a new nomenclature, renaming them in: yith-topbar-countdown-.po yith-topbar-countdown-.mo. For example, if your language files were named yit-en_GB.po and yit-en_GB.mo, you will just have to rename them respectively as yith-topbar-countdown-en_GB.po and yith-topbar-countdown-en_GB.mo.

Can I customize the topbar countdown banner ?

Yes, the page is a simple template and you can override it by putting the file template “tcountdown.php” inside the theme folder. You can also customize the style by adding your custom CSS in the specific option of the settings.

Can I deactivate the ‘button’ on the right of the topbar ?

Yes simply leave the “Link” field label empty to achieve this.

Have I to deactivate the plugin to hide topbar countdown banner ?

No, you can deactivate the topbar countdown even if the plugin is active.


In this day and age, if your product doesnt work on mobile, it doesnt work PERIOD! I was excited when I found this plugin as it was just what I needed but quickly uninstalled it when it disappeared on mobile.
The plugin is stable and works. But given the fact that most B2C e-commerce websites (I have seen) are receiving 70%+ traffic from mobile customers, it seems a bit counter intuitive to purposefully restrict this plugin from working on mobile devices. The fix would be as simple as adding a class to the body when the plugin is active, then shifting the body down by whatever the width is. You can even have desktop and mobile settings and a custom CSS panel that would inject the CSS only if the timer is active would also help. Again no issues with the functionality, it's a simple plugin that works. My problem is that this is an e-commerce marketing plugin in 2018 that purposefully will not work for 70%+ of users on most websites that it is used on. I am hoping the developer will take this feedback constructively and use it in their decision making process when it comes to laying out the roadmap for future updates.
It's beautiful, works as described. As some others mentioned, you need to input the date manually and not use the date picker. It has to be in this format: 11/27/2017 otherwise it won't work. Also doesn't work on the mobile site.


YITH Topbar Countdown はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。


“YITH Topbar Countdown” は4ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“YITH Topbar Countdown” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。


1.2.2 – Released: 06th June, 2019

  • New: rench translation (thanks to Laurent Pavoine)

1.2.1 – Released: 15th May, 2019

  • Fix: timezone date issue

1.2.0 – Released: 21st November, 2018

  • Fix: Localized date format issue

1.1.1 – Released: 18 April, 2018

  • Fix: Date format. Now plugin can process all date format

1.1.0 – Released: 15 april, 2017

  • New: Tested up to WordPress 4.7.3
  • Tweak: Core update
  • Fix: Removed old banner in plugin option
  • Fix: Google fonts link


  • Updated: Core framework


  • Fixed: Call data remotely and in a bad way


  • Added: Portuguese translation (By Diogo Kobbi)
  • Added: Language files called yith-woocommerce-ajax-navigation
  • Tweak: New wordpress translation text domain added
  • Removed: All language files called yith_wc_ajxnav


  • Fixed: Countdown doesn’t work in frontpage


  • Fixed: Reflected Cross-Site Scripting (XSS)


  • Updated: Plugin documentation


  • Updated: Core Framework


  • プラグインをリリース