Create a variation
Once you've completed the experiment setup, use the Visual Editor to make changes to your variations.
Select the variation you want to edit.
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.
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
Repeat these steps for all the variations you'd like to create. To add more variations, click New Variation.
- Have you created a variation? Do so now in your account.
- Want a step-by-step guide for creating a variation? Read the "Six Steps to Create an Experiment in Optimizely X" article in our Knowledge Badge
- Need more information on creating a redirect? Read the "Redirect Experiments" article on our Knowledge Base.
- Have other questions? Check out our Knowledge Base.