Add a Simple Event Countdown Widget
It would be great to have a simple countdown widget that members can add to their WildApricot website for upcoming events.
For example, an organization could display a countdown showing the remaining days, hours, and minutes until an annual conference, workshop, fundraiser, or membership event. This could make important events more visible and encourage members to register before the deadline.
Ideally, the widget could be customized to match the website's colors and allow admins to choose which event to feature. A simple option to hide seconds would also be useful when a less distracting display is preferred.
This seems like a relatively small feature, but it could make event promotion more engaging without requiring admins to use third-party countdown tools or custom code.
Space Waves
Greene Shawn
shared this idea
-
Alex Sirota commented
Here is a complete, lightweight countdown widget built with HTML, CSS, and JavaScript. It features an interactive control panel to customize the target date, time, colors, and layout in real time.
Key Features
Dynamic Styling: Color changes update live using CSS variables (--accent-color, --bg-color, etc.).
Flexible Input: Uses standard <input type="datetime-local"> to effortlessly pick dates and times.
Auto Padding: Numbers are formatted with padStart so single digits maintain double-digit symmetry (05 instead of 5).
