The key to modifying multiple pages with one Variation Group is in having different Triggers for the Variations within that group. These instructions tell you how to create what you need. You will work with the following example:
- an Original
- a single Variation Group that contains three Variations:
- Change Add to Cart to Buy Now on the Shirts page.
- Change Sale ends next week to Sale ends tomorrow on the Home page.
- Change 15% off to 20% off on the Checkout page.
- a different Trigger for each Variation that determines when that Variation should be shown to your visitors
- a single Key Performance Indicator (KPI) that measures if the change was effective
How to Create it
Let's say that you want to test the three changes described above on different pages. The following steps explain how to use the A/B Campaign Builder to do that in very broad steps. For greater detail, click on the highlighted terms within the steps or view the other more detailed topics within the help.
- Start out by creating a new Campaign: select New, A/B Campaign. The New Campaign page opens.
- Define the Campaign.
- Create one Variation Group.
- Open the Original group and review its settings.
- Open the first Variation Group and rename it to Sale Changes.
- Define the Variations.
- Rename the default Variation 1 to Buy Now.
- Define a Trigger called Home Pages that shows the Variation to a visitor only when the visitor views one of the electronics pages.
- Create the other Variations.
- Add a KPI that measures how many visitors got to the Checkout Complete page after seeing the Variations.
- Open the General section of the Campaign.
- Enter a descriptive name for your Campaign. The name you enter appears in the Campaign List. For this example, enter Three Changes to Three Pages.
- Select Standard from the Type drop-down.
None of the other fields in this section of the page are required. Feel free to skip them for now.
The Variation Group contains a collection of Variations that you want to test together. Each Variation describes the changes you want to make to a specific page. In this example, we're going to make three changes, one change on each of three different pages.
You can define Variations using the Visual Editor or using Find & Replace mode.
- Open the Variations section of the Campaign.
- On the right side of the Variations area, select Find & Replace from the Edit Mode drop-down.
Once you make this selection, the fields in the Variation section of the page change. The Variations section will look like the one in the following image. Refer to Variations Overview to learn about all the components of this page area.
3. Open the Original section of the page. By default, the Original is the currently configured Site in SiteSpect; it is your website before any changes are applied. The Original is not editable in this part of the page.
4. Open Variation Group 1 and change its name to Three Pages. To edit the name, click on the text and replace Variation Group 1 with Three Pages.
In this next section, we'll complete three Variations and define separate Triggers for each.
- Rename Variation 1 to Shirts Page.
2. Triggers determine when to show the Variation to visitors. For this example, we want to show the visitor the alternate button if the visitor lands on the shirts page. In the Triggers area, URL is selected by default. Select Regex from the drop-down to the right of URL and enter /shirts.html in the field next to it. When a visitor lands on the page /shirts.html, this Trigger shows the visitor the Variation, which in this example, is the Buy Now button instead of the Add to Cart button.
3. At the right end of the entry field, notice the little ESC button. It appears only when the cursor is in the field. Click ESC to escape the content of this field. SiteSpect warns you that it will escape all the text in that field. Click Yes. When the text is escaped, it looks like the text in the following image.
4. Next we specify what to change. The Find this field specifies what you want to look for on the page. For this example, we want to replace the text on the existing page with new text. The existing button text is Add to Cart. Enter that text in the Find this field.
5. The Replace with this field specifies what replaces the contents of the Find this field. For this example, we want to replace the text with some new text. The replacement text is Buy Now. Enter that text in the Replace with this field.
6. On the right side of the page in the name row of the first Variation you created, click the three dot menu and select Copy from the menu.
SiteSpect adds a Variation to the Variation Group.7. Rename the new Variation Home Page. Next, instead of using the same Trigger as the first Variation (/shirts.html), use a new one: /index.html and click the ESC tool to escape it. Leave the Find this field and the Replace with this field the same.
When you're done, the Variation should look like the one in the following image:
8. To create the third Variation, open the three dot menu the way you did above, in the same row as the Variation called Home Page, and select Copy. SiteSpect copies the Variation and places the new one at the bottom of the Variation Group with the same name as the one you copied.
9. Rename the new Variation to Checkout Page. Open the Variation by clicking the arrow to the left of its name. It is a copy of the Home Page Variation. It has the same Trigger and the same Find and Replace text.10. Change the Trigger to /checkout.html and click the ESC tool to escape it. Leave the Find text and the Replace with this text as is.
The Variation Group you just created makes the same changes to three different pages.
Open the Metrics area of the page and drag one Metric to the KPI (Key Performance Indicator) box. In this case, you want to use a Metric Called Checkout Complete. This measures how many visitors get to the Checkout Complete page when shown the Variations you designed above.
- Click Save at the bottom of the page to save your new Campaign. This Campaign will be listed on the Campaign List page and remains in Review mode until either you start it running or its start date arrives.