- Classic Design
- New Design
Classic and New DesignD
Classic Design is our original survey design tool. New Design is our new survey design tool that is currently in beta.
Which version am I using? »
If you wish to have specific parts of the survey stand out, use HTML code to add elements like bold or underlines. This is an advanced feature and is activated only on Professional accounts. Knowledge of coding is necessary as we do not offer additional support.
- To activate this, login to your account and click the My Account tab.
- Under the Preferences section, click the Edit button and click Enable HTML.
- To turn it off, simply click the Disable HTML button.
How to Use HTML in Your Survey:
Type the code (or tags) into places of the survey design where you can enter text for the questions, page descriptions, answer choices, Email Invitation messages, and Thank You page collector settings.
NOTE: If the code itself still appears in the survey after activating it, click Edit, and then Save again for each of the questions to reload them.
- HTML used in the Page Descriptions or Descriptive Text questions will also strip our automatic formatting; therefore, it will be necessary to enter all line breaks and paragraphs manually. (*See additional coding examples at the bottom of this page.)
Important! Check all code for correct usage:
Be sure that everything is clean and correct. If you do not close tags or the coding is incorrect, then it will affect the survey design.
- Correct format to bold a word: <b>word to bold</b>
- Correct format to italicize a word: <i>word to italicize</i>
- Correct format to underline a word: <u>word to underline</u>
- Incorrect format: <b>This text will not be correct
- Incorrect format: <b>This text will not be correct<b/>
- Incorrect format: <b>This text will not be correct<b
Limitations in Coding:
You will not be able to use advanced coding such as creating your own buttons, etc.
- <form> elements will not work as this will interfere with our own <form> elements.
Want to create an invitation message using your own HTML? When sending it through our email server, view the following topic:
NOTE: We only offer limited support. You may want to reference the following site for tutorials on HTML: http://www.w3schools.com/html/
Commonly used Tags in SurveyMonkey:
Insert line-break HTML code to break up long sentences in question formats, matrix rows, page descriptions, etc.
Simply place the code in between the words where you want the sentence to break or wrap.
The line break code looks like: <br>
If you wanted a sentence to break here<br>then you would place that code accordingly. (Between the words "here" and "then.")
New paragraphs can be created in blocks of text by using the paragraph coding.
Place the code in front of the text to begin the paragraph. Then place the end tag where the paragraph is to end.
The paragraph code looks like: <p> and </p>
<p>If you want this block of text to be a paragraph, then you will use this code around the text.</p>
To add a hyperlink into the design or into the Thank You Message of a collector, use the following:
Respondents are to "click here" to open a new window which loads "http://www.mysite.com":
A.) <a target="_blank" href="http://www.mysite.com">click here</a>
B.) <a target="window1" href="http://www.mysite.com">click here</a>
4. Hyperlink to an Email Address:
To include an email address in the survey for respondents to contact you or ask questions, use the following in a Descriptive Text or inside the Question Textbox of other question types:
<a href="mailto:email@example.com">Email Me</a>
5. Bullet Points:
To create a list:
This will be displayed as:
When you're designing a survey, you can use the rich text editor in most text fields to change the look of text and add images, videos, or links.
When you're editing question text, click . in the rich text editor to access the full set of formatting options.
If you're using Internet Explorer 8 or 9, click Edit Formatting in the upper right corner of the text field to use the rich text editor. Learn more: Supported Browsers
The following options are available in most text fields:
- Align left, center, right, or justify
- Font color
- Font family*
- Font size
- Bulleted lists
- Numbered lists
- Add a hyperlink
- Add an image via URL
- Add a video
*Display issues can occur for certain respondents when using Symbol, Webdings, or Wingdings font—depending on what browser and operating system they're using. Learn more: Symbol, Webdings, and Wingdings Font Families
Note that text formatting options in the Survey Title, Page Title, and Page Description fields are limited.
There is no way to add your own HTML formatting in New Design. If you switched from using Classic Design to New Design, any existing HTML formatting will continue to show correctly and your live surveys will not be affected. However, your options for editing questions with existing HTML are limited.
Learn more: Supported HTML
Themes vs. Rich Text Editor
Themes let you apply text formatting across your entire survey. The rich text editor in individual fields lets you edit the text in one place at a time.
When you use the rich text editor in fields where typography formatting (like bold or italics) is applied at the Theme level, those formatting options are pre-selected and automatically applied to all the text you enter in the field. However, you won't see the formatting applied to the text until you save your changes.
You can change the typography settings of your theme to edit the global, survey-wide font settings.
Bold Specific Words in Question Text
All standard themes have bold question text by default. You need to change the typography settings of your theme and uncheck Bold under Question Text so you can go back and bold specific words in your question.