— the global portal for all things SBML

SurveyMonkey configuration notes

Instructions for using to create a voting survey embedded in

Go to and log in.

Site will open in "My Surveys" at

  • Click on "Create Survey" button in upper, right corner.

This brings us to

  • Select the "Create new survey" radio button and use the "Title" field to name the survey.
  • "Category" may be left unselected.
  • Click "Continue".

The page loads with the "Design Survey" tab open and "Edit Survey" selected in the left-side menu.

  • The survey created in this tutorial is designed to be embedded in an page, so from the drop-down list of themes, choose " embedded".
  • Next, click on "Survey Options" in the left menu.

The central column changes from "Edit Survey" to "Survey Design Options".

  • We are creating a single‐page, embedded survey, so untick the options for "Show Survey Title in Actual Survey" and "Show Page Titles in Actual Survey".
  • Change the "Next" and "Prev" buttons to "Next page" and "Previous page" with arrows. (Not strictly necessary here, but helpful in multi‐page surveys.)
  • Change the "Done" button text to say "Done – submit my vote".
  • Again because this will be a single‐page, embedded survey, use the pull‐down menu to "Hide Exit Link".
  • Select the "Do not highlight required questions" option.
  • Select the "No, do not display a footer" option at the bottom.
  • Don't forget to click the "Save Changes" button on the page, or your settings won't be saved.

This returns us to the "Edit Survey" section, and at this point, the survey questions can be added.

  • The "Edit Page Options" dropdown offers "Edit Page Information," which allows you to give a title to the current page.
  • The "Add Question" dropdown allows you to add questions of a range of different types, to add images, and to add text without adding a question.

NOTE: Survey images can be made clickable by using the "descriptive text" type instead of the "image" question type, and writing the content directly as HTML. For example:

<b>Design 1</b><br>
<a target="_blank" href="http://www.SampleImage.jpg">
<img src="http://www.SampleImage.jpg"></a>

Next switch to the "Collect Responses" tab.
  • For the "How Would You Like to Collect Responses" question, select "Web Link".
  • Then click on the "Next Step" button.

This brings up a page with various options in the left-hand column. "Edit Web Link" is selected, and the default URL for the survey is displayed.

  • Copy the URL to place in the HTML code below when the survey is embedded in its page.

In the left-side menu, select "Change Settings". The center column will display the "Collector Settings" options.

  • Select "Yes, allow multiple responses per computer".
  • Under "Survey Completion," select "Redirect to your own webpage" and use the following URL:
  • Again, click "Save Settings" button on the page or changes will be lost.

For the final step we move to

Create a new page and insert the following code:

<html><iframe onload="javascript:window.scroll(0,0)"
src="http://www.SurveyURLGoesHere" height="3500" width="100%" frameborder="0"
marginheight="0" marginwidth="0"></iframe></html>

In the above, 2 things need to be customized for every survey --

  1. The URL to the page in replace "SurveyURLGoesHere," with the survey URL you copied earlier.
  2. The height: the only solution seems to be to hardcode the number of pixels needed to fit the whole survey page without having scroll bars appear. This is a trial‐and‐error step. Just keep refreshing the page and editing and changing the number until it's right. 3500 has been appropriate for some surveys, but it will need to be adjusted for each survey.

Retrieved from ""

This page was last modified 17:03, 3 August 2012.

Please use our issue tracking system for any questions or suggestions about this website. This page was last modified 17:03, 3 August 2012.