Pop-Ups and overlays are beneficial tools to assist with conversion and reduce bounce rates. They can convey simple information as soon as a page loads, direct a customer back to the sales funnel if they attempt to exit, and more.
Combined together with the If-So dynamic content capabilities, you can create conditional pop-ups and make sure you show the right message to the right user at the right time.
The Trigger Events extensions is required in order to create dynamic pop-ups using If-So. Click here to download the extension.
If-So provides you the ability to show pop-ups to all site visitors or to set conditional pop-ups that will be displayed based on the vast range of conditions that If-So and its integrations have to offer.
Conditional pop-ups can be used in many different cases.
Thank customers and gain feedback after a purchase of a certain product on your site or other WooCommerce conditions:
Show special offers on local holidays, based on the users’ geolocation:
Schedule conditional pop-ups to be displayed during special events
Pop-ups can be displayed to all the users or based on conditions.
In addition, pop-ups can be displayed right when the page loads or only if an on-page event has occurred:
You can find more information about on-page events on our Trigger-Events extension page.
Creating Pop-Ups with If-So is quick and easy. Each If-So trigger can become a pop-up by adding a simple parameter to the trigger’s shortcode.
To create your first pop-up, simply:
The shortcode below is an example of a shortcode with the parameters:
[ifso id="777" ajax="yes" display="modal"]
To set up a pop-up that will be displayed while a page loads – Place the content of the modal in the default content version of the trigger
To set up a conditional pop-up – Set the content of the modal in version A and set a condition
If-So allows you to display the pop-up after the occurrence of one of the following on-page events:
Similar to displaying the trigger as a pop-up, this functionality is achieved by adding parameters to the trigger’s shortcode.
For example, the shortcode below will display the dynamic content on exit intent (if the user hovers the cursor outside of the browser window):
[ifso id="777" ajax="yes" display="modal" eventType="exit-intent"]
WE KNOW… if you’re not familiar with HTML and CSS, designing your modal content within If-So might not be that simple. No worries, we have two possible solutions for you:
If-So gives you the option to display any page or post content on your site using a simple shortcode.
To design your conditional pop-up using your page builder, simply create a new page (or post), design the pop-up content, and apply the page’s content inside If-So using the following shortcode:
*Make sure to replace the post ID (123 in our example) with the post ID of the post you want to display.
Choose one of our pre-built templates and adapt them to your needs. Just replace the images, text, and colors with your own content, and you’ll be ready to go. Learn more.