WP Popups lets you open your popup by clicking any HTML element of your website site. So, for example, you can make a certain image to open a newsletter popup, or a button opens a contact form popup, etc. The possibilities are endless as you are not limited to which element you want to make clickable.
Once you choose the desired element and add a “triggering class” to it. For that, first, you need to configure your popup triggers and choose the one called “Class Triggering”.
On the trigger value field, you could enter a custom class name like for example “open-cta-popup” or leave it empty to use the default popup class which is “spu-open-{popup_id}”. You can find the default trigger class of your popups in the “All Popups” view:
It’s important to mention that closing and conversion cookies should be set to 0 so the popup it’s triggered every time!
In this example, we are going to use the “Contact Form modal” popup, so the trigger class we need to use is spu-open-153. So for example, if you want to open your popup by clicking an image you could do the following:
<img src=”https://yourdomain.com” alt=”alt text” class=”spu-open-153″/>
Another similar way could be opening a Popup by visiting a URL or programmatically with Javascript.
