Learn More: How to Create a Variation in Optimizely X

Create a variation

Once you've completed the experiment setup, use the Visual Editor to make changes to your variations.

  1. Select the variation you want to edit.

  2. To make visual changes, select the element you want to modify. Then, use the navigation in the left rail to make changes to the experience.

  3. In the editor left rail, you can:
    Fine-tune the jQuery selector that you're editing
    Change the layout, including the element's visibility or position; or even rearrange the element on the page
    Modify or replace typography, images, background styles or borders
    Add inline CSS
    Change the timing of the change from synchronous to asynchronous

  4. Click Save.

  5. Repeat these steps for all the variations you'd like to create. To add more variations, click New Variation.

Take Action: