How to create a Multipage Personalization

A Multipage Personalization displays a new experience, message, or piece of content on several different pages of your site that don’t share the same layout – for example on the homepage and the basket page. This new experience, message, or piece of content is shown to a specific segment of visitors to your website and you can track its effectiveness in your campaign reportings.

To learn more about the differences between each type of test, refer to the Types of campaigns article. If you don’t know which type of campaign to choose, our virtual assistant Ally can help you.

To create a multipage personalization, go to Personalization, click the Create button and select Multipage Personalization.

👉 To learn about the different ways to create a campaign, please refer to How to create a campaign.

Configuration

Step 1: Main information

The Main Information page is the first step toward your new campaign.

In the Pages section, enter the URLs you want to load in the editor. You need to include at least 2 pages, as you create a cross-page experience for your targeted segment. For each page (different pages with different layouts), you will create a different message in the editor. These URLs are samples used to load the editor, you will be able to configure your target pages in the targeting section.

👉 For more information on how to configure this step, refer to How to set-up Main Information step.

Step 2: Editor

You have two ways to create content for your campaign in AB Tasty: 

With the visual editor

You must create (a) message(s) for each Page (by switching your page in the header of the editor). Add JS and/or CSS code, use the visual editor or add a widget from the library to create your personalized message.
If it is clickable, always put an action tracking on the element you add or modify in order to follow the performance of your campaign (e.g.: cross to close the popin, CTA in the popin etc.). Don’t forget to put these action trackings on each page.

👉 To learn how to use the Visual Editor, discover options, and dive into our widget libraries, please read the Visual Editor Guide

With the code editor

The Code Editor enables you to declare your code (JavaScript, CSS) without having to load the Visual Editor. The Code Editor is the best solution for developers who want to save time. To learn how to use the Code Editor, please read the Code Editor Guide.

👉 To learn how to use the Code Editor, please read the Code Editor Guide.

Step 3: Goals

Once you’ve created your Personalization, you can pre-configure your future reporting to identify easily the metrics that need to be followed as your primary goal (the one which is potentially the most impacted by your Personalization).

👉 To learn how to configure Goals, please read Campaign flow: Goals step.

Step 4: Targeting

WHO section: this is the most important section, where you have to choose the right segment as a function of the message you have created in the editor.

As you personalize the experience of one segment on several pages, your segment should be the same for all the Pages you have configured; you can use the Replicate targeting option to easily reuse the same segment in all pages.

WHERE section: you need to declare the right URLs for each Page of your campaign on which your messages will be visible. The URLs used for the editor step remain samples of the page types you configure in this step.
You can switch between Pages by using the dropdown menu.

A visitor doesn't need to see pages in a specific order. For example, they can enter the website from a product page and see Page 2 of the personalization campaign (e.g.: coupon code displayed in a banner). Then, they can go to the homepage and see Page 1 (e.g.: coupon code displayed in a popin).

HOW section: this step is optional. You can add specific session-based triggers, such as a required number of viewed pages before displaying a message, the landing page of the session and so on.

👉 To learn how to configure targeting, please read How to setup a campaign targeting.

Step 5: Traffic allocation

By default, Personalization's traffic allocation is set to 100% of your visitors on the modified journey. But we strongly recommend lowering it at 90% or 80% to maintain a minor control and giving you a view of the gain of the campaign. Never change allocation while the campaign is live!

For Multipage Personalization, you have the possibility to change traffic allocation from a subtest to another switching thanks to the dropdown. Be careful as it might not be recommended in most scenario.

👉 To learn how to configure Traffic allocation, please read Traffic allocation.

Step 6: Advanced options

The advanced options are not mandatory. 

• Enable the third party tool(s) you have connected to AB Tasty to send your test data to your tool.
• Select a loading method for your campaign.
• Activate Sequential testing to detect if your experiment will not be successful at all based on the results of your primary goal (if it is based on a Conversion/Transaction Rate).

👉 To learn how to configure Advanced options, please read Campaign flow: Advanced Options.

Step 7: QA

The QA of the campaign is one of the most important steps before launching your campaign into production. The QA allows you to verify and test in real condition : 

- the targeting configuration
- the tracking
- the modifications you've made

👉 To learn how to use the QA Assistant, please read QA Mode & QA Assistant.

If you want to launch your A/B Test at a specific hour on a specific day, and/or if you want to pause it at a specific hour on a specific day, see our guide on scheduling.

Use cases

Multipage personalizations can be used in the following cases: