When creating a new product tour or smart tips it is crucial to set up the right targeting to ensure the content is shown in the right context to the right audience. You can set up targeting with Usetiful easily, but also advanced options are available.
Page targeting can be set up within the Settings section of a new or existing tour/smart tips group.
A content can be displayed on any page where the Usetiful code is embedded. Page targeting allows you to narrow down the availability to certain pages, users or devices only. If more conditions are defined, the content will show when all or any conditions are matched.
|URL contains||When this condition is set, Usetiful checks whether the page URL address contains the text value. You can enter the full address (such as 'https://yourpage.com/path') or just a relative path (such as '/path/index.html').|
|URL regular expression||If you need the tour to display on multiple pages you can enter the argument as a regular expression.|
Examples of regular expressions can be found here.
|Tag is||When this condition is set, the tour will show only if the given user has the expected tag. Find out more about how to segment users using tags here.|
|Page content-based conditions:|
The tour will display only on pages that contain a specific HTML element. This allows you to target tours to users that have permission to see specific features.
In a similar way, you can use the negative condition 'Element doesn't exist'.
|Element text contains||In addition to the previous condition type, you can also check the text content of the select element. This is especially handy to detect different page languages or specific values displayed on a page.|
|Element attribute contains||With this condition, you can test the content of specific attributes on a given element.|
|Device type is||You can target your tours to mobile, tablet or desktop devices.|
Combining mentioned conditions in the Page targeting section is possible - if combined, your content will be displayed when ALL or ANY defined conditions match. See the following examples.
The first targeting definition ensures that the product tour will display on a page with 'domain.com' in the URL and when the page contains the element with selector '#element-1'.
The second example will target the tour to 2 different subdomains, so on both will the tour be available.