How To Use Visibility Conditions In Hustle

No Comments

Getting your popups in front of the right user can seriously boost your campaign results. Hustle gives you complete control over who can view your popups with visibility conditions.

How many times have you heard marketers say that “popups can be annoying but they are also highly effective”?

Hustle’s visibility conditions are the key to more effective, less annoying popups.

Hustle - Multiple visibility conditions selected.
Visibility conditions give you total control over who will see your popups.

In this tutorial, we cover the following:

Click on the links above to jump to any section of this tutorial or watch the video below:

What Are Visibility Conditions?

Hustle not only lets you create eye-catching pop-ups, but also slide-ins, embeds, and social shares.

By default, all of these are automatically set to show everywhere on your site.

Considering that ALL of these modules can run simultaneously on your site (and in unlimited numbers with Hustle Pro), you can easily see how this can become too much information for your users, especially someone who is not an intended target for your campaigns.

Cartoon - Devman searching through the forest as Hustle pops up everywhere.
Use Hustle’s visibility conditions to show popups only to the right users.

Fortunately, Hustle gives you precise control over where your popup (and slide-ins, embeds, and social shares) will be shown with visibility conditions,

Visibility conditions enable the right users to see your message when the right conditions are met.

And you set those conditions.

Hustle’s visibility options use conditional logic rules to make this happen. You can apply a whole load of precise conditions to make your pop-ups automagically display to your target users.

Cartoon - Harry Hustle Potter
Hustle uses conditional logic (not dark art invocations) to automagically control the visibility and targeting of your popups.

Hustle’s Available Conditions

Hustle makes many visibility conditions available.

You can choose conditions based on a combination of elements like posts, pages, categories, tags, custom post types, users’ login status, device, country, browser cookie, and more.

Hustle visibility conditions.
So many visibility conditions to choose from.

Some conditions like Posts, Pages, Categories, Tags, etc. are straightforward and easy to configure. Simply choose to include or exclude them as a condition to show or hide your pop-up.

Hustle even has an auto-search feature that makes this easy.

Hustle - Post visibility options.
Begin typing to use the auto-search feature for most include or exclude elements.

Other conditions let you select and/or combine different options using dropdown menus, inputting data into fields, specifying a range of values, etc.

This gives you precise control over the visibility of your pop-ups.

Source of Arrival visibility conditions.
Select different options for visibility conditions like Source of Arrival.

Additionally, Hustle will recognize custom post types being used on your site (e.g. adding a testimonials plugin) and make visibility conditions available for these too.

Hustle custom visibility options
Hustle adds visibility conditions for custom post types.

If your site uses WooCommerce, Hustle will even add an entire set of Woo-specific conditions to help boost your sales.

Hustle - WooCommerce visibility conditions.
Hustle displays WooCommerce-specific conditions if WooCommerce is installed on your site.

You can choose to add as many conditions as you like to a module and configure these to your individual needs and goals.

If you are not sure how certain conditions will work on your site, refer to Hustle’s visibility modules documentation. We also recommend testing your modules on a staging site to make sure that everything is working as intended.

How to Add Visibility Conditions in Hustle

As stated earlier, visibility conditions apply to all of Hustle’s modules. For simplicity’s sake, we’ll focus only on using visibility conditions to create targeted pop-ups, as everything else is the same.

The only difference between popups and other modules like Embeds and Social Shares is that these let you specify additional display options.

Hustle visibility conditions - display options.
Specify display options for Embed and Social Share modules.

Note: A little strategic planning is required to make sure that your pop-ups will display to your intended target audience only when specific conditions are met.

Before adding visibility conditions, then, think about the experience you’d like to create for different user groups, such as first-time visitors, mobile users, and users to whom your popup would have no value at all.

Next, create condition groups that include one or more visibility conditions.

You can also create multiple condition groups, each with a different set of rules.

As we will cover shortly, each condition group can be set to Show or Hide your pop-up if Any or All of the conditions within the group are met.

Let’s go through an example.

To add visibility conditions in Hustle, create a new pop-up or edit an existing one, and click on the Visibility menu.

This brings up the Visibility screen with an initial condition group already set up.

Click on the + Add Conditions section to add visibility conditions (we’ll address the ‘Show/Hide’ and ‘Any/All’ rules in the next section).

Edit Hustle Popup - Visibility Conditions.
Let’s add some visibility conditions.

Select one or more visibility conditions and click on the Add Conditions button.

Select one or multiple visibility conditions.

You can add visibility conditions to a group (or remove them) at any time.

Now, go through and configure your conditions.

With posts, for example, do you want your pop-up to display to users when they visit only specific posts?

Then select ‘Only these posts’ and begin typing the name of your post(s) to select these.

How about displaying pop-ups only on posts with certain tags, to users assigned specific roles, who are viewing your content via a Chrome or Safari browser on their mobile device, having arrived on your site from an external URL…and only if they have registered within the last seven days?

That’s the power of Hustle’s visibility conditions.

Hustle visibility condition group.
This condition group has multiple visibility conditions.

You can add multiple condition groups, with multiple visibility conditions to every pop-up you create (create unlimited pop-ups if using Hustle Pro).

