--- title: "How to Set Elementor Display Condition Based on URL String or Parameters?" url: https://theplusaddons.com/docs/set-elementor-display-condition-based-on-url-string-or-parameters/ date: 2023-06-23 modified: 2026-04-11 author: "Aditya Sharma" description: "Are you looking for ways to personalise your Elementor page experience? Setting display conditions based on URL string or parameters, can be a great way to deliver tailored experiences for..." image: https://theplusaddons.com/wp-content/uploads/2023/06/How-to-Set-Elementor-Display-Condition-Based-on-URL-String-or-Parameters_-1024x536.jpg word_count: 654 --- # How to Set Elementor Display Condition Based on URL String or Parameters? ## Key Takeaways - The Plus Addons for Elementor Display Condition extension allows setting display conditions based on specific URL string or UTM parameters. - Users can show or hide content by selecting 'String' or 'Parameter' from the Rule tab in the Display Condition settings. - Enabling the Keep HTML option hides content in the frontend if the condition is false while keeping it in the HTML (DOM). - Visitors coming from an email campaign can receive a special welcome message by setting a UTM parameter as 'utm_source=email' in the display conditions. Are you looking for ways to personalise your Elementor page experience? Setting display conditions based on URL string or parameters, can be a great way to deliver tailored experiences for visitors. The Display Condition extension of The Plus Addons for Elementor allows you to set display conditions based on specific URL string or UTM parameters.  *To check the complete feature overview documentation of The Plus Addons for Elementor Display Condition extension, [click here](/docs/display-conditions-settings-overview/).* ***Requirement  - This extension is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-extras/display-conditions/?utm_source=tpae&utm_medium=docs&utm_campaign=text) To add display conditions based on URL, add any Elementor widget on the page.  1. Go to **Advanced** > **Display Condition**.  2. Turn on the **Display Condition** toggle. Now you’ll see an option called **Keep HTML**. Enabling this will hide the content in the frontend if the condition is false but it will remain in the HTML (DOM). 3. After selecting the appropriate option from the **Display When** dropdown, go to the **Rules** section, here you have to set the actual display condition. You can have one or multiple conditions/rules. 4. Then click on the **Rule** tab. Here you’ll find different options under the **URL **label. ## How to Set Elementor Display Condition Based on URL String?  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. > *Note: These display conditions should be applied to the content in common templates like Header, Footer or Sidebar.* To set display conditions for a URL string -  1. Select **String** from the first dropdown under the **Rule** tab. 2. Then in the second dropdown, you have two options -  **Is** - This will make the statement true. **Not** - This will make the statement false. 3. In the last** **field, add the URL string. > *Note: Only add the string value (shop), not the entire path.* 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.  After selecting **String **from the first dropdown, choose **Is** from the second dropdown. Then in the last field, add ***product*** as the string value. This will show the content in the header of all the product pages. If the option is set to **Not** in the second dropdown, it will reverse the condition. ## How to Set Elementor Display Condition Based on URL Parameter?  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. To set display conditions for a URL parameter -  1. Select **Parameter** from the first dropdown under the **Rule** tab. 2. Then in the second dropdown, you have two options -  **Is** - This will make the statement true. **Not** - This will make the statement false. 3. In the last** **field, add the parameter. > *Note: Only add the parameter value (utm_source=email), not the entire path.* For example, we want to show a special welcome message to all the visitors coming from an email campaign and we’ve set the UTM in the link as “utm_source=email”.  To do this, select the widget, and after choosing  **Parameter **from the first dropdown, choose **Is** from the second dropdown. Then in the last field, add ***utm_source=email***. This will show that content to all the visitors coming by clicking on your UTM link. If the option is set to **Not** in the second dropdown, it will reverse the condition. Also, read [How to Set Elementor Display Condition Based on Browser/Site Language](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-browser-site-language/). ## Frequently Asked Questions **Q: What should I do if the display condition based on URL string isn't working?** A: If the display condition isn't functioning as expected, ensure that the URL string you entered matches exactly what you set in the condition. For example, if you want to display content for 'product', make sure to only input 'product' and not the full URL. Additionally, check that the Display Condition toggle is enabled in the widget settings. **Q: What is the best practice for setting display conditions in Elementor?** A: A best practice is to apply display conditions to common templates like Headers, Footers, or Sidebars, as this allows for consistent messaging across your site. When setting conditions, consider using the 'Is' option for specific strings or parameters to ensure the content displays correctly for targeted audiences. **Q: How do I set multiple display conditions for a single widget?** A: To set multiple display conditions, you can add one or more rules in the Rules section after enabling the Display Condition toggle. Each rule can be based on different URL strings or parameters, allowing you to create complex visibility conditions for your content. **Q: Are there any limitations when using display conditions based on URL parameters?** A: One limitation is that you should only input the parameter value, not the entire URL path. For example, if your UTM parameter is 'utm_source=email', you should enter just 'utm_source=email' in the condition. This ensures that the condition evaluates correctly and displays the intended content.