iFrame

You can embed your survey right into your website using an iFrame. This standard feature allows you to place your survey on any page of your website, making it seem as if it were an actual part of it. This isn't just a link to the survey, but the actual survey questions on your website page. All of your website's navigation panes and menu's remain visible to the user.

Make sure to change your survey's appearance to match your website's font family, size, and color. Then embed the survey in any page on your website using the code provided.

To add a survey via iFrame, you first need to activate the distribution option "Embedded (iframe)". Then copy the iFrame code provided onto your website.

Activating the Embeeded (iframe) distribution channel

  1. Open the survey you wish to embed.
  2. Select Distribute > Add / Remove channel.
  3. Select Web > Embedded (iframe).

    Web > Embedded (iframe).

  4. Click Save.

  5. Launch the survey.

Putting the iFrame code on your website

  1. Select Distribution > Embedded (iframe).
  2. You will find a different iframe code per language added to your survey (including the language selection page).

    iFrame code.

  3. Copy this code and put it on the highest level of your website page. Alternatively, you can provide this code to your webmaster so he can add it to your website.

Best practices

  • Make sure you launch your survey before adding the code. If you copy the code onto your website before launching the survey, only a blank page will be visible. Keep in mind that launching the survey will also activate all other distribution options you may have selected.
  • Adjust the width and height of your survey via the Appearance menu so it fits perfectly into the available space on your website.
  • You can still use parameters to automatically fill out hidden questions in your survey. Add these parameters to the survey URL within the iFrame code. The parameter '&q1=iframe' will ensure 'iframe' is filled out in question 1.
    < iframe src="[SURVEY -URL]&q1=iframe" height="600″ width="800″ frameborder="0″>< /iframe >