Integrating Custom Code

Programming in Qualtrics

Qualtrics can be customized and extended beyond its normal look and functionality using custom HTML CSS and JavaScript.

HTML for one Survey Page

  1. Click the text of the question where you would like to add HTML.
  2. Click the HTML View tab.
  3. Alternatively, click the Rich Text Editor tab, and then click the Source button in the Rich Text Editor.
  4. Add your custom HTML as needed within the text.

HTML for Every Survey Page

  1. Click Look and Feel on the toolbar.
  2. Click Advanced.
  3. Paste your HTML into the Header text box.

CSS For one Survey Page

  1. Click the text of the question where you would like to add CSS
    Because CSS applies to an entire page, choose any question on the page you would like the CSS to run on.
  2. Click the HTML View tab.
  3. Type your CSS, surrounding it with the HTML tags.

CSS For Every Survey Page

  1. Click Look and Feel on the toolbar.
  2. Click Advanced.
  3. Click Add Custom CSS.
  4. Type in your CSS.

JavaScript for one Survey Page

  1. Click the Question you to which you want to add JavaScript.
    Methods in the Qualtrics Question API are question-specific and should be run on the question you need to affect. Any other JavaScript may be run from any question on the page.
  2. Click the purple Advanced Question Options list to the left of the question, and then click Add JavaScript.
  3. Add your JavaScript directly below the line that says /*Place Your Javascript Below This Line*/.
Qualtrics uses the Prototype JavaScript framework. Because of overlapping variable naming conventions, JavaScript written using the JQuery library may not function as expected.

JavaScript for Every Survey Page

  1. Click Look and Feel on the toolbar.
  2. Click Advanced.
  3. Paste your JavaScript into the Header text box, surrounded with <script> tags to indicate that this code should be interpreted as JavaScript.
Qualtrics uses the Prototype JavaScript framework. Because of overlapping variable naming conventions, JavaScript written using the JQuery library may not function as expected.
Google+