THIS ARTICLE WILL HELP YOU:
- Create a new experience
- Set up a new A/B test
- Choose the website URL you would like to test
- Change the appearance of different variations of your website
- Activate your experience so that you can begin to analyze the results
Create a new experience
After entering your name and email address for the free trial, you will be redirected to your projects page. Click on the "New Experience" button on the right of the screen to begin creating a new experience:
Set up a new A/B test
Once you click on that button, you will see this popup. For our purposes, we will create an A/B experience:
For this example, we are going to call the experiment “My First A/B Test.” Then, enter your URL in the second box.
Click the "Create Experience" button.
Choose the website URL you would like to test
You will be taken to the Visual Editor that displays the URL you chose and a toolbar on the top such as the below example:
Change the appearance of different variations of your website
If you look at the Page Variations section in the top left, you will notice that "Variation 1" is selected by default. This means that any changes we make to this version of the URL will not affect the original URL.
This will result in a classic A/B test, in which the "A" version is the original page and the "B" version is Variation 1.
Let’s edit an element by hovering over it with our mouse, causing a blue outline to appear:
If we click on the element, a left menu should pop up like this:
Let’s add a background color by clicking on “Add BG Color”. A window will display that gives us many options:
Let’s keep it simple for this example by selecting the red. Once you have done that, click OK. You will notice that the element has changed color. Changes are saved automatically. Click continue.
Activate your experience so that you can begin to analyze the results
Now you will be taken to the Experience Summary page. There are many ways to customize your experience from this page, but for now let’s focus on the basics:
Make sure to install your project code, located at the top of the screen:
Click on it to view the necessary code and insert it into your header:
Now from the status options activate your experience
Congratulations! Your experience is now activated.