Using A/B Test features

Run your own A/B test with our built-in tools, compare elements performance, etc.

Be careful: This is advanced! If in doubt, consult with your Success Engineer to see if the below information is pertinent to your use-case.


Fundraise Up offers basic A/B testing functionality at no cost. It allows you to test specific Fundraise Up components, such as Campaigns and embeddable Elements, across your website traffic 50/50.


Restrictions

As a result of the extreme simplicity and speed, this feature does have some limitations:

  • You must have access to HTML code of your website to use this feature. There is no visual interface/dashboard/GUI to set up the test.
  • We can only split traffic 50/50 with 2 total variables.
  • For integrity, we do not use our backend to split traffic and do it completely in the visitor's web browser. We use precise math and randomization to accomplish this, so we cannot guarantee absolutely accurate distribution for small traffic (under 1,000 visitors). However, performance is fast and accurate on websites with over 1,000 daily visitors.


How to use it

There are a couple of options for running a test.

Basic usage

As mentioned above, you must have access to HTML code of your website or particular page. We use HTML data-attributes to define the test name and each variant of content.

For example, let's say you want to test which text on a Button Element will raise more money. You would create two equal Button Elements, each with their own label text (i.e. "Give" vs "Donate"), and put something like this to the HTML of your website:

<div data-fun-test="Button Text" style="display: none;">

<!-- Variant 1 -->
<div data-fun-variant="Give">
<a href="?form=donate-SMILING"></a>
</div>

<!-- Variant 2 -->
<div data-fun-variant="Donate">
<a href="?form=donate-FROWNING"></a>
</div>

</div>

There are only two terms you need to know.

  • data-fun-test — this parameter defines the name of your test.
  • data-fun-variant — this is the definition of each variant.

Once a webpage loads, we randomly decide what variant of the Element will be shown to a visitor. We show the content of the selected HTML tag and hide the content of the other one.

Two independent blocks

You can use both data-fun-test and data-fun-variant in different places of your webpage:

<!-- Variant 1 -->
<div data-fun-test="Button Location" data-fun-variant="Above Banner" style="display: none;">
<a href="?form=donate-SMILING"></a>
</div>

<!-- Variant 2 -->
<div data-fun-test="Button Location" data-fun-variant="Below Banner" style="display: none;">
<a href="?form=donate-FROWNING"></a>
</div>

So, in the above example, you could test whether having your home page call to action above or below your home page's banner image performs better, by putting the code block for Variant 1 above the banner image and the code block for Variant 2 below it.

 


Outcome

After a short period of time, you will be able to compare the results of the two campaigns and decide which one is better.