Demio Registration Reminder Overlay

WHAT IT DOES

This userscript monitors your Demio dashboard for upcoming webinars and ensures you never miss a registration deadline. It scans the webinar list, checks your registration status for each upcoming event, and displays a persistent, non-intrusive reminder overlay if you're not registered for an upcoming webinar. The overlay shows the webinar title, date and time, and a live countdown timer to the start time. A prominent "Register Now" button takes you directly to the registration page with one click, eliminating the need to search through menus. If you're already registered, the overlay shows that status and can be configured to dismiss automatically. The reminder checks periodically according to your preferred interval (15, 30, 60, or 120 minutes) and reappears if needed, ensuring you're always aware of upcoming opportunities. This is invaluable for marketers, educators, and professionals who rely on Demio for webinars, training sessions, and live events.

WHERE IT RUNS

The script runs on all Demio web application pages at *.demio.com/*, with automatic detection of the dashboard, webinar list, and any page displaying webinar events. It works across all Demio interfaces by using multiple selector strategies to find webinar cards, titles, dates, registration links, and status indicators. The script detects dynamic content loading and re-evaluates the webinar list whenever the page changes, including after navigation, filtering, or pagination. It runs across the entire Demio domain, ensuring coverage whether you're viewing your main dashboard, browsing available webinars, or checking a specific event page.

HOW TO USE

Install the script via the BotGentz extension and navigate to your Demio dashboard. The reminder overlay will appear automatically if you have upcoming webinars and are not registered for them. The overlay shows the next upcoming webinar with its title, date, time, and a live countdown timer. If you're not registered, click "Register Now" to open the registration page in a new tab. If you're already registered, the overlay shows a confirmation and can be dismissed or configured to hide automatically. Use the panel controls to customize your experience: enable or disable auto-show on load, toggle the countdown timer on or off, set the reminder check interval, or enable automatic dismissal after registration. The panel also includes "Check now" and "Clear dismissal" buttons for manual control. The overlay can be dismissed for 1 hour or until the end of the day, giving you flexible control over when reminders appear.

THE MECHANISM - WEBINAR PARSING, REGISTRATION DETECTION, AND COUNTDOWN TIMING

This script identifies webinar events by scanning the DOM for known Demio elements. It uses a cascading selector strategy that looks for webinar cards, titles, dates, registration links, and status indicators using data-test attributes, common class names (.webinar-card, .webinar-title, .webinar-date, .register-link), and structural elements. Registration status is determined by checking for registered badges, status text, or button labels that indicate the user has already signed up. Webinars are sorted by date and filtered to find the next upcoming event. The countdown timer updates every second using setInterval, calculating the time difference between the current time and the webinar start time. Dismissal logic uses GM_setValue to store a timestamp until which the reminder should be suppressed. The reminder check interval is also stored persistently, allowing the script to re-evaluate on a schedule that matches your preference.

THE PANEL

The reminder appears as a floating, draggable overlay panel that you can position anywhere on the Demio page. Drag by the header to reposition it, and the position is saved per site using GM_setValue so it stays where you left it across sessions. Release the panel near any edge and it snaps into place, keeping your workspace organized. Click the panel header to collapse it into a small bubble showing only the bell emoji (🔔), minimizing distraction while keeping the reminder accessible. Drag from the bubble to restore the full panel. The panel automatically resizes to fit its content and includes the webinar information, countdown timer, action buttons, and dismissal options. Press the Escape key to quickly collapse the panel to its minimized state. The panel remains visible across page navigation within Demio, with webinar data updating automatically as you move between views.

PLEASE NOTE

This script requires the free BotGentz extension to function. It is designed for Demio users who need to stay on top of webinar registrations and never miss an event. The script reads only visible webinar data from the DOM—it does not access Demio's API, your account credentials, or any sensitive information. All settings (auto-show, countdown preference, reminder interval, dismissal timestamps, and panel position) are stored locally using GM_setValue and never leave your browser. The script does not modify your Demio data—it only reads and displays visible information. The registration status detection relies on visual indicators on the page; if Demio updates its website structure, the script may need to be updated to match new selectors. The countdown timer uses your system's local time; ensure your system clock is accurate for correct timing.