Skip to main content
All CollectionsCreate campaigns
How to create Browser tab notifications campaign?
How to create Browser tab notifications campaign?

Learn how to add notifications to the browser to call back distracted visitors to your site.

Neo Gurbanli avatar
Written by Neo Gurbanli
Updated over 6 months ago

Browser tab notifications or browser tab messages are used to "call back" visitors who switched the tab. This in case increases site engagement in your store.

Nextsale makes it easy to create a Browser tab notifications campaign in under 3 minutes and publish it right away.

To create a Browser tab notifications campaign:

1. Go to the Dashboard

2. Click on the "Add new campaign" or green plus (➕ ) icon from the left toolbar.

How to create and display Browser tab notifications

3. Find "Browser tab notifications" campaign and click on the "Create" button.

How to create and display Browser tab notifications

4. Once you pushed the "Create" button, you'll be directed to the builder where you can customize the notification tab messages, or publish the campaign right away by clicking on the green "Publish" button.

How to create and display Browser tab notifications

Customization

On the left side, you can customize tab animation - the way the message appears, add icon - emoji, and change text message.

How to create and display Browser tab notifications

Tab animation.

  • Typed:

How to create and display Browser tab notifications
  • Blinking:

As you change the animation to the Blinking, the second message input box will appear to add the second tab message.

How to create and display Browser tab notifications
  • Scrolling:

How to create and display Browser tab notifications

Emoji for favicon

You can change the favicon emoji or remove it completely by clicking on the "Remove icon" text button:

How to create and display Browser tab notifications

Settings

Devices.

Turn the toggle on/off to show your campaign on the chosen device(s).

How to create and display Browser tab notifications

Conditions

Geo-targeting

This condition allows you to show your campaign only in selected countries. You can either include or exclude countries from the campaign.

To include or exclude certain countries:

  1. Click the "Set geo-target" button.

  2. On the opened popup window, choose the "Hide in" or "Show in" option from the dropdown menu.

  3. Type country(s) from the beginning or choose from the dropdown menu.

  4. Then, click the "Save settings" button:

How to create and display Browser tab notifications

Page rules

This feature allows you to condition on-page targeting rules.

You can add rules to display the campaign on pages by adding the following conditions:

  • "Equal" and "Doesn't equal" conditions require a specific URL.
    Depending on the condition, a campaign will be displayed/hidden on any page that exactly equal/doesn't equal to the added specific URL.

  • "Contains" and "Doesn't contain" conditions require a specific part of the URL. Depending on the condition, a campaign will be displayed/hidden on any page that contains/doesn't contain the added part(s) of the URL.

  • "Begins" and "Doesn't begin with" conditions require a specific part of the URL. Depending on the condition, a campaign will be displayed/hidden on any page that begins/doesn't begin with the added part(s) of the URL.

  • "Ends with" and "Doesn't end with" conditions require a specific part of the URL. Depending on the condition, a campaign will be displayed/hidden on any page that ends/doesn't end with the added part(s) of the URL.

How to create and display Browser tab notifications

Use case #1

Homepage. To display or hide your campaign on the Home page:

  1. Select the "Equal" or "Doesn't equal" condition.

  2. Add "/" to the input box, or select "Home Page" from the dropdown menu.

  3. Click the "Save settings" button.

How to create and display Browser tab notifications

Note: if your home page includes an additional slug, type and add it i.e., /slug

Use case #2

Single page. To display or hide your campaign on one specific page:

  1. Select the "Equal" or "Doesn't equal" condition.

  2. Add a valid URL depending on your website permalink structure i.e.:
    /categories/accessories/product_name
    In this case, product_name represents one single page.

  3. Click the "Save settings" button.

Use case #3

Group of pages. To display or hide your campaign on groups of pages:

  1. Select one of the "Contains" or "Doesn't contain", "Begins" or "Doesn't begin with", "Ends with" or "Doesn't end with" conditions.

  2. Add a valid URL depending on your website permalink structure i.e.:
    /categories/category_name
    In this case, category_name represents more than one page.

  3. Click the "Save settings" button.

Note: To use the page rules feature right, refer to your website permalink structure since the URLs of your web pages can be different than those shown in the dropdown menu.

User authentication state

With this feature, you can display the campaign only to the logged-in or not-logged-in users, or all users.

Note: this feature extends only to the Shopify stores.

How to create and display Browser tab notifications

Visitor session

This feature allows you to show your campaign to first-time, returning, or all visitors.

To choose your audience:

  1. Click the "Set condition" button.

  2. On the opened popup window, choose one of the visitor session options from the dropdown menu: all visitors, new visitors, returning visitors.

  3. Then, click the "Save settings" button:

How to create and display Browser tab notifications

Language

With this feature, you can decide users with a specific website and/or browser languages see the campaign or vice versa by including and excluding languages.

You can display the campaign based on users' websites and browser languages.

  • The website language feature works with the lang attribute in the HTML tag of the web pages.

The language filters can be extended to both website and browser language by enabling/disabling each toggle.

To set the language conditions:

  1. Click the "Set condition" button.

  2. On the opened popup window, choose one of the language filter options ("Show in" & "Hide in") from the dropdown menu.

  3. Type or select the languages from the dropdown menu.

  4. Enable the toggles you want to set conditions.

  5. Click the "Save settings" button.

How to create and display Browser tab notifications

Network IP

This feature allows you to display/hide your campaign only selected IP network by including or excluding IP addresses.

To include or exclude IP address(es) you can type the specific address(es), CIDR ranges, or wildcard mask formats:

  1. Click the "Set condition" button.

  2. Choose the "Include" or "Exclude" option from the dropdown menu.

  3. Type or paste the IP address(es) you want to exclude.

  4. Then, click the "Save settings" button:

  • To include/exclude IP address range in CIDR notation, consider this example: 203.0.113.5/32

  • To include/exclude IP address in wildcard mask format, consider this example: 255.0.0.*

Note: as you click on the input box to start typing, the "My IP address" option shows up for easy reach.

How to create and display Browser tab notifications

Note: make sure you click the "Add" button before clicking on the "Save settings" button. Otherwise, the changes will be dismissed:

How to create and display Browser tab notifications

After you saved the changed settings, you can click on the pencil (✎) button to change the saved settings you want to. Or, click on the X button to reset the settings.

How to create and display Browser tab notifications

Schedule the campaign

You can schedule the campaign to run in a certain time period.

To schedule the campaign:

  1. Turn on the toggle

  2. Choose the period

  3. Set the time

How to create and display Browser tab notifications
Did this answer your question?