How do I embed a feedback form on a web page?

This article contains references to our Classic interface that will become obsolete on July 1st. The most up-to-date article can be found on How do I deploy my feedback form?

To show a form embedded on a page:

Step 1

Go to 'Data collection' and click on 'Feedback forms'.

Step 2

Click on the 'pencil' button to edit your feedback form.

Step 3

Go to form settings / configure

Step 4

Select "Embedded" form type

Step 5

Place the Mopinion div: <div id=“surveyContent”></div>, where you want the form to appear, within the HTML of your page.

Step 6

Add the form to the deployment and set the deployment options to "Triggered by button".

Please note:

- Make sure to implement the mopinion tag on the page

- Place the mopinion div: <div id=“surveyContent”></div>, where you want the form to appear

- If the mopinion div is not specifically placed in the html document, it will be appended as the last element within the <body> tag

If a form is an integral element of the content and layout of the page (embedded), an additional < div > (html-element) needs to be implemented as well. The < div > is to be placed directly in the body of the HTML or inserted via the tag manager. It is important that the < div > is placed on the exact location in the HTML (DOM) as where the form should appear.