---
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-09-28
lang: en
author: "Aditya Sharma"
description: "Are you looking for ways to personalize your Elementor page experience? Setting display conditions based on URL string or parameters can be a great way to deliver tailored content 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: 1099
---

# How to Set Elementor Display Condition Based on URL String or Parameters?

## 

- The Plus Addons for Elementor Pro includes Display Condition, and it is part of the Advanced tab of any Elementor widget, section, or container, not only The Plus Addons widgets.
- Display Condition uses String rules to show or hide content when the page URL path contains a specific string, such as product in a WooCommerce header template.
- Parameter rules match UTM values in the current page URL, such as utm_source=email, and the post says they are useful for personalized content from email campaigns, paid ads, or social media posts.
- Keep HTML stays on by default, but turning it off prevents private content like members-only details or prices for logged-in customers from being sent to the browser.

Are you looking for ways to personalize your Elementor page experience? Setting display conditions based on URL string or parameters can be a great way to deliver tailored content for different 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/).*

**Best Used For:**

- WooCommerce stores that need to show different call-to-action elements in shared header or footer templates based on which page type the visitor is viewing- Marketing campaigns using UTM parameters to show personalized offers or banners only to visitors arriving from specific email or ad campaigns- Membership and SaaS landing pages that display different content blocks depending on which referral channel or campaign the visitor came from

***Requirement - This widget is a part of The Plus Addons for Elementor Pro, 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)

## Before You Start

- **Edition:** **Pro** — Display Condition is part of The Plus Addons for Elementor Pro. It does not exist in the free plugin.- **Switch it on.** It is off by default. Go to **The Plus Addons > Extensions** and turn on **Display Condition**.- **Where it appears:** the **Advanced** tab of any Elementor widget, section or container — not only The Plus Addons widgets.

> ***The editor always shows everything.** Conditions are applied only on the published page, so check the result in a private window — logged out if the rule is about login status.*

To add display conditions based on URL, add any Elementor widget to the page.

1. Go to **Advanced** > **Display Condition**.

2. Turn on the **Display Condition** toggle.

Now you will see **Keep HTML**, which is on by default. While it is on, an element whose conditions are not met is still sent to the browser and hidden with CSS, so its content can be read in the page source. Turn it **off** for anything private — members-only details, prices for logged-in customers — so the element is not sent at all.

3. From the **Display When** dropdown, select the appropriate option, then go to the **Rules** section. Here you set the actual display condition. You can add one or multiple conditions.

4. Click the **Rule** tab. Here you will find different options under the **URL** label.

## How to Set Elementor Display Condition Based on URL String? 

Show or hide content based on a specific URL string. Use this to dynamically display different call-to-action elements on pages whose URL contains a specific path segment.

> *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. From the second dropdown, choose one of the following options:

**Is** – The condition is true when the URL path contains the specified string.

**Not** – The condition is true when the URL path does not contain the specified string.

3. In the last field, enter the URL string value.

> *Note: Only add the string value (shop), not the entire path.*

For example, to show a CTA button in the header of all product pages on a WooCommerce site, go to the header template and select the widget.

After selecting **String** from the first dropdown, choose **Is** from the second dropdown.

In the last field, enter ***product*** as the string value.

This will show the content in the header of all product pages. To schedule this content to appear only during a specific date range, see [How to Set Elementor Display Condition Based on Date & Time](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-date-time/).

If the option is set to **Not** in the second dropdown, the condition reverses and the content is hidden on all product pages.

## How to Set Elementor Display Condition Based on URL Parameter? 

UTM (Urchin Tracking Module) codes are text snippets added at the end of a URL to identify the traffic source for a visit. You can set display conditions based on different UTM parameters in the page URL. This is useful for showing personalized content to visitors arriving from different traffic sources, such as email campaigns, paid ads, or social media posts.

To set display conditions for a URL parameter:

1. Select **Parameter** from the first dropdown under the **Rule** tab.

2. From the second dropdown, choose one of the following options:

