Variant Types

With the variants, different contents are played out for the participants of an experiment. There are five different types of variants.

1. Original variant
   The original variant is used for the control group. No change is played out.
   
   
2. Redirect variant
   With the redirect variant, the test participant is forwarded to another URL. The redirection takes place before the user can see the content of the original page. Apart from a change in the address line, the test participant is not aware that he or she has been forwarded..
   
   Hint:
   During forwarding, the URL parameters of the original page are taken along. If a test runs on the page with the URL https://bunchbox.co/?_utm-source=display and the target URL https://bunchbox.co/display-lp/ is specified for the redirect variant, the user is forwarded to the page with the URL https://bunchbox.co/display-lp/?_utm-source=display. This ensures, for example, that campaign tracking based on URL parameters continues to work.
   
   
3. Code variant
   The code variant can be used to build variants that modify the original page with JavaScript or jQuery.
The variant code can be entered in a corresponding field. When the experiment is running, the code is then executed the moment Bunchbox is loaded. Bunchbox provides several helper functions that facilitate the creation of variants.
   
   
4. HTML variant
   With the HTML variant, HTML modules can be used to create variants. The stored HTML code is added to the original page. At which point is determined by a CSS selector. There are several ways to add the HTML module to the page:
   
   
   • Replace the content of the element with the specified selector
   • Insert in the element with the specified selector at the end
   • Insert in the element with the specified selector at the beginning
   • Insert after the element with the specified selector
   • Replace the element with the specified selector itself

     
     
5. Visual editor variant
   The visual editor can be used to create variants without programming knowledge. The original page is opened in the editor. By clicking on individual elements, properties such as texts, images, colors, formatting, etc. can be changed very easily.