Versions Compared

Key

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

This article will explain how you can send the feedback collected with a Mopinion form to a custom feedback form. You can map the feedback you collect with a Mopinion form to create elements of another form, by using that form's endpoint.

Use the HTML form integration

Go to the Integration tab in the form editor of the Mopinion form that you want to connect to another HTML form.

Here, you can choose to connect to another HTML form.

Note

Make sure that the form you want to connect to, has fields that can be mapped to.

Getting the endpoint and form field names

In the following example, we will use a Google form. Here, the form elements reflect the ones we have in our Mopinion form:

To be able to send the Mopinion data to this form we will need the form endpoint and the name values of the form fields.

To get these values, you can check the network tab, in the developer tools (ctrl+shift+i), when sending a test item with the receiving form.

The endpoint of the form POST can be found by combining the Host and FileName fields, found in the request that is created when you send the test form:

The request tab shows the name fields of the form elements:

Info

In your test request, give recognizable input so you can easily identify the fields that these names represent.

Using these fields in the HTML form integration

Now it is time to set up the integration in Mopinion. By clicking on Add you can add a new HTML form connection.

In the first step, you can fill in the endpoint for the form:

In the second step, you can map the Mopinion form elements to the elements of the second form, by using their HTML name tags we found in the request tab in the previous step:

Image RemovedImage Added

When you have saved the integration it will be shown on the Integration page:

Testing the connection

The connection is now active. When you preview the form in Mopinion and send in a test item, you will receive the custom HTML form if everything has been set up correctly.


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:'211a4fdb96626776846147095cc335b448e20458', \n domain:'app.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":""}