Marketing · Elementor
Flip Countdown & Timer widget for Elementor
A flip-clock countdown with the same job as Countdown, in a different visual style.
Get King Addons
This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.
What it actually does
A flip-clock countdown with the same job as Countdown, in a different visual style.
How to add it in Elementor
- Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
- Edit with Elementor. Open a page and click Edit with Elementor.
- Insert the widget. Search the panel for “Flip Countdown & Timer”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Type”, “Due Date”, “Days”, “Hours”. Style and Content tabs are listed on this page.
When to use it
- A launch hero.
- A ticket-sale deadline.
- A New Year campaign.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Flip Countdown — Type | The chosen value is read in render() and applied on the front end. |
| Flip Countdown — Due Date | Date Time inspector control (`king_addons_flip_countdown_date_time`). |
| Flip Countdown — Days | Numeric value used in this widget’s render/JS (default 0, min 0). |
| Flip Countdown — Hours | Numeric value used in this widget’s render/JS (default 1, min 0, max 23). |
| Flip Countdown — Minutes | Numeric value used in this widget’s render/JS (default 1, min 0, max 59). |
| Flip Countdown — Seconds | Numeric value used in this widget’s render/JS (default 0, min 0, max 59). |
| Flip Countdown — Clock Face | The chosen value is read in render() and applied on the front end. |
| Flip Countdown — Show Seconds | Boolean flag in the front-end script. |
| Flip Countdown — Language | The chosen value is read in render() and applied on the front end. |
| Flip Card — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Flip Card — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-flip-clock-wrapper .king-addons-flip`. |
| Titles — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-flip-clock-divider .king-addons-flip-clock-label`. |
| Titles — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Numbers — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-flip-clock-wrapper ul li a div div.inn`. |
| Numbers — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Dots — Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Dots — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-flip-clock-dot`. |
| Separator — Color | Writes CSS (up, background-color) onto the widget’s front-end markup. |
Content and Style tabs from this widget’s PHP, including repeater fields and group controls (typography, background, border, shadow). Elementor’s Advanced tab is core Elementor and is not listed here.
FAQ
What does Flip Countdown & Timer actually change on the page?
A flip-clock countdown with the same job as Countdown, in a different visual style. Inspector labels from this widget’s PHP include “Type”, “Due Date”, “Days”, “Hours”.
How do I add Flip Countdown & Timer in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Flip Countdown & Timer”, drag it onto the canvas, then set Content and Style.
Do I need Elementor Pro?
No. King Addons runs on free Elementor. Some King Addons options (for example template-in-accordion, extra popup conditions, parts of the template catalog) need King Addons Pro — not Elementor Pro.
Related marketing widgets
Countdown & Timer
A countdown to a date (or evergreen) for launches, sales, and events.
Business Hours
Opening hours with weekday rows, highlights for today, and closed states.
Price List & Menu
A menu or price list: item, description, price, optional image — for restaurants and services.
Form Builder
A form you build in Elementor: fields, layout, and submit behavior for contact, quotes, and lead capture.
Login | Register Form
AJAX login and registration on a normal Elementor page, with validation and optional extra fields.
Mailchimp
A Mailchimp subscribe form styled in Elementor. Connect an audience, then match fields to your list.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Flip Countdown & Timer after you activate it.