The On Click trigger makes your popup appear when a visitor clicks on a specific element, such as a button, link, or image. Unlike automatic triggers, this one requires user interaction, which means the popup feels less intrusive and more intentional.
By tying a popup to a click action, you can provide additional information, capture leads, or highlight special offers exactly when the visitor shows interest.
Why Use the On Click Trigger #
The On Click trigger is great because it responds to user intent. Instead of surprising visitors, it activates when they click on something that already interests them. This makes the popup feel natural and useful.
Use Cases #
- Show More Details
Add a “Learn More” button to a product or service section. When clicked, a popup opens with extra details, specifications, or FAQs. - Subscription or Contact Forms
Place a “Subscribe” or “Contact Us” button on the page. Clicking it triggers a popup form where users can submit their info without leaving the page. - Promotions & Coupons
A “Get Coupon” button can open a popup with a discount code or promotional message. - Interactive Elements
Use clickable images, banners, or icons to trigger popups with videos, galleries, or embedded content.
Key Features #
- Popup is triggered only when a user clicks on a chosen element.
- Works with any clickable item (buttons, images, icons).
- Provides a smoother, more user-friendly experience than automatic triggers.
- Keeps pages clean and minimal by hiding extra content until requested.
- Fully compatible with all popup types (contact forms, coupons, subscription, etc.).
Settings Specific to On Click Trigger #
Assigning the Trigger
- To activate the popup on click, you need to link it to an element on your page.
- This is done by adding the element’s CSS selector into the General → CSS Selector(s) for Trigger Click field.
CSS Selector Examples
#mybutton→ Targets all buttons with the ID mybutton..cta-button→ Targets all elements with the class cta-button.- You can assign multiple selectors if needed.
Display Options
- Decide where the trigger should work: on all pages, specific pages, or excluded pages.
- Combine with rules like Show once per user or Show once per session to avoid overuse.
Best Practices #
- Be clear with labels – make sure the clickable element has a clear call-to-action like “Subscribe Now” or “Get Coupon.”
- Avoid hidden triggers – don’t hide clickable elements; users should always know what they’re clicking.
- Test multiple elements – you can assign the same popup to several buttons across your site.
- Pair with engaging content – since the user is already interested, deliver real value inside the popup (like a coupon, form, or video).
The On Click Trigger is one of the most user-friendly ways to display a popup. By responding directly to user interaction, it keeps your design clean, respects visitor intent, and ensures the popup feels helpful rather than disruptive.
For best results, pair this trigger with Subscription Popups, Contact Forms, or Coupon Popups. That way, you capture interest right when the user is ready to engage.
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.
