{"id":195913,"date":"2021-03-25T01:00:01","date_gmt":"2021-03-25T01:00:01","guid":{"rendered":"https:\/\/wpmudev.com\/blog\/?p=195913"},"modified":"2021-03-28T22:26:13","modified_gmt":"2021-03-28T22:26:13","slug":"hustle-visibility-conditions","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/hustle-visibility-conditions\/","title":{"rendered":"How To Use Visibility Conditions In Hustle"},"content":{"rendered":"<p>Getting your popups in front of the right user can seriously boost your campaign results. <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-popup\/\" rel=\"noopener\" target=\"_blank\">Hustle<\/a> gives you complete control over who can view your popups with visibility conditions.<\/p>\n<p>How many times have you heard marketers say that &#8220;popups can be annoying but they are also highly effective&#8221;?<\/p>\n<p>Hustle&#8217;s visibility conditions are the key to more effective, less annoying popups.<\/p>\n<figure id=\"attachment_196113\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-196113 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/multiple-selected-vis.png\" alt=\"Hustle - Multiple visibility conditions selected.\" width=\"600\" height=\"1006\" \/><figcaption class=\"wp-caption-text\">Visibility conditions give you total control over who will see your popups.<\/figcaption><\/figure>\n<p>In this tutorial, we cover the following:<\/p>\n<ul>\n<li><strong><a href=\"#what-are-visibility-conditions\">What are visibility conditions?<\/a><\/strong><\/li>\n<li><strong><a href=\"#available-visibility-conditions\">Available conditions in Hustle<\/a><\/strong><\/li>\n<li><strong><a href=\"#add-visibility-conditions\">How to add visibility conditions<\/a><\/strong><\/li>\n<li><strong><a href=\"#show-hide\">How the &#8216;show&#8217; and &#8216;hide&#8217; functions work<\/a><\/strong><\/li>\n<li><strong><a href=\"#all-any\">How the &#8216;all&#8217; and &#8216;any&#8217; rules work<\/a><\/strong><\/li>\n<li><strong><a href=\"#conflicting-visibility-conditions\">Why some conditions won&#8217;t work together<\/a><\/strong><\/li>\n<li><strong><a href=\"#condition-groups\">The relationship between condition groups<\/a><\/strong><\/li>\n<li><strong><a href=\"#what-next-visibility-conditions\">What to do after setting visibility conditions<\/a><\/strong><\/li>\n<\/ul>\n<p>Click on the links above to jump to any section of this tutorial or watch the video below:<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><span class=\"embed-youtube-lazy-id dev-hidden\">_KczDOmLnRk<\/span><\/span><\/p>\n<h2 id=\"what-are-visibility-conditions\">What Are Visibility Conditions?<\/h2>\n<p>Hustle not only lets you create eye-catching <a href=\"https:\/\/wpmudev.com\/blog\/make-perfect-popup-with-hustle\/\" target=\"_blank\" rel=\"noopener\">pop-ups<\/a>, but also slide-ins, embeds, and social shares.<\/p>\n<p>By default, all of these are automatically set to show everywhere on your site.<\/p>\n<p>Considering that ALL of these modules can run simultaneously on your site (and in <a href=\"https:\/\/premium.wpmudev.org\/project\/hustle\/\" rel=\"noopener\" target=\"_blank\">unlimited numbers with Hustle Pro<\/a>), you can easily see how this can become <em>too much information<\/em> for your users, especially someone who is not an intended target for your campaigns.<\/p>\n<figure id=\"attachment_196030\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-196030 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/hustle-popup.png\" alt=\"Cartoon - Devman searching through the forest as Hustle pops up everywhere.\" width=\"600\" height=\"458\" \/><figcaption class=\"wp-caption-text\">Use Hustle&#8217;s visibility conditions to show popups only to the right users.<\/figcaption><\/figure>\n<p>Fortunately, Hustle gives you precise control over where your popup (and slide-ins, embeds, and social shares) will be shown with visibility conditions,<\/p>\n<p>Visibility conditions enable the right users to see your message when the right conditions are met.<\/p>\n<p>And you set those conditions.<\/p>\n<p style=\"text-align: left;\">Hustle&#8217;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 <em>automagically<\/em> display to your target users.<\/p>\n<figure id=\"attachment_196032\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-196032 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/harry-hustle.png\" alt=\"Cartoon - Harry Hustle Potter\" width=\"600\" height=\"447\" \/><figcaption class=\"wp-caption-text\">Hustle uses conditional logic (not dark art invocations) to automagically control the visibility and targeting of your popups.<\/figcaption><\/figure>\n<h2 id=\"available-visibility-conditions\">Hustle&#8217;s Available Conditions<\/h2>\n<p>Hustle makes many visibility conditions available.<\/p>\n<p>You can choose conditions based on a combination of elements like posts, pages, categories, tags, custom post types, users&#8217; login status, device, country, browser cookie, and more.<\/p>\n<figure id=\"attachment_196043\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-196043 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/hustle-visibility-conditions-options.png\" alt=\"Hustle visibility conditions.\" width=\"600\" height=\"800\" \/><figcaption class=\"wp-caption-text\">So many visibility conditions to choose from.<\/figcaption><\/figure>\n<p>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.<\/p>\n<p>Hustle even has an auto-search feature that makes this easy.<\/p>\n<figure id=\"attachment_196096\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-196096 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/visibility-posts.png\" alt=\"Hustle - Post visibility options.\" width=\"600\" height=\"512\" \/><figcaption class=\"wp-caption-text\">Begin typing to use the auto-search feature for most include or exclude elements.<\/figcaption><\/figure>\n<p>Other conditions let you select and\/or combine different options using dropdown menus, inputting data into fields, specifying a range of values, etc.<\/p>\n<p>This gives you precise control over the visibility of your pop-ups.<\/p>\n<figure id=\"attachment_196100\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-196100 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/visibility-select-options.png\" alt=\"Source of Arrival visibility conditions.\" width=\"600\" height=\"514\" \/><figcaption class=\"wp-caption-text\">Select different options for visibility conditions like Source of Arrival.<\/figcaption><\/figure>\n<p>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.<\/p>\n<figure id=\"attachment_196118\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-196118\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/custom-visibility-options.png\" alt=\"Hustle custom visibility options\" width=\"600\" height=\"215\" \/><figcaption class=\"wp-caption-text\">Hustle adds visibility conditions for custom post types.<\/figcaption><\/figure>\n<p>If your site uses WooCommerce, Hustle will even add an entire set of Woo-specific conditions to help boost your sales.<\/p>\n<figure id=\"attachment_196045\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-196045\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/woocommerce-visibility.png\" alt=\"Hustle - WooCommerce visibility conditions.\" width=\"600\" height=\"479\" \/><figcaption class=\"wp-caption-text\">Hustle displays WooCommerce-specific conditions if WooCommerce is installed on your site.<\/figcaption><\/figure>\n<p>You can choose to add as many conditions as you like to a module and configure these to your individual needs and goals.<\/p>\n<p>If you are not sure how certain conditions will work on your site, refer to Hustle&#8217;s <a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hustle\/#visibility-modules\" target=\"_blank\" rel=\"noopener\">visibility modules documentation<\/a>. We also recommend testing your modules on a staging site to make sure that everything is working as intended.<\/p>\n<h2 id=\"add-visibility-conditions\">How to Add Visibility Conditions in Hustle<\/h2>\n<p>As stated earlier, visibility conditions apply to all of Hustle&#8217;s modules. For simplicity&#8217;s sake, we&#8217;ll focus only on using visibility conditions to create targeted pop-ups, as everything else is the same.<\/p>\n<p>The only difference between popups and other modules like Embeds and Social Shares is that these let you specify additional display options.<\/p>\n<figure id=\"attachment_196112\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-196112\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/visibility-display-options.png\" alt=\"Hustle visibility conditions - display options.\" width=\"600\" height=\"421\" \/><figcaption class=\"wp-caption-text\">Specify display options for Embed and Social Share modules.<\/figcaption><\/figure>\n<p>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.<\/p>\n<p>Before adding visibility conditions, then, think about the experience you&#8217;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.<\/p>\n<p>Next, create <em>condition groups<\/em> that include one or more <em>visibility conditions<\/em>.<\/p>\n<p>You can also create multiple condition groups, each with a different set of rules.<\/p>\n<p>As we will cover shortly, each condition group can be set to <em>Show\u00a0<\/em>or\u00a0<em>Hide\u00a0<\/em>your pop-up if <em>Any<\/em>\u00a0or\u00a0<em>All\u00a0<\/em>of the conditions within the group are met.<\/p>\n<p>Let&#8217;s go through an example.<\/p>\n<p>To add visibility conditions in Hustle, create a new pop-up or edit an existing one, and click on the Visibility menu.<\/p>\n<p>This brings up the Visibility screen with an initial condition group already set up.<\/p>\n<p>Click on the <strong>+ Add Conditions<\/strong> section to add visibility conditions (we&#8217;ll address the &#8216;Show\/Hide&#8217; and &#8216;Any\/All&#8217; rules in the next section).<\/p>\n<figure id=\"attachment_196111\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-196111\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/edit-popup-screen-new-1.png\" alt=\"Edit Hustle Popup - Visibility Conditions.\" width=\"600\" height=\"419\" \/><figcaption class=\"wp-caption-text\">Let&#8217;s add some visibility conditions.<\/figcaption><\/figure>\n<p>Select one or more visibility conditions and click on the <strong>Add Conditions<\/strong> button.<\/p>\n<p style=\"text-align: center;\"><video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/select-visibility-conditions.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/select-visibility-conditions.mp4\" type=\"video\/mp4\"><\/video><\/p>\n<p style=\"text-align: center;\"><small>Select one or multiple visibility conditions.<\/small><\/p>\n<p>You can add visibility conditions to a group (or remove them) at any time.<\/p>\n<p>Now, go through and configure your conditions.<\/p>\n<p>With posts, for example, do you want your pop-up to display to users when they visit only specific posts?<\/p>\n<p>Then select &#8216;Only these posts&#8217; and begin typing the name of your post(s) to select these.<\/p>\n<p>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&#8230;and only if they have registered within the last seven days?<\/p>\n<p>That&#8217;s the power of Hustle&#8217;s visibility conditions.<\/p>\n<figure id=\"attachment_196114\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-196114\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/condition-group.png\" alt=\"Hustle visibility condition group.\" width=\"600\" height=\"2058\" \/><figcaption class=\"wp-caption-text\">This condition group has multiple visibility conditions.<\/figcaption><\/figure>\n<p>You can add multiple condition groups, with multiple visibility conditions to every pop-up you create (create unlimited pop-ups if using Hustle Pro).<\/p>\n<p>Removing visibility conditions and deleting condition groups from modules is as easy as clicking on a trash icon.<\/p>\n<p style=\"text-align: center;\"><video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/delete-conditions-600.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/delete-conditions-600.mp4\" type=\"video\/mp4\"><\/video><\/p>\n<p style=\"text-align: center;\"><small>Easily remove unnecessary conditions and condition groups.<\/small><\/p>\n<h2 id=\"show-hide\">Show and Hide Functions<\/h2>\n<p>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.<\/p>\n<figure id=\"attachment_196121\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-196121 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/show-hide-visibility.png\" alt=\"Hustle - Show or Hide rules.\" width=\"600\" height=\"320\" \/><figcaption class=\"wp-caption-text\">Specify whether visibility rules for your condition group will show or hide your module.<\/figcaption><\/figure>\n<p>For example, let&#8217;s say that you want a popup to show on all pages but don&#8217;t want logged-in users to see it.<\/p>\n<p>You would set up the following options on the same popup module using two separate condition groups for Show and Hide:<\/p>\n<ul>\n<li style=\"text-align: left;\">Group #1 &#8211; <strong>Show<\/strong> pop-up on all pages.<\/li>\n<li style=\"text-align: left;\">Group #2 &#8211; <strong>Hide<\/strong> pop-up from logged-in users.<\/li>\n<\/ul>\n<figure id=\"attachment_196217\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-196217 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/show-hide-groups.png\" alt=\"Hustle - Condition groups.\" width=\"600\" height=\"604\" \/><figcaption class=\"wp-caption-text\">Use different groups to set up Show and Hide visibility conditions for the same pop-up.<\/figcaption><\/figure>\n<h2 id=\"all-any\">All and Any Rules<\/h2>\n<p>The next option for displaying pop-ups and other modules is a drop-down where you can apply &#8216;all&#8217; or &#8216;any&#8217; rules.<\/p>\n<figure id=\"attachment_196120\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-196120\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/all-any-visibility.png\" alt=\"Hustle - All or Any rules.\" width=\"600\" height=\"320\" \/><figcaption class=\"wp-caption-text\">Use All or Any rules to set group conditions.<\/figcaption><\/figure>\n<p>Selecting &#8216;all&#8217; means that all the conditions you apply in this group have to be met for your popup to show or hide.<\/p>\n<p>Choosing &#8216;any&#8217; means the popup will show or hide if any one of the conditions in that group is met.<\/p>\n<p>For example, let&#8217;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.<\/p>\n<p>You would select &#8216;show&#8217; when &#8216;all&#8217; of the following conditions match:<\/p>\n<ul>\n<li>Source of Arrival &#8211; Search Engine<\/li>\n<li>Visitor Device &#8211; Mobile Only<\/li>\n<\/ul>\n<figure id=\"attachment_196220\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-196220\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/Show-all-conditions.png\" alt=\"Hustle Visibility conditions - Show : All conditions.\" width=\"600\" height=\"653\" \/><figcaption class=\"wp-caption-text\">Your pop-up will only show to users if ALL of these conditions are met.<\/figcaption><\/figure>\n<p>For the visibility conditions, select &#8216;Source of Arrival&#8217; and &#8216;Visitor&#8217;s Device&#8217; and click the Add Conditions button.<\/p>\n<figure id=\"attachment_196252\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-196252 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/any-all-examples.png\" alt=\"Hustle Visibility- Any or All Rules\" width=\"600\" height=\"736\" \/><figcaption class=\"wp-caption-text\">Select these visibility conditions.<\/figcaption><\/figure>\n<p>With the &#8216;Visitor&#8217;s Device&#8217; condition set to <em>Mobile only<\/em>, check the search engine box in the &#8216;Source of Arrival&#8217; condition.<\/p>\n<figure id=\"attachment_196253\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-196253\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/source-of-arrival.png\" alt=\"Hustle Visibility conditions - Source of Arrival.\" width=\"600\" height=\"380\" \/><figcaption class=\"wp-caption-text\">Tick the search engine checkbox.<\/figcaption><\/figure>\n<p>Remember to click Update to save your settings.<\/p>\n<p>Your popup will now show only when a user arrives from a search engine using a mobile device.<\/p>\n<p>If you change the rule from &#8216;All&#8217; to &#8216;Any&#8217; 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.<\/p>\n<figure id=\"attachment_196221\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-196221\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/Show-any-conditions.png\" alt=\"Hustle Visibility conditions - Show : Any conditions.\" width=\"600\" height=\"659\" \/><figcaption class=\"wp-caption-text\">Your pop-up will show to users if ANY of these conditions are met.<\/figcaption><\/figure>\n<h2 id=\"conflicting-visibility-conditions\">Why Some Conditions Won&#8217;t Work<\/h2>\n<p>If you find that a popup is not behaving in the way you expect, you could have set up conflicting visibility conditions.<\/p>\n<p>This can happen if you select the &#8216;all&#8217; rule and add conditions that are mutually exclusive.<\/p>\n<p>For example, if you select &#8216;Show&#8217; when &#8216;all&#8217; of the following conditions match and add &#8216;Pages&#8217; and a &#8216;Posts category&#8217; as the conditions of your module, your popup will not show because a page cannot be a post category.<\/p>\n<p>For this condition to work, you would need to select &#8216;any&#8217; instead of &#8216;all&#8217;. Your popup will then display to users visiting either the selected pages or the posts in the specified categories.<\/p>\n<h2 id=\"condition-groups\">Relationship Between Condition Groups<\/h2>\n<p>As stated earlier, your popups are not limited to one condition group.<\/p>\n<p>You can add multiple condition groups to work independently of each other.<\/p>\n<p>For example, let\u2019s 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.<\/p>\n<p>You would set up two Condition Groups with the following visibility rules:<\/p>\n<p><em>Condition Group 1:<\/em><\/p>\n<ul>\n<li>Logged in status \u2013 Logged in<\/li>\n<li>Visitor\u2019s Device \u2013 Mobile Only<\/li>\n<li>Pages \u2013 Only these pages: <em>Add logged-in pages (e.g. Members)<\/em><\/li>\n<li>User Roles \u2013 Only these: Author<\/li>\n<\/ul>\n<figure id=\"attachment_196122\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-196122\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/condition-group-1.png\" alt=\"Condition group 1\" width=\"600\" height=\"1081\" \/><figcaption class=\"wp-caption-text\">Visibility settings for condition group 1.<\/figcaption><\/figure>\n<p><em>Condition Group 2:<\/em><\/p>\n<p>Logged in status \u2013 Logged out<br \/>\nPages \u2013 Only these pages: <em>Add logged-out pages<\/em><\/p>\n<figure id=\"attachment_196123\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-196123\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/condition-group-2.png\" alt=\"Condition group 2\" width=\"600\" height=\"575\" \/><figcaption class=\"wp-caption-text\">Visibility settings for condition group 2.<\/figcaption><\/figure>\n<h2 id=\"available-visibility-conditions\">Visibility Conditions Are Set&#8230;What Next?<\/h2>\n<p>After setting your module&#8217;s visibility conditions, the next step is to configure your module&#8217;s behavior settings.<\/p>\n<p>Essentially, visibility conditions let you specify <em>who<\/em> your popups should display to and behavior settings let you specify <em>when<\/em> and <em>how<\/em> your popups should appear.<\/p>\n<p>Hustle&#8217;s built-in wizard guides you step-by-step through this process, so all you have to do after configuring your module&#8217;s visibility conditions is to scroll down the screen and click on the Behavior button to continue to the next step.<\/p>\n<figure id=\"attachment_196257\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-196257 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/behavior-step.png\" alt=\"Hustle - Behavior button.\" width=\"600\" height=\"453\" \/><figcaption class=\"wp-caption-text\">Click this button after setting your visibility conditions to continue to the next step.<\/figcaption><\/figure>\n<p>The <strong>Behavior<\/strong> screen lets you set up precise triggers for your popups to display when your visibility conditions are met.<\/p>\n<p>Check out our tutorial on <a href=\"https:\/\/wpmudev.com\/blog\/get-the-most-out-of-hustle\/\" target=\"_blank\" rel=\"noopener\">how to get the most out of Hustle<\/a> for more details.<\/p>\n<figure id=\"attachment_196258\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-196258 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2021\/03\/behavior-screen.png\" alt=\"Hustle - Behavior screen.\" width=\"600\" height=\"466\" \/><figcaption class=\"wp-caption-text\">Now that you&#8217;ve figured out who will see your popups, this is where you configure when and how to show them.<\/figcaption><\/figure>\n<p style=\"text-align: left;\">If you want your popups to be more effective and less annoying to users, master using Hustle&#8217;s visibility conditions and behavior settings, and you will be well on your way to boosting your opt-in conversions.<\/p>\n<p>Be sure to check out <a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hustle\/#visibility-modules\" target=\"_blank\" rel=\"noopener\">Hustle&#8217;s documentation<\/a> for an in-depth explanation of each visibility condition and if you are a <a href=\"https:\/\/wpmudev.com\/pricing\/\" target=\"_blank\" rel=\"noopener\">WPMU DEV member<\/a>, feel free to contact our super support team who are available 24\/7 to help you with any WordPress-related issues or questions.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 &#8220;popups can be annoying but they are also highly effective&#8221;? Hustle&#8217;s visibility conditions are the key to [&hellip;]<\/p>\n","protected":false},"author":774618,"featured_media":196535,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"10","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[263,11260,11259],"tags":[],"tutorials_categories":[11235],"class_list":["post-195913","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-wpmu-dev-products","category-wpmudev-tutorials","tutorials_categories-hustle-pro"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/195913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/774618"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=195913"}],"version-history":[{"count":49,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/195913\/revisions"}],"predecessor-version":[{"id":196406,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/195913\/revisions\/196406"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/196535"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=195913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=195913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=195913"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=195913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}