The click jQuery selector rule shows the lightbox when the jQuery click selector is used, and a click event is shown. You can set it to show when a link is clicked, or when a button is clicked. For buttons, you may want to use the class or id attributes to identify the button for this rule. You’ll find the appropriate syntax for each below:
Note: The use of the “#” symbol and the “.” is how to target an ID and Class using jQuery selectors.
If you want to show the lightbox only when a button identified by the container class is clicked, your rule looks like this:
If you want to show the lightbox only on pages with the navigation_wrapper ID, your rule looks like this:
Easy Steps to Identify ID Selector Syntax
- Using the Google Chrome browser, open a page with the button to launch a lightbox.
- Right-click on the button and select Inspect.
- In the area that appears, right-click the line highlighted in grey.
- Copy Selector.
- Paste into the input section of the Click jQuery Rule within the ReSci Lead Capture interface.
When someone clicks a link or a button, you can have a lightbox open up instead of directing them to a new page. This eliminates load time and keeps people on your website. This works great for Youtube videos. If you have a promotional video, they can watch the video inside the lightbox (while on your website), and then also have a form underneath it to capture their information.