Collect responses with a web widget
A web widget is usually a small survey displayed as a floating object that can be placed on your website or inside a mobile app. The widget can have any shape and size. Usually, it is 320 px but you can scale it to your needs.
You can display widget at any moment e.g. after a certain amount of time or after certain actions performed by your website user.
Triggers :
- Display widget after a certain amount of time.
- Display widget after a page scroll by a certain number of px.
- Display widget in an attempt to leave a page.
- Display widget if the page URL contains certain keywords.
To create a web widget :
- Select a survey for which you want to collect responses and press
![[C]](/UserFiles/640d81fbf8d6/Image/ico_material/baseline_repeat_black_18dp.png)
COLLECT RESPONSES button.
- Press + ADD COLLECTOR button.
- Select Widget distribution method.
- Press
Collector inactive button to activate the collector. - Copy the widget code and paste it in the BODY section of the website you want to display the widget.
- If you want to add data to the widget, after the MSL.cId place additional code :
MSL.respondent = {
firstName: "Artur",
custom1: "test"
};
Example
<script>
var MSL = MSL || { };
MSL.cId = '44dc9a5d0e8098d5f52e47d645128749168f19c67';
MSL.respondent = {
firstName: "Artur",
custom1: "test"
};
(function(s,u,r,v,e,y,l,a,b){ a=u.createElement(r);s[e][r]=v; b=u.getElementsByTagName(r)[0];a.async=1;a.src=v;b.parentNode.insertBefore(a,b);}) (window,document,'script','https://cdn.surveylab.com/inc.js/min/widget.js','MSL');
</script>
var MSL = MSL || { };
MSL.cId = '44dc9a5d0e8098d5f52e47d645128749168f19c67';
MSL.respondent = {
firstName: "Artur",
custom1: "test"
};
(function(s,u,r,v,e,y,l,a,b){ a=u.createElement(r);s[e][r]=v; b=u.getElementsByTagName(r)[0];a.async=1;a.src=v;b.parentNode.insertBefore(a,b);}) (window,document,'script','https://cdn.surveylab.com/inc.js/min/widget.js','MSL');
</script>
Available parameters :
| Parameter | Description |
|---|---|
| firstName | Name |
| lastName | Surname |
| phone | Phone |
| language | Language (ISO code) |
| custom1 | Custom 1 |
| custom2 | Custom 2 |
| ... | ... |
| custom8 | Custom 8 |
- Press + ADD TRIGGER button to define rules that will show or hide the widget.
Functionality is available in the Enterprise plan.