Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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

...

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

...

  • 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.

...

  • 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.

...

  • 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.

...

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

...

The final settings for the deployment should be the following

...

Easy html macro
theme{"label":"solarized_dark","value":"solarized_dark"}
contentByMode{"html":"<div id=\"surveyContent\"></div>","javascript":"var confluenceData = {};\nvar pageId;\nvar pageTitle;\n\ntry {\n confluenceData = JSON.parse(parent.window.name);\n var pageId = confluenceData.options.productContext['page.id'];\n var pageTitle = confluenceData.options.productContext['page.title'];\n} catch(e) {}\n\nvar src = 'https://collect.mopinion.com/assets/surveys/2.0/js/survey.min.js';\n\nvar vars = {\n key:'c004128f86438276805d25759a236cc56a170dd5', \n domain:'demo.mopinion.com', \n divName:'surveyContent', \n button:false, \n use_collect:false, \n useQuerySelectorAll:false\n};\n\nvar s = document.createElement('script');\ns.async = 'async';\ns.id = 'mopinionFeedbackScript';\ns.src = src;\ns.onload = s.onreadystatechange = function() {\n if (!s.readyState || s.readyState === 'loaded' || s.readyState === 'complete') {\n try {\n srv.loadSurvey(vars);\n } catch (e) {}\n }\n}\ndocument.head.appendChild(s);","css":""}

...