Documentation

All the information you need in one place

How to Open a Popup on WooCommerce Conditions

You can use Nelio Popups to show a popup based on conditions related to WooCommerce. This can be helpful when displaying different popups depending on the state of each visitor with respect to their behavior in your WooCommerce store.

In this article, you’ll learn how to target customers’ statuses to show your popup.

Using WooCommerce Condition

When you are ready to use the Visitor condition, follow these steps:

  1. Go to Nelio Popups » All Popups and edit the one you want.
  2. In the editor sidebar, go to the Settings panel, and open the Conditions tab.
  3. Add or modify a condition by selecting ‘WooCommerce’.

The following options are available for a WooCommerce condition:

  • shopping cart is empty
  • shopping cart is not empty
  • shopping cart contains a number of items
  • shopping cart contains selected products
  • shopping cart has a total value

Let’s review each option.

shopping cart is empty

When you want to display a popup for visitors that have an empty shopping cart in your site, select ‘shopping cart is empty’ in the condition field.

Popup with a WooCommerce condition set to 'shopping cart is empty'.
Popup with a WooCommerce condition set to ‘shopping cart is empty’.

Then, popups will only be shown to visitors that have an empty shopping cart in WooCommerce.

shopping cart is not empty

When you want to display a popup for visitors that have products added to their shopping cart in your site, select ‘shopping cart is not empty’ in the condition field.

Popup with a WooCommerce condition set to 'shopping cart is not empty'.
Popup with a WooCommerce condition set to ‘shopping cart is not empty’.

Then, popups will only be shown to those visitors that have products in the shopping cart in WooCommerce.

shopping cart contains a number of items

When you want to display a popup for visitors that have an amount of items in the shopping cart in your site, select ‘shopping cart contains a number of items’ in the condition field.

Then you can set the if you want to check shopping carts with an amount of items greater than, less than, or between a range of values.

Popup with a WooCommerce condition set to 'shopping cart contains a number of items' that is greater than a value.
Popup with a WooCommerce condition set to ‘shopping cart contains a number of items’ that is greater than a value.
Popup with a WooCommerce condition set to 'shopping cart contains a number of items' that is less than a value.
Popup with a WooCommerce condition set to ‘shopping cart contains a number of items’ that is less than a value.
Popup with a WooCommerce condition set to 'shopping cart contains a number of items' that is in a range between two values.
Popup with a WooCommerce condition set to ‘shopping cart contains a number of items’ that is in a range between two values.

Select the amount of items in the last field of the setting. For the ‘between’ option, you need to select the minimum and maximum amount of items in the range.

Then, popups will only be shown to visitors if the number of items in their shopping cart match the value condition you set in the settings.

shopping cart contains selected products

When you want to display a popup for visitors that have added a set of products into their shopping cart, select ‘shopping cart contains selected products’ in the condition field.

Popup with a WooCommerce condition set to 'shopping cart contains selected products'.
Popup with a WooCommerce condition set to ‘shopping cart contains selected products’.

Select the products in the last field of the setting.

Then, popups will only be shown to visitors after they have added into the shopping cart all the selected products set in the settings.

shopping cart has a total value

When you want to display a popup for visitors that have a total monetary value in the shopping cart in your site, select ‘shopping cart has a total value’ in the condition field. The total value is the addition of the total prices of each product included in the shopping cart. This is specially useful to provide coupons or discounts in popups when the customer is planning to spend an amount of money in your store.

Then you can set the if you want to check shopping carts with a total monetary value greater than, less than, or between a range of values.

Popup with a WooCommerce condition set to 'shopping cart has a total value' that is greater than a value.
Popup with a WooCommerce condition set to ‘shopping cart has a total value’ that is greater than a value.
Popup with a WooCommerce condition set to 'shopping cart has a total value' that is less than a value.
Popup with a WooCommerce condition set to ‘shopping cart has a total value’ that is less than a value.
Popup with a WooCommerce condition set to 'shopping cart has a total value' that is in a range between two values.
Popup with a WooCommerce condition set to ‘shopping cart has a total value’ that is in a range between two values.

Select the monetary amount in the last field of the setting. For the ‘between’ option, you need to select the minimum and maximum value in the range.

Then, popups will only be shown to visitors if the total monetary amount in their shopping cart match the value condition you set in the settings.


After setting the condition, save the popup and then it will open if the condition is met.