Adding a Print Button to a Qualtrics Survey | Health Sciences Enterprise CMS

Overview

Beginning in April of this year, we began implementing additional accessibility requirements to ensure that our digital content is accessible and usable by all users. As a result, the use of PDFs on websites is more restricted. Instead of posting a PDF form for users to download, complete, and return, one recommended approach is to convert the form into a Qualtrics survey.

Using Qualtrics allows users to complete and submit their information online. Once a survey is submitted, the survey owner can configure Qualtrics to do the following:

Send the submission automatically to an individual or shared inbox
Send an email notification when a response is received
Use an automation to send response data to a designated location
Export responses to Excel for further processing

What if users need a paper copy?

In some cases, users may still need to print a completed form and bring it to an office or another location as a hard copy. At this time, our websites do not provide a built-in way to turn a web page into a printable form. Instead, we recommend adding the print functionality directly to the Qualtrics survey. This allows users to complete the form in Qualtrics and then print their responses before bringing the completed form to the appropriate office or location. You can also view a sample survey to see this functionality in action.

Example survey

Adding a Print Button to Your Qualtrics Survey

Qualtrics does not currently provide a built-in print button for this purpose. However, you can add one using a small amount of HTML. Follow the steps below after you have created your survey.

Open your Qualtrics survey and add a new question at the very end of the form. For the question type, select: Text / Graphic. This question will be used only to display the Print button.
Click into the area where you would normally enter the question text.
On the right side of the editor, select HTML View.
A dialog box will open where you can enter HTML.
Paste the code below into the HTML View dialog box.
(Important: We do not recommend adding additional text or HTML to this question unless you are comfortable working with HTML. The question should generally be used only for the print button.)
 
<div style="text-align: right;">
<input
    type="button"
    onclick="window.print()"
    value="Print This Form"
    style="background-color:#2873AE;
           color:#FFFFFF;
           padding:8px 16px;
           font-size:19px;
           cursor:pointer;
           border:none;"
    onmouseover="this.style.backgroundColor='#003B5C';"
    onmouseout="this.style.backgroundColor='#2873AE';"
/>
</div>
 
Click Save after adding the code.
The survey will now contain a Print Your Responses button at the end of the form.
Before publishing the survey, we strongly recommend testing the print functionality.