Embedding Your Survey on a Website

When you create a survey, SmartSurvey automatically creates embed code for it. This code can be placed onto your own website or 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", you'll be shown a page with a large text box containing the code. By default, this code uses Javascript to insert the survey into the website. You should 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.

Alternative Using Iframes

If the Javascript install code doesn't work, then by clicking "My embed code is not working...", you can access an alternative version of the install code that uses iframes. Again, the method is to copy the code in the box and paste it into the source code of the web page where the survey is going 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://"), then 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. This is will be dealt with in a separate guide.

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 remaing the same survey.

Was this guide helpful?