Embedding Your Survey on a Website

When you create a web embed survey link, SmartSurvey automatically creates an embed code for it. This code can be placed either onto your own website or onto another internet platform to embed your survey within the site.

Creating the Install Code

To create the install code you will need to embed a survey on your site, follow these instructions:

  1. Go to the Collect page of your survey
  2. Scroll down to the menu under How do you want to Collect Responses?
  3. Select Web Embed
  4. Set the width and height for your survey, as it will appear on the page once embedded
  5. Click Save Changes

Applying the Install Code to your site

Once you click Save Changes, a window pops up with a large text box containing the code. By default, this code uses Javascript to insert the survey into the website. Copy this code and paste it into the page source where you want the survey to be displayed. Do not modify the code, or the embed may not work. If you are unfamiliar with this procedure and you have an IT team, it might be a good idea to ask for their advice.

Alternative Using Iframes

If the Javascript install code doesn't work, click on My embed code is not working.... which will give you access to an alternative version of the install code that uses iframes. Copy the code in the box and paste it into the source code of the web page where you want the survey to appear.

Note about SSL: Both these methods require the survey link settings to be as secure as the web page the survey is being displayed on. If the web page is secure (has a URL starting "https://"), you should ensure that the link settings for the embed code, and the survey settings, are all set to enable SSL. If not, browsers may show errors to respondents

Using Custom Variables on Web Embed Links

To use custom variables with web embed links, you will need to edit the installation code. The help guide for this can be found here

Link Settings and Options

Web Embed tracking links can access many of the same options and settings as other tracking links.

One highly valuable option is that the link can be set to load using a specific theme, or custom CSS that is unique to this tracking link. This means a survey that can be accessed from several places can be themed and styled appropriately for each of those traffic sources, while remaining the same survey.

Was this guide helpful?