Skip to main content
menu-icon.png

 

x
Optimizely Knowledge Base

Set up a page in Optimizely X Web

There are two versions of Optimizely
What version do you have?
X
Optimizely Classic
This is what the Optimizely Classic user interface looks like.
Optimizely X
This is what the Optimizely X user interface looks like.
. If you're using Optimizely Classic, check this article out instead.

Skip Ahead

 
 
RELEVANT PRODUCTS:
  • Optimizely X Web Experimentation
  • Optimizely X Web Personalization
  • Optimizely X Web Recommendations

THIS ARTICLE WILL HELP YOU:
  • Set up a new page where experiments and campaigns will run on your site

Pages are URL patterns that you'll use to tell Optimizely where to run campaigns and experiments on your site. Use them as templates, or for a single experiment or campaign.

Here's a five-minute video on how to set up a page:

 

Set up a new page

Here's how to create and set up a new page, with step-by-step instructions below:

create-a-page.gif

  1. Navigate to Implementation > Pages.

  2. Select New Page.

  3. Name your page. 

  4. Enter the Editor URL (URL that will be loaded in the Visual editor when you're working on your variation changes).

  5. Choose the trigger type (controls when the page targeting conditions should be evaluated by Optimizely) and if any or all conditions need to be valid for a page to activate.

  6. Enter your page targeting conditions:

    URL match - specify URL targeting for your page.

    Element is present - enter a selector/selectors to activate a page only if a certain element is present on the page.

    Javascript Condition - enter a function that is called after the page is triggered. It should return true when the page is ready to activate.

  7. Click Save Page

Under the Advanced tab, you can select the option to automatically de-activate the page when the trigger is called and the conditions are not valid anymore, and potentially also undo the variation changes in that case.

Under the Test URL(s) tab, you can check sample URLs to make sure they match the URL pattern(s) you specified in step 6 under the Test URL(s) tab.

Best practice is to pick a descriptive name, i.e. 'Home' or 'Product Pages'. That way when you are adding this Page to other experiments in the future, you can easily understand this Page's use without looking into its Targeting.

Some of the triggers - 'When the DOM changes' & 'When the URL changes' - are only available after you enabled Support for dynamic websites in your project.

Congratulations! You created a page you can add to any experiment or Personalization campaign.

Prepare Optimizely X Web for your whole site and passively collect baseline analytics by adding reusable events, tags, and audiences.