How to: Hyperlinking in Surveys

Introduction

Hyperlinks can be a useful inclusion in surveys; often used to give further context for a question or section, link to supporting documentation, or complete the user journey by linking back to a desired brand webpage.

Hyperlinking in Welcome and Thank you Messages

The most common places to add hyperlinks are the welcome and thank you messages. Below are the steps to input hyperlinks into these messages:

1. Navigate to the Messages tab in the survey editor and locate the message you wish to edit.
2. Select the [link] button in the editor and select “insert link”.
3. An “insert link” prompt box will appear.
   1. Insert the desired “url” in full (i.e. including this full format: https://www.website.com)
   2. Input the desired display text that the hyperlink will use (leave this blank to simply display the url)
   3. If desired, input the text you wish to be displayed upon mouse hover into the “title” field.
   4. If desired, input a target in the “target” field, such as “_blank” to open the hyperlink in a new browser tab.
4. Select [confirm]. Your link will now be shown in the editor and appear on the relevant page in the survey.

The same method can be used to insert hyperlinks into other messages in the “messages” tab.

Hyperlinking in Instruction text

The same method as described above can be used to insert hyperlinks into instruction text within surveys.

Hyperlinking in Questions

Hyperlinks can be included in question text where using hyperlinks in other messaging or instruction text is not sufficient. To include hyperlinks in questions some basic html code must be used. The basic format is shown and annotated below:

For our example we will use the below html, hyperlinking to the SocialOptic website using the question prompt text:

 <a href="https://socialoptic.com/"target="_blank">SocialOptic website</a>    

1. Select [Edit] on the desired question tile.
2. Click on the [prompt] button to open the prompt text editor.
3. Input your hyperlink along with any additional text you wish.
4. The result will look something like this:

The same method can be used to insert hyperlinks into question text and hint text.