The On Page Load & On Click trigger is a flexible option that combines the two most common trigger methods into one. With this setup, your popup can appear automatically when the page loads and also be triggered later by user interaction.
This dual-trigger system gives you more control over visibility and timing, ensuring that your popup reaches both passive viewers and active users who engage with your content.
Why Use This Trigger #
The main advantage of this trigger is versatility. Some visitors may ignore or close a popup that shows up on page load, but they might interact with a button or link later on. By combining both methods, you give your message a second chance to be seen without overwhelming users.
This makes it especially effective for marketing campaigns, lead generation, and situations where you want to maximize exposure while still respecting user intent.
Use Cases #
- Promotions & Sales – show a discount code as soon as the page loads, and also let users open the same popup by clicking a “Get Offer” button.
- Subscription Forms – automatically invite visitors to join your newsletter, but also include a “Subscribe” button in your site header or footer that triggers the same popup.
- Product Highlights – present a featured product on load, while allowing interested users to revisit the popup by clicking a product banner or icon.
- Event Campaigns – display event details right away, but also provide a “More Info” button to open the popup again later.
- Notices & Announcements – combine immediate visibility with an option for users to return to the popup if they want to recheck the details.
Key Features #
- Popup can be triggered automatically or by user action.
- Works with all popup types (subscription, coupon, product, event, etc.).
- Option to add an open delay for the on-load behavior.
- Allows you to specify CSS selectors for clickable elements.
- More opportunities for visibility without being intrusive.
- Fully mobile-friendly.
Settings Specific to On Page Load & On Click Trigger #
Open Delay
- Set a delay before the popup shows up automatically after the page loads.
- Example: 5 seconds delay to let visitors settle before the popup appears.
- Adjust this in Settings → Open Delay.
CSS Selector for Click Trigger
- Define the clickable element(s) that will trigger the popup.
- Example:
#mybutton→ targets a button with the ID mybutton. - Add multiple selectors if you want the popup to appear from more than one button or link.
Display Options
- Choose whether to display the popup on all pages, only specific pages, or exclude certain ones.
User Limitation Rules
Prevent overuse by applying limits such as:
- Show once per session.
- Show once per user.
- Show once every X hours/days.
Best Practices #
- Use open delay to avoid overwhelming visitors immediately after page load.
- Give clear button labels like “Get Offer” or “Subscribe Now” so users know what to expect.
- Don’t overdo it – if the popup already showed on load, consider setting limits so it doesn’t appear too often when clicked.
- Test on mobile to make sure both triggers work smoothly across devices.
The On Page Load & On Click Trigger is a smart choice when you want to maximize popup visibility while still respecting user behavior. By combining automatic display with manual interaction, it ensures that your message gets seen without relying on just one trigger method.
For best results, use this trigger with Subscription Popups or Coupon Popups, where both instant visibility and a user-controlled option can boost engagement and conversions.
If you have any questions or need further assistance, feel free to reach out to our Support Team. We’re always happy to help you get the most out of Popup Box.
