- Set up an A/B test with Optimizely X Web Experimentation
Optimizely makes it easy to A/B test your site. Use the Editor to design variations, define where the experiment runs and who sees it, set events to measure success, and QA. When your experiment looks and works the way you'd like, publish it live to the world!
Follow the six steps in this article to create, configure, and launch a new experiment in Optimizely X. If you want to make sure you've covered all your bases, this checklist helps you set up Optimizely.
Want to dig a little deeper? Check out our Optimizely Academy course on how to build an experiment in Optimizely X.
Begin by creating a new experiment. You'll add URL targeting, variations, audiences, and metrics to your experiment in later steps.
This experiment design template can help you document and share the details of your experiment.
Navigate to the Experiments dashboard.
Click Create New.
Select A/B Test from the dropdown.
Type a name and description for your new experiment.
Step 1: URL Targeting
The first step is to tell Optimizely where your experiment will run:
If you're new to Optimizely, the difference might be unclear. In general, if you want to add a simple URL to run this experiment just once, select URL Targeting. If, on the other hand, you plan to run experiments on this set of URLs regularly, then select Saved Pages instead.
Also, see our Knowledge Base article on how to set up a new page.
Click Create Experiment.
Step 2: Create a variation
From the Experiments dashboard, click the experiment name to open the experiment. To make changes to your variations. Select the variation you want to edit.
In the Visual Editor, you can make any changes to the layout and appearance of your site, including:
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
Fine-tune jQuery selectors
Change the timing of the change from synchronous to asynchronous
Step 3: Add audiences (optional)
Audiences allow you to decide who will see your experiment.
The default audience is all visitors to your site (Everyone). Click () to add any existing audiences to your experiment. Or, click Create New Audience to build a new audience.
You can combine multiple audiences in your experiment using AND and OR conditions. To learn more, check out our article on setting up Audiences in Optimizely.
Step 4: Add metrics
Add the metrics that measure success for your experiment. If the changes in your variation are successful, what will you measure to show improvement?
Create a metric from an existing event or create a new event for the experiment. To add an existing event, click ().
The first metric you add is the primary metric for the experiment. This metric determines whether your experiment "wins" or "loses," and should track an event that's directly affected by the changes you make in your experiment.
Optimizely's Stats Engine makes sure that the primary metric reaches statistical significance as quickly as possible. You can also add secondary metrics to measure the downstream effects of your experiment.
To complete the experiment setup, you must add at least one metric. Don't worry—you can always change, remove, or add new metrics to your experiment later. Click Save when you are finished adding metrics to your experiment.
Step 5: Set traffic allocation
Set traffic allocation to specify how traffic will be split between your variations. Optimizely randomly allocates traffic into different variations, including the original.
If you like, you can change the percentage of traffic that goes into each variation. Or, you can leave it as is. You can also change the total traffic that goes into the experiment, as a whole.
Step 6: QA and publish
After you’ve set up all components of your experiment, preview it to make sure it looks and works the way you intend.
Use the Preview button to view visual changes for your variation.
Check out this article to QA the functionality of your campaign with the Preview tool.
Not seeing your changes in Preview mode? Make sure your snippet is implemented on this page and configured to include Optimizely X. For deeper QA functionality, learn about advanced QA and troubleshooting.
When everything looks and works the way you'd like, click Start Experiment to set the experiment live for visitors.
Congratulations! You've created and launched an experiment in Optimizely X Web Experimentation.