How do I implement the Mopinion script?
To run Mopinion feedback forms on your website you will have to implement JavaScript via an HTML script tag on your website. This article explains how to implement the JavaScript tag without the use of a tag management tool, such as Google Tag Manager.
Step 1: Deploy
After saving and publishing the deployment, get the deployment code by clicking the ‘<>' button at the 'DEPLOY’ window.
Or get the code via Where can I find my deployment? .
Step 2: Code
Click on the copy the HTML snippet button.
Step 3: Place the code in HTML
Place the code in the HTML of the page source before the </body> tag. The Mopinion script needs to be placed on all URLs of a domain to make use of all trigger condition functionalities.
To check if the implementation has been done correctly, you can use the Mopinion Deployment Assistant. See How do I use the Deployment Assistant?
Form appearance
There are three ways the form can appear on a (mobile) website. The form can be shown in a grey, transparent overlay (in a modal) or as a slide-in or the form can be displayed as part of the content and layout of the web page (which is called an embedded form). Additional implementation operations are not required when the form will be shown in a modal.
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. The < div > must be placed at the exact location in the HTML (DOM) where the form should appear. The default div name for the embedded forms is
<div id="surveyContent"></div>
For more information on the implementation of embedded forms see https://mopinion.atlassian.net/wiki/x/ugDzKg .
With the deployment code in place, you can set the forms and conditions. See How do I deploy my feedback forms?.