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 will continue to see the same variation of the element.
This topic shows how to 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.
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.
Use the Visual Editor to make changes to the element.
Set up a page you will use 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.
Confirm that the Optimizely Web Experimentation snippet is on all the pages you list. Otherwise, the experiment will not run.
Click Create Page.
You edited a site-wide element and ensured that visitors will see it consistently.