Skip to main content

On Load Trigger

The On Load trigger displays your popup as soon as the page finishes loading. It's the most immediate way to capture visitor attention.

Overview​

PropertyValue
Trigger Typeonload
TimingPage load complete
User Action RequiredNone
Mobile SupportFull

When to Use​

Good Use Cases​

  • Welcome messages — Greet first-time visitors
  • Important announcements — Critical updates
  • Age verification — Legal requirements
  • Cookie consent — GDPR compliance
  • Major promotions — Sale announcements
  • Terms acceptance — Required acknowledgment

When to Avoid​

  • Returning visitors (use cookies to limit)
  • Content-focused pages (let users read first)
  • Checkout flows (don't interrupt)
  • When you have less important messages

Configuration​

Basic Setup​

  1. Go to Behavior tab
  2. Select On Load from trigger dropdown
  3. Popup will show immediately on page load

Optional: Initial Delay​

Add a brief delay before showing:

Delay: 1 second

Small delays (0.5-2s) can:

  • Let page content render first
  • Feel less jarring
  • Give users a moment to orient

Display Frequency​

Control how often the popup shows:

SettingShows Again
Every timeEvery page load
Once per sessionAfter browser restart
Once per dayAfter 24 hours
Once per weekAfter 7 days
Once everNever again
CustomAfter set duration
Use CaseFrequency
Welcome messageOnce per session
AnnouncementOnce per day
Age verificationOnce ever (with long cookie)
Flash saleEvery visit (during sale)

Page Targeting​

Control which pages show the popup:

Show On​

  • All pages
  • Specific URL
  • URL contains pattern
  • Homepage only
  • Blog posts only

Exclude From​

  • Checkout pages
  • Thank you pages
  • Login/account pages
  • Specific URLs

Example Configuration​

Show on: All pages
Exclude: /checkout, /cart, /account
Frequency: Once per session

Best Practices​

Timing​

  1. Use minimal delay (0.5-1s)
  2. Don't stack multiple on-load popups
  3. Ensure fast page load

Content​

  1. Clear, immediate value
  2. Easy dismissal
  3. Mobile-optimized
  4. Fast-loading images

User Experience​

  1. Don't show on every page load
  2. Respect cookie preferences
  3. Make closing easy
  4. Consider user intent

On Load vs. Timed Delay​

On LoadTimed Delay
Immediate attentionAllows browsing first
Good for critical messagesGood for engagement
May feel intrusiveFeels more natural
Maximum impressionsHigher quality engagement

Mobile Considerations​

  • Works on all mobile browsers
  • Ensure popup fits screen
  • Large close button
  • Fast loading critical
  • Consider smaller popup

A/B Testing Ideas​

Test these variations:

  1. Delay: 0s vs 1s vs 2s
  2. Frequency: Session vs daily
  3. Pages: All pages vs specific
  4. Size: Full vs minimal

Metrics to Track​

  • Impression rate — How many see it
  • Close rate — How many dismiss
  • Conversion rate — How many act
  • Bounce impact — Effect on exits

Common Patterns​

Welcome + Discount​

On Load + Once per session
→ 10% off for new visitors

Announcement Bar​

On Load (floating bar) + Once per day
→ New feature announcement

Age Gate​

On Load + Until accepted
→ Fullscreen age verification

Troubleshooting​

Popup not showing:

  • Check cookie settings
  • Verify page rules
  • Clear browser cookies
  • Check if already dismissed

Popup showing too often:

  • Increase cookie duration
  • Check cookie settings
  • Verify cookies aren't being blocked

Slow appearance:

  • Optimize popup images
  • Reduce animation complexity
  • Check page load speed

Code Integration​

For developers, the on-load trigger fires on:

window.addEventListener('load', showPopup);
// or
document.addEventListener('DOMContentLoaded', showPopup);

The exact timing depends on configuration.