---
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-11
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 Display Condition extension permite mostrar u ocultar contenido según una cadena de URL específica o parámetros UTM en la dirección de la página.
- Display Condition es parte de The Plus Addons for Elementor Pro, está desactivado por defecto y aparece en la pestaña Advanced de cualquier widget, sección o contenedor de Elementor.
- String usa Is o Not para comparar solo la ruta de la URL, es sensible a mayúsculas y minúsculas, y el ejemplo muestra product para enseñar una CTA en el encabezado de todas las páginas de producto.
- Parameter usa UTM como utm_source=email para personalizar mensajes según campañas; en la versión actual, Not solo funciona en direcciones con query string y una regla puede coincidir con cualquier línea que coincida.

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 extension is a part of The Plus Addons for Elementor. Make sure it is installed and 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 are best for shared templates like Header, Footer, or Sidebar, where the same element needs to change based on the page path. The page gives a WooCommerce example: showing a CTA button in the header only on product pages by matching the string product. That makes this approach useful when one template serves many pages but the content should vary by section or page type.

**Q: How do URL parameter rules help with UTM campaign targeting?**
A: URL parameter rules let The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH show different content based on UTM tags in the page URL. That is useful for email campaigns, paid ads, or social media traffic because you can tailor a welcome message or offer to visitors who landed through a specific tracked link. The page’s example uses utm_source=email to target an email campaign.

**Q: Why is my String rule not matching the URL?**
A: String rules are case-sensitive and only check the page address after the domain, not the full domain itself. The page also says to enter just the string value, such as product or shop, not the entire path. If the spelling or capitalization is off, the condition will miss even when the page looks close enough in the browser.

**Q: Why does a Not parameter rule hide my element on every page?**
A: A Not parameter rule can fail on pages without any query string, and in the current version that makes the element hidden on a plain address with no ? at all. That is why it can look like it is hiding everywhere. A safer pattern is to use Is with the parameter and invert the design, or combine it with another rule so plain URLs do not trigger the hidden state.

**Q: Should I use String or Parameter for display conditions based on URL?**
A: String fits path-based targeting, while Parameter fits query-string targeting. The page’s match table makes that split clear: String checks part of the address after the domain and is case-sensitive, while Parameter checks query strings like utm_source=email or just utm_source for any value. If you are targeting product pages or other path segments, String is cleaner; if you are targeting campaign traffic, Parameter is the better fit.

**Q: What should I check before testing display conditions in Elementor?**
A: The key checks are that Display Condition is part of The Plus Addons for Elementor Pro, it is switched on under The Plus Addons > Extensions, and testing happens on the published page rather than inside the editor. The editor always shows everything, so private-window testing matters. The page also notes that Keep HTML controls whether hidden content still gets sent to the browser, which matters for private details.