HTML in surveys

Where can I use HTML in the surveys?

Valid HTML can be used almost anywhere in the survey. You can use HTML as part of:

  • Questions or answers.
  • The Header and the Footer of the survey.
  • The Finish Options or on the Thank you page.
  • Email Invitations, the Thank you email notification, or in the Admin Confirmation email.

HTML is an entire language for authoring web pages. QuestionPro support staff can provide only a very basic level of support with HTML-related questions. Use HTML only if you have an in-depth knowledge of HTML.

Every open tag requires a separate close tag, except for self-closing tags that have a trailing slash (/) within the tag. Please ensure that you’re doing this correctly.
Here are a few examples:

    • How useful do you find developer training? The specified font size number decides how big the text appears.
    • How useful do you find developer training? This will apply the Color mentioned in the quotes to the text. You can specify the absolute color name as in the above example or the HEX codes for the colors. For example, the HEX Code for Red is #FF0000.

To get the HEX Code for any color you need: http://www.w3schools.com/tags/ref_colorpicker.asp

    • <b>Bold Answer Option</b>
      This puts the text in BOLD font face.
    • <u>Underline Answer Option</u>
      This underlines the text.
    • <i>Italicize Answer Option</i>
      This italicizes the text.
    • <br>
      This adds a line break.
    • &nbsp;
      This ads a space between words. You can use this code consecutively to add more spaces. For example   ads 1 space    will add 2 spaces     will add 3 spaces and so on.
    • http://www.QuestionPro.com
      This will post a link to a website. You can change the URL for the Site to which you want to point the link to.

    • Use this HTML to post an Image.
    • You can specify the height and width at which you wish to make the image appear by passing the height and width parameters in the above HTML tag this way: 
      This doesn’t change the actual size of the image, just its display dimensions on screen. For sizable changes, the recommended way is to edit the image in an image editing tool like MS Paint or Photoshop and upload it again.
    • <div align=”right”> Right aligned Text / Image Here</div>
      Aligns a text to the “left” , “right” or “center”
      • <ol>
      • <li>Apples</li>
      • <li>Oranges</li>
      • <li>Pineapples</li>
      • </ol>
        Displays items as a numbered list
      • <ul>
      • <li>Apples</li>
      • <li>Oranges</li>
      • <li>Pineapples</li>
      • </ul>
        Displays items as a bulleted list
    • Using Tables
      • <table>
      • <tr>
      • <td>Row 1, Column 1</td>
      • <td>Row 1, Column 2</td>
      • </tr>
      • <tr>
      • <td>Row 2, Column 1</td>
      • <td>Row 2, Column 2</td>
      • </tr>
      • </table>
        The <table> tag creates a new table, <tr> begins a new row in it, and <td> begins a new column in the present row.

If a border is required for the table then a border weight as a number must be specified in the opening table tag this way:

  • <table border=”1″>

For more examples and information on HTML please visit: http://www.w3schools.com.

FREE Webinar: Going Beyond Net Promoter Score FREE CX Webinar:   Register! Book My Slot