Split Testing

With split testing, Clerk.js will render one of a chosen amount of variants to a group of customers, depending on the amount of variants chosen. This can be used to test the performance of individual logics.

Clerk will ensure an even split between the visiting customers. For example, with 100 customers Clerk will automatically show group1:v1 to 50 and group1:v2 to the other 50 (See Example 1: 2 Test Options, Group 1. below). Clerk will auto scale this in correlation to the number of embedcodes you have, whether that is 3, 4 or more.

The feature is accessible by adding the attribute "data-split-test" to our embed codes, where you assign a test group, followed by your test variation.

The syntax for this should be as follows:

data-split-test="GROUP_NAME:OPTION_NAME"

Below is a set of live examples of how the full embed codes might look with different test cases.

<!--Example 1: 2 Test Options, Group 1.-->

<span class="clerk"
  data-template="@homepage-products"
  data-split-test="group1:v1"
></span>

<span class="clerk"
  data-template="@homepage-products-alternative"
  data-split-test="group1:v2"
></span>



<!--Example 2: 3 Test Options, Group 2.-->


<span class="clerk"
  data-template="@new-products"
  data-split-test"group2:v1"
></span>

<span class="clerk"
  data-template="@new-products-alternative"
  data-split-test="group2:v2"
></span>

<span class="clerk"
  data-template="@new-products-onsale"
  data-split-test="group2:v3"
></span>



<!--Example 3: 2 Test Options, Group 3, Variable Number of Contents per Option.-->


<span class="clerk"
  data-template="@cart-2"
  data-split-test="group3:v1"
></span>

<span class="clerk"
  data-template="@cart-1"
  data-split-test="group3:v1"
></span>

<span class="clerk"
  data-template="@cart"
  data-split-test="group3:v2"
></span>