What Is the Popup Modal Widget?
A popup modal widget triggers a modal overlay based on visitor behavior — exit intent (mouse leaving the viewport), scroll depth (e.g., 60% of the page), or time on page (e.g., 30 seconds). The standard pattern for last-chance lead capture before a visitor bounces.
Key Benefits
- Triggers: exit intent, scroll depth, time on page, click on element
- Frequency cap so the same visitor doesn't see it on every page
- A/B testing of two headline/offer variants built in
- Smooth animation with no Cumulative Layout Shift
- Mobile-aware — uses scroll-up gesture instead of mouse-leave on touch
How Contractors Use It
- Exit-intent estimate capture: "Wait — get a free quote in 24 hours"
- Scroll-depth lead-magnet: "Get our 2026 remodel cost guide free"
- Timed-promo modal: "$500 off ends Friday"
The Popup Modal Widget is part of the TradeCalcs widget suite — drop-in JavaScript widgets and calculators built specifically for contractor and home-service websites. Pair it with our Kitchen Remodel Calculator or Whole Home Remodel Calculator to give visitors both an instant estimate and an interactive on-page experience.