A/B testing Mopinion surveys

If you are looking for a way to test two different surveys to see which one gets more responses. this guide is for you. In this article, we will explain how to set up the deployment so only one out of two possible surveys will be shown to a visitor.

Showing one out of two pro-active surveys

• Add both surveys to your deployment

Two surveys added to a deployment

• Set both form triggers to Pro-active

Trigger type of the survey is set to pro-active

• Set the first survey to show to 50% of users

Deployment setting to show survey to 50% of users

• The second survey should show to 100% of the users, this is the default value so it is not necessary to explicitly set this.

• The second survey should only show when the first survey was not shown to the user already, for this we use the cookie condition as a trigger. The cookie we are checking is the MSopened.<formKey>cookie, where <formKey> is replaced by the form key of the first survey: https://mopinion.atlassian.net/wiki/spaces/KB/pages/1302036502 . We only want to show the second survey if this cookie does not exist. if it does exist it means the user has seen the first survey.

Cookie condition in deployment so a survey only triggers if another has not been seen

• To prevent both surveys from triggering simultaneously we have to set a small delay for the second survey. Toggle on Show form after a specific time on a page and set the time-out to 1 second or more.

Deployment setting to add a delay before showing

The final deployment settings for these two surveys should look like this:

Deployment conditions to A/B test two pro-active Mopinion surveys

Showing one out of two surveys shown by button or on exit intent

• Add both forms to the deployment

Deploymentscreen

• Set the Form A to show to 50% of users

Deployment setting to show a survey to 50% of users

• The Form B should show to 100% of the users, this is the default value so it is not necessary to explicitly set this.

• Form B should only show when Form A has not been shown. The Form placement options are used to do this. The Form placement options can be found at the bottom of the Targeting panel on the right. Usually these options need to be left at their defaults.

Deployment settings sidebar

• Select Form A and choose a unique name in the Form placement options for the Render form into field. For this example the unique div id “surveyContentFormA“ is used.

Update the element where Form A should be rendered into

• Select Form B and set the “Show based on HTML elements on the page” option to only show the form when the div id, set for Form A, “#surveyContentFormA“ does not exist.

Use the render element of Form A as condition for From B

• Set Form B to show at least 1 second later than Form A

Add a delay to the second survey

The final settings for the deployment should be the following:

Final deployment settings