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.
The following example will only work for modal or slide-in surveys, it will not work for embedded 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
Make sure that the refresh condition setting in the deployment is not set to 0 days or the cookie will not work as intended
Showing one out of two surveys shown by button or on exit intent
Add both forms to the deployment
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: