Step 1: Deploy
After saving and publishing the deployment, get the deployment code by clicking the ‘<>' button at the 'DEPLOY’ window.
Step 2: Code
Select the code and copy it or click on the copy code button.
Step 3: Place code in HTML
Place the code in the HTML of the page source before the </body> tag. Now the feedback button will appear on the website and you can start collecting feedback.
The Mopinion script can be placed on all URLs of a domain or the specific pages on which you want to deploy the Mopinion feedback forms. There are two possibilities to place the script on a webpage.
Compared to the first implementation option, the second method is less labour intensive. After all, the script requires only one step and it also offers more flexibility. The implementation of (new) forms on (new) URL’s can be set via the tag manager. One condition for this way of implementation is, of course, the availability of a tag manager.
The Mopinion script will function identically, regardless of the way it is implemented.
Step 4: Place code in CSS
Depending on the elements you are including in your form you may also have to include a CSS snippet in the header. Ensure that you put a <head>tag before the CSS snippet and a </head> tag afterwards. If you do not include the CSS snippet when required you will run into some graphical errors.
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. It is important that the < div > is placed at the exact location in the HTML (DOM) where the form should appear. The div for the embedded forms is
In order to check if the implementation has been done correctly, you can check the version of your Mopinion tag and trigger the form with your browser console.
If your Mopinion tag contains a file reference named "pastease.js" you can do the following:
Open the browser development tools. The hotkey for most browsers is F12.