Removing visibility conditions and deleting condition groups from modules is as easy as clicking on a trash icon.

Easily remove unnecessary conditions and condition groups.

Show and Hide Functions

When you first land on the visibility tab you are presented with a drop-down that lets you select whether you want to show or hide the popup based on the conditions you set.

Hustle - Show or Hide rules.
Specify whether visibility rules for your condition group will show or hide your module.

For example, let’s say that you want a popup to show on all pages but don’t want logged-in users to see it.

You would set up the following options on the same popup module using two separate condition groups for Show and Hide:

  • Group #1 – Show pop-up on all pages.
  • Group #2 – Hide pop-up from logged-in users.
Hustle - Condition groups.
Use different groups to set up Show and Hide visibility conditions for the same pop-up.

All and Any Rules

The next option for displaying pop-ups and other modules is a drop-down where you can apply ‘all’ or ‘any’ rules.

Hustle - All or Any rules.
Use All or Any rules to set group conditions.

Selecting ‘all’ means that all the conditions you apply in this group have to be met for your popup to show or hide.

Choosing ‘any’ means the popup will show or hide if any one of the conditions in that group is met.

For example, let’s say that you want to show a popup to a user who has come from a search engine and is on a mobile device.

You would select ‘show’ when ‘all’ of the following conditions match:

  • Source of Arrival – Search Engine
  • Visitor Device – Mobile Only
Hustle Visibility conditions - Show : All conditions.
Your pop-up will only show to users if ALL of these conditions are met.

For the visibility conditions, select ‘Source of Arrival’ and ‘Visitor’s Device’ and click the Add Conditions button.

Hustle Visibility- Any or All Rules
Select these visibility conditions.

With the ‘Visitor’s Device’ condition set to Mobile only, check the search engine box in the ‘Source of Arrival’ condition.

Hustle Visibility conditions - Source of Arrival.
Tick the search engine checkbox.

Remember to click Update to save your settings.

Your popup will now show only when a user arrives from a search engine using a mobile device.

If you change the rule from ‘All’ to ‘Any’ in this example, your popup will show to visitors who arrive either from a search engine or if viewing your site from a mobile device. Only one of these conditions needs to be met.

Hustle Visibility conditions - Show : Any conditions.
Your pop-up will show to users if ANY of these conditions are met.

Why Some Conditions Won’t Work

If you find that a popup is not behaving in the way you expect, you could have set up conflicting visibility conditions.

This can happen if you select the ‘all’ rule and add conditions that are mutually exclusive.

For example, if you select ‘Show’ when ‘all’ of the following conditions match and add ‘Pages’ and a ‘Posts category’ as the conditions of your module, your popup will not show because a page cannot be a post category.

For this condition to work, you would need to select ‘any’ instead of ‘all’. Your popup will then display to users visiting either the selected pages or the posts in the specified categories.

Relationship Between Condition Groups

As stated earlier, your popups are not limited to one condition group.

You can add multiple condition groups to work independently of each other.

For example, let’s say that you have a module that you want to show on a specific page of your site to users with the Author role who log in with their mobile device, and also show that same module to site visitors on a different page regardless of the device being used.

You would set up two Condition Groups with the following visibility rules:

Condition Group 1:

  • Logged in status – Logged in
  • Visitor’s Device – Mobile Only
  • Pages – Only these pages: Add logged-in pages (e.g. Members)
  • User Roles – Only these: Author
Condition group 1
Visibility settings for condition group 1.

Condition Group 2:

Logged in status – Logged out
Pages – Only these pages: Add logged-out pages

Condition group 2
Visibility settings for condition group 2.

Visibility Conditions Are Set…What Next?

After setting your module’s visibility conditions, the next step is to configure your module’s behavior settings.

Essentially, visibility conditions let you specify who your popups should display to and behavior settings let you specify when and how your popups should appear.

Hustle’s built-in wizard guides you step-by-step through this process, so all you have to do after configuring your module’s visibility conditions is to scroll down the screen and click on the Behavior button to continue to the next step.

Hustle - Behavior button.
Click this button after setting your visibility conditions to continue to the next step.

The Behavior screen lets you set up precise triggers for your popups to display when your visibility conditions are met.

Check out our tutorial on how to get the most out of Hustle for more details.

Hustle - Behavior screen.
Now that you’ve figured out who will see your popups, this is where you configure when and how to show them.

If you want your popups to be more effective and less annoying to users, master using Hustle’s visibility conditions and behavior settings, and you will be well on your way to boosting your opt-in conversions.

Be sure to check out Hustle’s documentation for an in-depth explanation of each visibility condition and if you are a WPMU DEV member, feel free to contact our super support team who are available 24/7 to help you with any WordPress-related issues or questions.

    About us and this blog

    We are a digital marketing company with a focus on helping our customers achieve great results across several key areas.

    Request a free quote

    We offer professional SEO services that help websites increase their organic search score drastically in order to compete for the highest rankings even when it comes to highly competitive keywords.

    Subscribe to our newsletter!

    More from our blog

    See all posts

    Leave a Comment