Split Testing

With this, Clerk.js will render one of a any amount of variants to a group of customers. Its an easy way to test different logics against each other, to find out which performs better.

Groups & Variants

Split testing is done with groups and variant through this syntax in an embedcodce:

data-split-test="GROUP#:VARIANT#"

Groups are used to configure a set of embedcodes that should be tested against each other, while variants are used to configure the exact Content blocks to test. If you add multiple groups to the same page, at least one banner from each group will displayed.

Clerk.js will ensure an even split between the visiting customers. For example, with 100 visitors Clerk will automatically show group1:v1to 50 visitors and group1:v2 to the other 50.

Below are examples of how testing-cases could look:

<!--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>

Monitoring performance

The best way to use split testing is to set up separate Content blocks in my.clerk.io for each variant you are testing. With this, you can compare the performance based on their label in the Analytics page for either Search or Recommendations.