**Is** – The condition is true when the URL contains the specified parameter.

**Not** – The condition is true when the URL does not contain the specified parameter. In the current version this only works on addresses that have some query string; on a plain address with no `?` at all, the element is hidden.

3. In the last field, enter the parameter value.

> *Note: Only add the parameter value (utm_source=email), not the entire path.*

For example, to show a welcome message to visitors arriving from an email campaign with the UTM *utm_source=email* in the URL:

Select the widget, then choose **Parameter** from the first dropdown and **Is** from the second dropdown.

In the last field, enter ***utm_source=email***.

This will show the content to all visitors who arrive via your UTM-tracked email link. To show content based on whether a visitor is logged in, see [How to Set Elementor Display Condition Based on Visitor/Login Status](https://theplusaddons.com/docs/set-elementor-display-condition-based-on-login-status/).

If the option is set to **Not** in the second dropdown, the condition reverses and the content is hidden for all visitors who arrive via that UTM link.

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/).

## How the Match Works

| Rule | Checks | Enter |
| ---- | ------ | ----- |
| String | The page address after the domain, including any query string | Part of it, e.g. `product` — case-sensitive |
| Parameter | The query string | One per line: `utm_source=email`, or just `utm_source` for any value |

![A Parameter rule with utm_source=email](https://theplusaddons.com/wp-content/uploads/2026/09/heading-tp-rule-url-parameter-value-wide-urlparam.webp)

A parameter rule matches if **any** line matches.

## Limitations

- **Not the referrer.** These rules look at the current page's own address, not where the visitor came from.- **Parameter + Not on a plain address hides the element** in the current version.- **Parameters disappear on the next click.** A UTM tag is only in the address of the page the visitor landed on.- **Pro only.** Display Condition is not in the free plugin.

## Troubleshooting

### A String rule never matches

It is case-sensitive and does not include the domain. Check the exact spelling in the address bar.

### My Not parameter rule hides the element everywhere

On pages without a query string the rule fails in the current version. Use Is with the parameter and invert the design, or combine with another rule.

## Frequently Asked Questions

**Q: What kind of pages work best with URL string display conditions in Elementor?**
A: URL string rules fit shared templates like Header, Footer, or Sidebar, where one element needs to change based on the page path. The page gives the example of showing a CTA button in the header on all product pages by matching the string product. That matters because the rule checks part of the URL path, not the full address, so it is best for repeated sections across many pages.

**Q: How do URL parameter rules help with UTM campaign targeting?**
A: URL parameter rules are built for traffic tagged with UTM codes, so they are useful for personalized offers, banners, or welcome messages tied to email, paid ads, or social media visits. The page uses utm_source=email as the example. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this Display Condition extension inside Elementor, which makes campaign-specific content possible without changing the page layout itself.

**Q: Why is my string rule not matching even though the URL looks right?**
A: String matching is case-sensitive and only checks the page address after the domain. That means product and Product are different, and you should enter only the path fragment such as shop or product, not the full URL. If it still fails, compare the exact spelling in the browser address bar because even small differences stop the rule from matching.

**Q: What happens if I use Not with a parameter rule on a plain URL?**
A: A Not parameter rule can hide the element everywhere on a plain address with no query string. The current version only works properly on addresses that already have some query string. If you need a safer setup, use Is with the parameter and invert the design, or combine it with another rule so the element does not disappear unexpectedly.

**Q: Does this condition check where visitors came from or only the current page URL?**
A: It checks the current page’s own address, not the referrer. That distinction matters because UTM tags are only present on the landing page URL and can disappear on the next click. So this is good for first-page campaign targeting, but not for tracking where someone originally came from after they move around the site.

**Q: Do display conditions in Elementor show up while editing or only on published pages?**
A: The editor always shows everything, so conditions are applied only on the published page. That means you need to test in a private window, and if login status is part of the rule, test while logged out. The Plus Addons for Elementor extension behaves this way inside Elementor’s Advanced tab for widgets, sections, and containers.