Introduction
In this article you learn about the Web Display Settings for each Questionnaire.
Web Display
To find the web display settings for each questionnaire, you can go in the Distribution Section as follows:
Questionnaire Page --> Distribution Section --> Web Integration Tab
Definitions
There are multiple settings for each questionnaire, as seen in the following screenshot:
Number | Setting | Description |
1 | Active | Turn on or off the display of the Questionnaire |
2 | Mobile | Enable the display of the Questionnaire on Mobile devices (phones and tables) and small viewports (width < 768px) |
3 | Language |
Select a specific language from the drop down list or choose auto language detection and adjust the language to visitors browser language. NOTE: From the drop down list you can view all the available languages we are able to support at the moment. |
4 | Type |
Select your type of display. Supported types are:
|
5 | Position |
The position of the questionnaire, as follows:
|
6 | Frequency Cap | Define the time that the same visitor should wait before seeing again the questionnaire. |
7 | Delay Cap | Define the time that the user should wait before the Questionnaire is displayed for the first time. |
8 | Blacklist | Define a list of urls in which the questionnaire would NOT be displayed. You should use separated lines for each URL. |
9 | Whitelist | Define a list of urls in which the questionnaire would be displayed. You should use separated lines for each URL. |
Mobile
Mobile display of a questionnaire is considered under the following circumstances:
Viewport Width \ Device | Phone | Tablet | PC |
< 768px | ✔️ | ✔️ | ✔️ |
>= 768px | ✔️ | ✔️ | ❌ |
Display Type
The current settings have 3 type of display:
- Box
- Box Classic (popup)
- Embed
Box and Box Classic Display
Read more about Web Display: Box.
Embedded Display
Read more about Web Display: Embedded.
Position
Position depends on the display type.
Box / Box Classic
Box can be displayed automatically in a corner of your website. You can select one of the following:
- Left | Bottom
- Left | Top
- Right | Bottom
- Right | Top
Embedded
Embedded questionnaires need an HTML container to be displayed. In this case, you need to provide a position as a css selector. The questionnaire will be displayed based on the given position type:
- Before: Append the questionnaire exactly before the given position.
- Inside: Append the questionnaire inside the given position (at the end of the container).
- After: Append the questionnaire exactly after the given position.
Delay Cap
You can add a delay to displaying your questionnaire to your users, so that they have time to form their experience properly. The delay cap is separated in 3 values: minutes, hours and days. You can set both values and the delay cap will sum up to the user.
NOTE: Delay cap works for a user on the same device, using browser local storage.
Example: After the entrance on the online page the display of the questionnaire will follow in 1 day, 3 hours and 5 minutes.
Frequency Cap
You can use the frequency cap setting to avoid displaying the same questionnaire to the same user multiple times in a given period of time. The frequency cap is separated in 3 values: minutes, hours and days. You can set both values and the frequency cap will sum up to the user.
NOTE: Frequency cap works for a user on the same device, using browser local storage.
Example: After the first display of the questionnaire it will take 1 day, 5 hours, 35 minutes and the Delay Cap to be displayed again.
Blacklist and Whitelist
Blacklist and whitelist settings are considered an extra layer of security, to prevent your Questionnaire from being displayed to other websites.
NOTE: If a url is covered by both whitelist and blacklist, blacklist prevails.
Keep in mind the following:
- The URLs should be full, including the http/https protocol
- URLs are working in a start-with logic. It's enough to write the url and everything that follows is covered
- If a url is covered by both whitelist and blacklist, blacklist prevails
Example
Blacklist: https://www.mysite.com/cart
✔️ Valid: https://www.mysite.com/cart/anything
❌ Not valid: https://www.mysite.com/anything/cart