Skip to main content
All CollectionsForms
Understanding Display Rules
Understanding Display Rules

Set up Display Rules to control the pages where your campaign forms will appear.

Davey Jones avatar
Written by Davey Jones
Updated over 2 weeks ago

By default, BDOW! campaign forms will appear on all pages. However, you can use Display Rules to determine where various forms will appear on your website. The display configuration is split between Show and Don't Show rules:

  • Show rules configure a form to display when the conditions are met.

  • Don't Show rules configure a form to display on all pages except when the conditions are met.

You can configure rules based on a variety of information such as the site URL, the date and time, the visitor's device or location, and more!

Understanding how Display Rules interact

Display Rules can be set independently, but they can also be used in combination with one another to create more advanced behavior.

It is helpful to think of each rule as a set of conditions. If you have display requirements that should all be applied together, you should bundle multiple conditions under a single rule. For example, say you have two requirements:

  • Show on URLs containing the path "/blog"

  • Show on Desktop devices

If you were to create two distinct rules, then the effective behavior would be to "show the form on URLs containing the path '/blog' OR on desktop devices". As a result, the form would appear for both mobile and desktop devices if the path contains "/blog", but it would appear on all pages if accessed from a desktop device. Only one of the rules needs to be true to trigger the form.

But what if you meant to specify that the form should only appear on blog pages which are accessed from desktop devices? In that case, you would configure a single rule with a set of conditions. The effect would be "show the form on URLs containing the path '/blog' IF the user has a desktop device". Both of the conditions must be true for the rule to trigger the form.

You can create very advanced display logic by setting up several rules, each of which contains multiple conditions!

What happens if I mix Show and Don't Show rules?

Setting up both Show and Don't Show rules configures your campaign forms to display when the conditions in your Show rules are met, but prevents display when the conditions in your Don't Show rules are met.

Note: Don't Show rules will always take precedence if there is a conflict between Show and Don't Show rules.

Setting up Display Rules

To begin setting up Display Rules, open a campaign form in the editor and select the the Visibility tab. Ensure that Smart Mode is disabled. You need to use Manual Mode to work with Display Rules.

Scroll down to the Display Rules section and click Add Rule to create a Display Rule. Display Rule "sets" can be saved and loaded from here as well, if you wanted to use the same set of rules on different campaign forms.

The Add New Rule popup will appear. Choose a tab on each level to establish the condition type, then configure the details. We'll provide a full rundown of the options later in the article. Click Add This Condition to apply.

Recall that you can create multiple rules, but you can also have multiple conditions within a single rule. If you would like to add another condition to the set, use the + button next to the rule:

If you need to modify an existing condition, just use the gear button:

Finally, if you wish to remove a rule, use the X button:

Types of Display Rules

See the tables below for full details on your rule configuration options. Note that some types are only available on Plus or Pro plans.

URLs

Type

Paths

Options

Exactly Matching | Beginning With | Containing

Example

Explanation

Use this rule to target specific pages of your site or sections and categories within your site.

You can configure this rule to show your form for exact URL matches (/blog/my-specific-post), pages beginning with a URL path (/blog/email, /blog/web-design, /blog/more-stuff), or pages containing a word, phrase, or slug (shirts, shoes, gold-jewelry).

Note: If you are defining an exact path or a the start of a path, make sure to include the leading "/" (e.g., /blog)

Note: Technically, the domain is not required when defining a URL path, but it still works if you include it. The rules are more readable without it, however:

Type

With A Query Parameter

Options

Exists | Does Not Exist | Is Equal To | Does Not Equal | Contains | Does Not Contain

Example

Explanation

Use this rule type to control appearance for forms based on the URL query parameters.

The example rule will show the form only when the visitor's URL includes utm_campaign=facebook in the query parameters.

For example, https://yoursite.com/?utm_campaign=facebook.

Type

With A Hash

Options

Exactly Matching | Beginning With | Containing

Example

Explanation

This rule will show the form only when the visitor's URL is pointing to a specific spot via a fragment identifier (i.e., the hash property).

For example, https://yoursite.com/awesome-tools#bdow

Pages

Type

Homepage

Example

Explanation

This rule will show the campaign form only on your home page.

For example, https://yoursite.com/.

Type

Article Pages

Example

Explanation

This rule will show the campaign form only on pages that BDOW! detects an article on.

Note: if BDOW! detects multiple articles on a page, it's considered an index of articles and will not show.

Devices

Type

Desktop

Example

Explanation

This rule will show whenever the browser width is greater than 480px.

Type

Mobile

Example

Explanation

This rule will show whenever the browser width is less than 480px.

Type

With Sizes

Options

Bigger Than | Smaller Than

Example

