SurveyMonkey
SurveyMonkey is a survey and form-building platform that provides tools for creating, distributing and analysing surveys for customer feedback and research.
Key features for SurveyMonkey include:
- Survey and form creation
- Template and question bank options
- Customisable themes and branding
- Survey result analysis and reporting
- Multiple website embed types
SurveyMonkey integrates with ShopWired by adding embed code or scripts into your ShopWired website pages or theme, allowing you to display surveys or survey popups for collecting customer feedback.
Account creation
Create an account at SurveyMonkey After your account is created, design your survey and navigate to the collect responses section.
Installing SurveyMonkey on your ShopWired website
Installing SurveyMonkey on your ShopWired website
SurveyMonkey provides four embed methods:
Each method outputs an or . Obtain the embed code for your chosen method from your SurveyMonkey account and follow the instructions below.
Embedded survey
Embedded survey
Use this method to display a survey directly on a landing page, a website page, or across your entire website.
Copy the embedded survey code provided in your SurveyMonkey account. The code will be similar to the example below:
<script>(function(t,e,s,n){var o,a,c;t.SMCX=t.SMCX||[],e.getElementById(n)||(n=e.getElementsByTagName(s),a=n[n.length-1],c=e.createElement(s),c.type="text/javascript",c.async=!0,c.id=o,c.src="https://widget.surveymonkey.com/collect/website/js/example.js",a.parentNode.insertBefore(c,a))})(window,document,"script","smcx-sdk");</script>
<a href="https://www.surveymonkey.com">Create your own user feedback survey</a>
The code shown in this guide is provided as an example only. You must copy the correct code from your own account on SurveyMonkey for the integration to work.
Display the survey on a specific page using your website theme
- Navigate to Website > Themes and select
customise your theme - Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Use the theme editor to position the survey on the page
Display the survey on every page of your website
- Navigate to Website > Themes and select the
code editoroption - Open the
master.twigfile - Paste the code just above the closing
</body>tag
If you want to add the survey to a website page, select the Tick here to enter additional custom HTML/JS/CSS setting to add the code.
Embedded button
Embedded button
Use this method to add a clickable element that opens your survey in a popup window.
The embedded button can be displayed across your entire website or placed on specific pages.
Copy the embedded button code from your SurveyMonkey account. The code will be similar to:
<script>(function(t,e,s,o){var n,c,l;t.SMCX=t.SMCX||[],e.getElementById(o)||(n=e.getElementsByTagName(s),c=n[n.length-1],l=e.createElement(s),l.type="text/javascript",l.async=!0,l.id=o,l.src="https://widget.surveymonkey.com/collect/website/js/example-button.js",c.parentNode.insertBefore(l,c))})(window,document,"script","smcx-sdk");</script>
<a href="" onclick="SMCX_Widget.open('your-survey-id'); return false;">Take survey</a>
The code shown in this guide is provided as an example only. You must copy the correct code from your own account on SurveyMonkey for the integration to work.
Display the button on a specific page using your website theme
- Navigate to Website > Themes and select
customise your theme - Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Use the theme editor to position the button on the page
Display the button on every page of your website
- Navigate to Website > Themes and select the
code editoroption - Open the
master.twigfile - Paste the code just above the closing
</body>tag
If you want to add the button to a website page, select the Tick here to enter additional custom HTML/JS/CSS setting to add the code.
Popup survey
Popup survey
Use this method to show a popup survey on specific pages or across your entire website.
Copy the popup survey code provided in your SurveyMonkey account. The code will be similar to:
<script>(function(t,e,s,o){var n,c,l;t.SMCX=t.SMCX||[],e.getElementById(o)||(n=e.getElementsByTagName(s),c=n[n.length-1],l=e.createElement(s),l.type="text/javascript",l.async=!0,l.id=o,l.src="https://widget.surveymonkey.com/collect/website/js/example-popup.js",c.parentNode.insertBefore(l,c))})(window,document,"script","smcx-sdk");</script>
The code shown in this guide is provided as an example only. You must copy the correct code from your own account on SurveyMonkey for the integration to work.
Display the popup survey on a specific page using your website theme
- Navigate to Website > Themes and select
customise your theme - Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Use the theme editor to position the popup survey on the page
Display the popup survey on every page of your website
- Navigate to Website > Themes and select the
code editoroption - Open the
master.twigfile - Paste the code just above the closing
</body>tag
If you want to add the popup survey to a website page, select the Tick here to enter additional custom HTML/JS/CSS setting to add the code.
Popup invitation
Popup invitation
This method displays a popup message inviting visitors to take your survey.
It can appear globally or on selected pages.
Copy the popup invitation code provided in your SurveyMonkey account. The code will be similar to:
<script>(function(t,e,s,o){var n,c,l;t.SMCX=t.SMCX||[],e.getElementById(o)||(n=e.getElementsByTagName(s),c=n[n.length-1],l=e.createElement(s),l.type="text/javascript",l.async=!0,l.id=o,l.src="https://widget.surveymonkey.com/collect/website/js/example-invite.js",c.parentNode.insertBefore(l,c))})(window,document,"script","smcx-sdk");</script>
The code shown in this guide is provided as an example only. You must copy the correct code from your own account on SurveyMonkey for the integration to work.
Display the popup invitation on a specific page using your website theme
- Navigate to Website > Themes and select
customise your theme - Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Use the theme editor to position the popup invitation on the page
Display the popup invitation on every page of your website
- Navigate to Website > Themes and select the
code editoroption - Open the
master.twigfile - Paste the code just above the closing
</body>tag
If you want to add the popup invitation to a website page, select the Tick here to enter additional custom HTML/JS/CSS setting to add the code.
Recommendations
- Configure appearance, themes, survey behaviour and collector options within your SurveyMonkey account.
- Test embeds and popups on desktop and mobile devices.
- Use a draft theme if required before publishing changes to your live website.
- Avoid installing the same collector script multiple times.
- After switching or updating your theme, confirm that any SurveyMonkey scripts remain installed.
