When designing a survey you may want to include a list of definitions, terms and conditions or some other reference material for your respondents to review. But a wall of text can be intimidating for respondents and once the respondent navigates away from the page, they won't have the material there for reference. Linking to a document hosted in the SurveyGizmo File Library is an excellent solution!
We have a couple of different options for you: you can copy & paste an embed code we provide or you can build the link manually. The steps to build the link manually would also help you build a link to a file hosted outside of our application.
1. Start by uploading the document to your File Library. To learn how to upload files, see our File Library Tutorial.
2. Once your file is uploaded, click on the icon of the file in the File Library list and then copy the 'embed code'. It's not technically an embed code, it's a hyperlink to the document.
3. Now you can paste this code into a question title or answer option, a Text/Media element, even an email message! To change the link text, you can edit the words in between the link and the closing tag, like so:
4. Before you save, make sure to go to the Layout tab (if one is available) and uncheck the option to automatically verify and fix this question's HTML. This will ensure that the HTML you used to create this link is not deleted by the system.
1. Start by uploading the document to your Image and File Library. To learn how to upload files, see our File Library Tutorial.
2. Once you've uploaded your document you'll need to grab the File URL for the document where it is located in the file library. To do so, click on the file in your file library, highlight the File URL, right click and copy.
3. Next go to the question or Text/Instruction element in your survey where you'd like to add a hyperlink to your document. Edit this element and click the Full Mode button in the editor toolbar.
4. Add the text you would like to display to respondents as a clickable link, highlight it and then click the Link button in the editor toolbar.
5. On the Link Info tab of the Link editor paste the File URL that you copied for the document in the file library in the URL field.
6. On the Target tab select New Window (_blank) from the dropdown. This will open the document in a new tab or window (depending on the respondent's browser settings) and will prevent them from navigating away from the survey unexpectedly.
7. Click OK and you'll see that the text that you highlighted is now hyperlinked!
8. Before you save, go to the Layout tab and uncheck the option to automatically verify and fix this question's HTML. This will prevent the HTML that is used to create this link from being deleted.
9. Save and Preview to test!
Depending on the file type, the document type and the browser type, your document will either open in a new tab or will download for the respondent to open and review.
There are a couple of places within SurveyGizmo where you might want to put a hyperlink where the editor that we used above to create a link is not available e.g., answer options. This does not mean that you cannot create a link! It just means you'll need to use some HTML code to do so. We'll walk you through the steps below; it's not scary, we promise!
We recommend constructing your link to your document in a plain-text editor. Then, you can paste it where you want it within SurveyGizmo.
Start by pasting the URL you wish to link to in your plain-text editor.
Next, put quotes around your link followed by open and closing carets.
Inside your opening caret add: a href=
After the closing caret add the closing a tag: </a>
Inside the first closing caret and second open caret, enter what you wish your link to read. For example, "Click here." You can also just place the URL here again; this will display the URL as clickable.
Now you can take this link that you constructed and place it where you'd like in SurveyGizmo. If you are placing this within questions and other survey elements, be sure to go to the Layout tab and turn of the Clean HTML option.