Explanation

Use this rule type to show forms based on a specified browser width, in pixels.

Type

OS

Options

Android | iOS | Windows Phone/Mobile | Mac | Ubuntu | Windows

Example

Explanation

This rule will show the campaign form only on devices using the specified Operating System.

Note: This rule is only available on Plus and Pro plans.

Type

Browser

Options

Chrome | Firefox | Internet Explorer | Opera | Safari

Example

Explanation

This rule type will show the campaign form based on the visitor's browser.

Note: This rule is only available on Plus and Pro plans.

Type

IP Address

Example

Explanation

This rule will show the campaign form only when visitors with the specified IP address are viewing your site.

Note: This rule is only available on Plus and Pro plans.

Referrer

Type

Referrer Domain Names

Options

Exactly Matching | Begins With | Containing | Matching [SERVICE]

Example

Explanation

Use this type to show a campaign form when the visitor is coming from a specified domain via referral.

Note: This rule is only available on Plus and Pro plans.

Type

Referrer URLs

Options

Exactly Matching | Begins With | Containing | Matching [SERVICE]

Example

Explanation

This rule will show the campaign form only when the visitor is coming from a specific URL via referral.

For example, https://othersite.com/the-specific-page/.

Note: This rule is only available on Plus and Pro plans.

Visitors

Type

Visitor's First Page View

Example

Explanation

This rule will show the campaign form only when the visitor is on their session's first page view on your website.

Sessions will expire after a certain period of time.

Note: This rule is only available on Plus and Pro plans.

Type

Visitor's Page Views

Options

Fewer Than | Exactly | Greater Than

Example

Explanation

Use this rule type to show campaign forms based on the number of pages that a visitor has viewed during a given session. In the example rule, the form will display only when the visitor has visited at least 3 pages on your site.

Note: This rule is only available on Plus and Pro plans.

Type

Location

Options

Country | State | City

Example

Explanation

This rule type controls the display of campaign forms based on the IP address location.

Note: This rule is only available on Plus and Pro plans.

Type

Date

Options

Before / After | [DATE] | [TIME] | [TIMEZONE]

Example

Explanation

Use this type to restrict a campaign form to a specific window of time. The example rule will show the campaign form only after 12:05 PM on March 15th, 2025.

Note: This rule is only available on Plus and Pro plans.

Other rules

Type

Cart Total

Options

Less Than | Less Than Or Equal To | Greater Than | Greater Than Or Equal To

Example

Explanation

This special Shopify-only rule will show the campaign form for visitors with the designated cart total.

Note: This rule is only available on Plus and Pro plans.

Type

Cart

Example

Explanation

This special Shopify-only rule will show the campaign form for visitors with carts that contain an item with designated product_id, sku, etc.

Note: This rule is only available on Plus and Pro plans.

Type

User Agents

Options

Exactly Matching | Begins With | Containing

Example

Explanation

Use this rule to control a form's appearance based on the browser's User Agent string. For information on user agents, read more here.

Note: This rule is only available on Plus and Pro plans.

Type

Meta Tag

Options

[AttributeName] | Starts With / Equal To / Not Equal To / Contains / Does Not Contain | [AttributeValue]

Example

Explanation

This rule will show the campaign form only on pages where the configured meta tag is present. Please note that if you are targeting a specific meta tag, you will need to nest two Meta Tag conditions.

Note: This rule is only available on Plus and Pro plans.

Type

Cookie Named

Options

[CookieName] | Exists / Doesn't Exist / Equal To / Not Equal To / Contains / Doesn't Contain | [CookieValue]

Example

Explanation

This rule type will allow you to manage campaign form appearance based on cookies.

Note: BDOW! can only see non-httpOnly cookies.

The example will show the campaign form only on pages where the visitor has a cookie set in their browser named logged_in with a value of true.

Note: This rule is only available on Plus and Pro plans.

Type

JavaScript

Options

[Variable/Function] | Exists / Doesn't Exist / Equal To / Not Equal To / Less Than / Greater Than / Custom

Example

Explanation

The JavaScript type is an advanced option that allows you to control the appearance of forms via your site's JavaScript code. In order for BDOW! to detect variables, attach the variable to the window object (i.e., window.variableName).

This rule will show the campaign form only on pages where the visitor has a JavaScript variable set in their browser named isUser with a value of true.

Note: If you use the Custom option, you must specify an immediately invoked function expression (IIFE). The form will display if the IIFE returns a true boolean value.

Note: This rule is only available on Plus and Pro plans.

Examples and strategies for success

While this video was created using an older version of the BDOW! (formerly Sumo) management app, it has some great walkthroughs and tips on setting up Display Rules in your campaigns!

Did this answer your question?