Edit elements that appear site-wide

  • Updated
  • Optimizely Web Experimentation

You can use pages to test variations on a single element that is on every page of your site or on multiple pages, like a navigation bar or a footer. Visitors navigating across your site continue to see the same variation of the element.

You can change elements that appear on multiple pages of your site. Before you start, make sure the element has a unique ID in your code. This ensures that the correct element is modified, regardless of the page layout.
element-site.png

  1. Create an experiment on one page that contains the element you want to change. You use this page as a template, so you do not need to load the other pages that contain the element.

  2. Use the Visual Editor to make changes to the element.
    Elementchange.png

  3. Set up a page to target the element side-wide. Enter a name for the page. Set the rest of the options according to the match type you want to use–the substring match usually works well.
    newpage.png
     

  4. Confirm that the Optimizely Web Experimentation snippet is on all the pages you list. Otherwise, the experiment will not run.

  5. Click Create Page.

Adding multiple pages to an experiment does not affect your unique visitor count because Optimizely Web Experimentation measures unique visitors, not page views.