Plus Extras : Display Condition<\/strong>. <\/p>\n\n\n\n2. Turn on the Display Condition<\/strong> toggle.<\/p>\n\n\n\nNow you\u2019ll see an option called Keep HTML<\/strong>. Enabling this will hide the content in the frontend if the condition is false but it will remain in the HTML (DOM).<\/p>\n\n\n\n3. After selecting the appropriate option from the Display When<\/strong> dropdown, go to the Rules<\/strong> section, here you have to set the actual display condition. You can have one or multiple conditions\/rules.<\/p>\n\n\n\n4. Then click on the Rule<\/strong> tab. Here you\u2019ll find different options under the URL <\/strong>label.<\/p>\n\n\n\nHow to Set Elementor Display Condition Based on URL String? <\/h2>\n\n\n\n You can easily show or hide content based on a specific URL string. This can be used to dynamically display different call to action elements on specific URL strings.<\/p>\n\n\n\n
\nNote: These display conditions should be applied to the content in common templates like Header, Footer or Sidebar.<\/em><\/p>\n<\/blockquote>\n\n\n\n<\/p>\n\n\n\n
To set display conditions for a URL string – <\/p>\n\n\n\n
1. Select String<\/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 <\/strong>field, add the URL string.<\/p>\n\n\n\n\nNote: Only add the string value (shop), not the entire path.<\/em><\/p>\n<\/blockquote>\n\n\n\n<\/p>\n\n\n\n
For example, we want to show a CTA button in the header of all the product pages of a Woocommerce site. To do this, go to the header template and select the widget. <\/p>\n\n\n\n
After selecting String <\/strong>from the first dropdown, choose Is<\/strong> from the second dropdown.<\/p>\n\n\n\nThen in the last field, add product<\/em><\/strong> as the string value.<\/p>\n\n\n\nThis will show the content in the header of all the product pages.<\/p>\n\n\n\n
If the option is set to Not<\/strong> in the second dropdown, it will reverse the condition.<\/p>\n\n\n\nHow to Set Elementor Display Condition Based on URL Parameter? <\/h2>\n\n\n\n UTM (Urchin Tracking Module) codes are snippets of text added at the end of a URL to track where the visitor has come from by clicking the URL. You can set display condition on your content based on different UTM parameters in the URL of the page. This can be very useful to show personalised content to visitors coming from different sources.<\/p>\n\n\n\n
To set display conditions for a URL parameter – <\/p>\n\n\n\n
1. Select Parameter<\/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 <\/strong>field, add the parameter.<\/p>\n\n\n\n\nNote: Only add the parameter value (utm_source=email), not the entire path.<\/em><\/p>\n<\/blockquote>\n\n\n\n<\/p>\n\n\n\n
For example, we want to show a special welcome message to all the visitors coming from an email campaign and we\u2019ve set the UTM in the link as \u201cutm_source=email\u201d. <\/p>\n\n\n\n
To do this, select the widget, and after choosing Parameter <\/strong>from the first dropdown, choose Is<\/strong> from the second dropdown.<\/p>\n\n\n\nThen in the last field, add utm_source=email<\/em><\/strong>.<\/p>\n\n\n\nThis will show that content to all the visitors coming by clicking on your UTM link.<\/p>\n\n\n\n
If the option is set to Not<\/strong> in the second dropdown, it will reverse the condition.<\/p>\n\n\n\nAlso, read How to Set Elementor Display Condition Based on Browser\/Site Language<\/a>.<\/p>\n","protected":false},"author":25,"featured_media":120399,"parent":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","docs":[565,525],"class_list":["post-120396","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\/120396","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=120396"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/120396\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/120399"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=120396"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=120396"}],"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-url-string.gif\")
<\/figure>\n\n\n\n![\"display](\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/display-condition-url-parameter.gif\")
<\/figure>\n\n\n\n