Before you configure the Personalized Text in the VWO editor, ensure that the variables used in the operations are present on the page before the campaign executes. To learn how to configure Personalized Text for your test campaigns, refer to Configuring Personalized Text for Your VWO Campaigns.
Here is the list of variables that VWO supports for Personalized Text:
Predefined Variables
Predefined variables are the ones that VWO provides. You can use these predefined variables directly without declaring them in your campaigns. These variable are:
- URL of the website. For example, https://abc.com/index.htm
- The domain of the website. For example, abc.com
- The browser language
- The current date in YYYY/MM/DD format
- Current time in HH:MM format
- The device type with which visitor is accessing the website (mobile/tablet/desktop)
Other standard variables
Apart from the website variables mentioned in the previous section, you can use any global variable present in the window, such as window height, window width, etc. To learn about more such variables, refer to this article.
In VWO, you can use all variables of the browser window object. These are available for any website that the browser opens and is not specific to a particular website.
User-defined variables
A website can have its own set of variables based on which you can customize your visitor’s experience. These variables are unique to the website and are not standard.
To use variables that are not covered under the Pre-defined Variables list, you can declare them or insert them in the EJS syntax directly in the text or HTML of the element. During the campaign’s run time, VWO will automatically fetch these values to use them.
Alternatively, if the variable results from some computation or logic, you can declare a new variable through the variable declaration process and add this logic as custom javaScript in the variable definition.
For example, to get the status of whether a user has completed onboarding (with the key- ‘onboardingComplete from the local storage), you can use a script like the one that follows:
function() {
return window.localStorage.getItem(‘onboardingComplete’);
}