Arreluna – Countdown Visibility Switcher vs Dynamic Countdown with ACF and Elementor

Countdown Visibility Switcher lets you create reusable countdown timers from the WordPress admin and display them anywhere with a shortcode. The plugin is designed for landing pages, launches, limited-time offers, webinars, course campaigns, and evergreen funnels. It works with the WordPress block editor and most page builders because it does not force you to build the offer layout inside the plugin. Instead, each countdown can generate two simple CSS classes: A before class for content that should be visible before the countdown expires. An after class for content that should be visible after the countdown expires. For example, you can add the countdown shortcode to a landing page, add the generated before class to an offer button, and add the generated after class to an alternative button or message. If you do not want to switch content, you can configure the countdown to redirect visitors immediately when the timer expires. Features Create unlimited countdowns from the WordPress admin. Display each countdown with a shortcode. Evergreen countdowns based on the visitor’s browser localStorage. Fixed date and time countdowns based on the WordPress site timezone. Show or hide content with generated before/after CSS classes. Optional immediate redirect when a countdown expires. Basic redirect loop protection: if the current page is already the redirect URL, the plugin hides the expired countdown instead of redirecting again. Active/inactive status per countdown. Option to keep an expired countdown visible at zero or hide it. Per-countdown unit settings: days, hours, minutes, seconds. Per-countdown labels for each time unit. Global frontend style settings. Evergreen reset tool that restarts a countdown for everyone by incrementing the internal browser storage version. No external services and no visitor tracking. How it works Go to Countdowns > Add New. Choose Evergreen or Fixed date and time. Configure what happens when the countdown expires. Copy the generated shortcode. Add the shortcode to your page. If you choose show/hide mode, add the generated before/after classes to the content you want to control. If you choose redirect mode, enter the destination URL instead. Example shortcode: [acvs_countdown id="123"] Example classes in show/hide mode: acvs-before-123 shows content before the countdown expires. acvs-after-123 shows content after the countdown expires. Example HTML: This content is visible before expiration. This content is visible after expiration. In page builders such as Elementor, Divi, Kadence Blocks, or the WordPress block editor, you usually only need to add the class name to the block, section, row, column, or button. Countdown types Evergreen Evergreen countdowns start individually for each visitor. The expiration timestamp is stored in the visitor’s browser localStorage. This is useful for evergreen offers, automated funnels, or personal deadlines that start when someone first visits the page. Because this mode uses browser storage, a visitor can restart the timer by clearing browser data, using a different browser, using private/incognito mode, or changing device. Fixed date and time Fixed-date countdowns expire at the same date and time for everyone. The fixed deadline uses the WordPress site timezone. This is useful for launches, live campaigns, webinars, and real deadlines. Expiration actions Show/hide content Use this mode when you want to switch page content when the countdown expires. The plugin gives you two classes for each countdown: one for before expiration and one for after expiration. Redirect immediately Use this mode when you want visitors to be redirected as soon as the countdown expires. There is no delay. Avoid redirecting to a page that contains the same expired countdown with the same redirect URL. The plugin includes basic loop protection: if the current page is already the redirect URL, it will hide the expired countdown instead of redirecting again. Privacy Countdown Visibility Switcher does not collect personal data, does not use external services, and does not send visitor data to third parties. For evergreen countdowns, the plugin stores the expiration timestamp in the visitor’s browser localStorage. This data stays in the visitor’s browser and is used only to determine the countdown state.

This is a simple plugin that fixes one of the main issues with the Elementor Countdown Widget; the inability to dynamically set the due date with an ACF Field. The plugin takes an ACF datetime field and makes it the due date for the Elementor Countdown Widget. How to use: Create a Date Time Picker field in ACF (Advanced Custom Fields) Make sure the output of the datetime field is set to: Y-m-d H:i:s (it’s the last option before “Custom”) Copy the Field Name of the field you just created. Paste the Field Name of the field you just created into the input in the DCEA Settings Page. Click on “Save Changes”. Add an Elementor Countdown Widget to your page. The due date is now set from the ACF Field instead of the option in the Elementor Builder interface. Note: This plugin only affects the rendering of the countdown widget on the front end. It does not add dynamic date support to the countdown widget in the Elementor builder interface.