\nNote: This rule applies only to logged in visitors.<\/em><\/p>\n<\/blockquote>\n\n\n\n<\/p>\n\n\n\n
To set display conditions based on the user role – <\/p>\n\n\n\n
1. Select User Role<\/strong> from the first dropdown under the Rule<\/strong> tab.<\/p>\n\n\n\n2. Then in the second dropdown, you have two options – <\/p>\n\n\n\n
Is<\/strong> – This will make the statement true.<\/p>\n\n\n\nNot<\/strong> – This will make the statement false.<\/p>\n\n\n\n3. In the last dropdown, you\u2019ll have to choose the appropriate user role.<\/p>\n\n\n\n
For example, if you want to show a piece of content only to the administrator role users, then after selecting User Role<\/strong> from the first dropdown, choose Is<\/strong> from the second dropdown.<\/p>\n\n\n\nThen from the last dropdown, select Administrator<\/strong>.<\/p>\n\n\n\nThis will make the content visible to the users with the administrator role only.<\/p>\n\n\n\n
If you choose Not<\/strong> from the second dropdown, then it will be hidden from administrator users.<\/p>\n\n\n\nSimilarly, you can set rules for other user roles.<\/p>\n\n\n\n
How to Set Elementor Display Condition Based on Operating System?<\/h2>\n\n\n\n With this option you can set the display condition of a widget based on the user’s operating system. This can be used if you offer something specific like software\/app for different operating systems, you can show content accordingly to the visitors based on their operating system.<\/p>\n\n\n\n
To set display conditions based on operating systems – <\/p>\n\n\n\n
1. Select Operating System<\/strong> from the first dropdown under the Rule<\/strong> tab.<\/p>\n\n\n\n2. Then in the second dropdown, you have two options – <\/p>\n\n\n\n
Is<\/strong> – This will make the statement true.<\/p>\n\n\n\nNot<\/strong> – This will make the statement false.<\/p>\n\n\n\n3. In the last dropdown, you\u2019ll have to choose the targeted operating system.<\/p>\n\n\n\n
For example, if you want to show a button for the android version app to the Windows users, then after selecting Operating System<\/strong> from the first dropdown, choose Is<\/strong> from the second dropdown.<\/p>\n\n\n\nThen from the last dropdown, select Windows<\/strong>.<\/p>\n\n\n\nNow visitors using the Windows operating system can only see the button.<\/p>\n\n\n\n
If the second dropdown is set to Not,<\/strong> then the button will not be visible to the Windows operating system users.<\/p>\n\n\n\nFollowing this process, you can also set display conditions for other operating systems.<\/p>\n\n\n\n
How to Set Elementor Display Condition Based on Visitor Browser?<\/h2>\n\n\n\n You can set display conditions for a content based on the visitors browser. This condition can be used if you offer something browser specific like addons or in-browser apps, then you can show content to the users based on their browser.<\/p>\n\n\n\n
To set display conditions based on a browser – <\/p>\n\n\n\n
1. Select Browser<\/strong> from the first dropdown under the Rule<\/strong> tab.<\/p>\n\n\n\n2. Then in the second dropdown you have two options – <\/p>\n\n\n\n
Is<\/strong> – This will make the statement true.<\/p>\n\n\n\nNot<\/strong> – This will make the statement false.<\/p>\n\n\n\n3. In the last dropdown, you\u2019ll have to choose the targeted browser.<\/p>\n\n\n\n
For example, we have an addon for both Mozilla Firefox and Chrome browser. Now we want to show different buttons on both browsers for their respective download options. <\/p>\n\n\n\n
For this, select a button; after selecting Browser<\/strong> from the first dropdown, choose Is<\/strong> from the second dropdown.<\/p>\n\n\n\nThen from the last dropdown, select Chrome<\/strong>.<\/p>\n\n\n\nNow that button will be visible to Chrome users only.<\/p>\n\n\n\n
Following this process, you can also set conditions for the Mozilla Firefox browser.<\/p>\n\n\n\n
How to Set Elementor Display Condition Based on Geo Location of Visitor?<\/h2>\n\n\n\n You can show different content based on the location of a user. This can be a great way to show customised content or offer based on the visitor’s location.<\/p>\n\n\n\n
To set display conditions based on the visitor’s location – <\/p>\n\n\n\n
1. Select Location<\/strong> from the first dropdown under the Rule<\/strong> tab.<\/p>\n\n\n\n2. Then in the second dropdown, you have two options – <\/p>\n\n\n\n
Is<\/strong> – This will make the statement true.<\/p>\n\n\n\nNot<\/strong> – This will make the statement false.<\/p>\n\n\n\n3. In the last dropdown, you\u2019ll have to choose the targeted country.<\/p>\n\n\n\n
For example, we want to show a customised message for all the visitors coming from United States. To do this, after selecting Location<\/strong> from the first dropdown, choose Is<\/strong> from the second dropdown.<\/p>\n\n\n\nThen from the last dropdown, select United States<\/strong>.<\/p>\n\n\n\nThis will make that content visible to the visitors coming from United States only.<\/p>\n\n\n\n
If you choose Not<\/strong> from the second dropdown, then the content won\u2019t be visible to visitors from United States.<\/p>\n\n\n\nFollowing this process, you can set display conditions for other countries as well.<\/p>\n\n\n\n
Also, read How to Set Elementor Display Condition Based on Date & Time<\/a>.<\/p>\n","protected":false},"author":25,"featured_media":120458,"parent":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","docs":[565,525],"class_list":["post-120347","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-display-conditions","docs-plus-extras"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/120347","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=120347"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/120347\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/120458"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=120347"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=120347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"display](\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/display-condition-login-status.gif\")
<\/figure>\n\n\n\n![\"display](\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/display-condition-user-role.gif\")
<\/figure>\n\n\n\n![\"display](\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/display-condition-operating-system.gif\")
<\/figure>\n\n\n\n![\"display](\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/display-condition-browser.gif\")
<\/figure>\n\n\n\n![\"display](\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/display-condition-login-status-1.gif\")
<\/figure>\n\n\n\n