POWR Popup is set by default to open one second after someone lands on a page. If you use an upgraded version of POWR Popup you have more options of when to trigger the popup. You can set this in the Controls menu > Schedule & Triggers. The options are:
- Immediately - your popup appears as soon as your site loads.
- When visitors start to leave - a popup will appear when the visitor moves to leave the page (mouse is focused on the address bar).
- *Please be advised, that this function does not work on mobile and touchscreen devices that do not support hover. A mouse cursor is required to trigger the popup.
- After a delay - popup will appear after a specified time delay. Use the slider to set your delay.
- After scrolling - appears after a visitor scrolls a percentage of the page.
- Custom trigger - popup will appear when a visitor clicks something on your page. To set this up, you must add the app to the page, then wrap a piece of text, button, or image in a special CSS class, like this...
<span class="trigger-popup">your text, button, or image here</span>
See Triggering Popup onClick for more details on how to set up a Custom trigger
Comments
1 comment
This is helpful, but in the text you say "wrap a piece of text, button, or image in a special CSS class, like this..."
I can get text to work just fine, but I want a button and don't know how to program that. This is what I tried:
<span class="trigger-popup"><img src="//cdn.shopify.com/s/files/1/0788/9317/files/wholesaletrial.jpg?v=1519234511" alt="" /></span>
All that does is display the litte button "wholesaletrial.jpg" but doesn't trigger.
Any advice?
Thanks, Amy for Knitcircus
Please sign in to leave a comment.