Auto-Popup Modal System (4 Domains)

Engineered timed auto-popup enquiry modal system with state tracking across 4 production domains simultaneously.

Frontend

Domains Updated

Initial Delay

10s

Repeat Interval

Task Summary

Implemented auto-popup enquiry modal with 2-second initial delay after page load
Added 10-second repeat interval for persistent engagement
Built form-submission state tracking to prevent re-popup after successful submission
Added timer cleanup on form submission to prevent memory leaks
Deployed across 4 production domains with domain-specific variable namespacing
Verified modal state check to prevent duplicate open events

Technical Details

Implementation Pattern

Each domain uses namespaced variables to prevent cross-site conflicts. Pattern: formSubmitted flag, autoPopupTimer, autoPopupInterval. setTimeout (2s) triggers initial openModal(); setInterval (10s) repeats. Timer cleanup runs in form submit handler on successful AJAX response.

// Per-domain namespaced pattern
var _formSubmitted = false;
var _autoPopupTimer = setTimeout(openModal, 2000);
var _autoPopupInterval = setInterval(openModal, 10000);

// Cleanup on submission
clearTimeout(_autoPopupTimer);
clearInterval(_autoPopupInterval);