You can trigger a POWR Popup to appear when a visitor clicks something on your webpage, for example, a piece of text, image, or button.
You just need to wrap your text, button, or image in html like this:
<span class="trigger-popup">your text, button, or image here</span>
Here's an example of how to trigger a Popup on a Shopify Product page.
1. Add your POWR Popup to the page.
2. Switch to HTML mode with the <> icon.
3. Wrap some text, a button, or an image in the "trigger-popup" code.
4. Your Popup will now appear whenever that text, button, or image is clicked. Be sure to set the Show Popup control to Always in your POWR Editor, under Design > General,
Note: If instead you want the Popup to appear on a new page after your visitor is redirected, just add the Popup to that new page instead.
Examples of triggering Popups with Clicks
<p>This is a paragraph.</p>
<p class="trigger-popup">This is a paragraph that will trigger a Popup.</p>
This is an image:
This is an image that will trigger a Popup:
<img class="trigger-popup" src="https://cdn.shopify.com/s/files/1/1061/1924/products/Smiling_Face_Emoji_large.png?v=1480481056"/>
<button type="button">This is a button.</button></p>
<button class="trigger-popup" type="button">This is a button that will trigger a Popup.</button></p>