The Survey Designer allows you to customize and brand the experience your respondents have when interacting with the surveys. This includes creating a custom thank you message or redirect depending on how respondents answer survey questions. This can be used to build rapport by showing gratitude for a participant’s time and efforts or providing further direction on where to get more information.
Customize a Message to Show on Survey Completion
The default message displayed to users upon survey completion includes the survey header and a simple thank you message:
To change the message that all respondents see on completion:
- Go to the “Survey Designer”
- Click on the “Survey Settings”
- Navigate to the “Properties” sidebar
- Scroll to the “Show on Completed” dropdown
- Make sure the “Show the completed page at the end (completed Html)” checkbox is checked ON
- In the “Completed html” textbox, type in the message you would like your participants to see when they submit the survey.
Note
Use HTML language to change the text spacing, font, and color of the text. You can find more information on using HTML in this article.
Navigate to a URL
Instead of showing a custom message, you can choose to redirect all respondents to a webpage once they finish the survey.
To redirect a participant to a URL on completion:
- Go to the “Survey Designer”
- Click on the “Survey Settings”
- Navigate to the “Properties” sidebar
- Scroll to the “Show on Completed” dropdown
- Add the URL for the webpage to the “Navigate to url”
Customizing Redirects or Completion HTML Based on Survey Answers
You may want to show or direct different participants to different messages. This can be useful if you want to send them a message about eligibility or their next steps or want to send them to a URL where they can learn more about the research.
You can use the “Navigate to url on condition” or “Completed html on condition” options to provide a more advanced experience based on survey responses. These expressions can utilize answers from any existing question simply by including the question name in curly brackets: {question1}. The following example will walk through customizing redirection.
Example: Showing a Custom Thank You Message and Redirecting to a URL based on a Rating
Step 1: Create your questions
- Add a “Rating” question to a survey (red)
- Change the Name of the rating question to “rating” (green)
- Type in the question as respondents should read it in the Title (purple)
- Scroll down to the “Rate Values” dropdown (red)
- Change the “Maximum rate” to 10 (green)
- Click the “Save Survey” button (purple)
Step 2: Create the Completion Page HTML
- Click on the “Survey Settings” button (red)
- Scroll to the “Show on Completed” section (green)
- Make sure the “Show the completed page at the end (completedHtml)” checkbox is checked on (purple)
- Add your message and HTML elements in the Completed html box (black)
Step 3: Create the URL to Navigate to based on the score
In this example, if respondents choose a 5 or higher on the Rating question, we want to show them the Thank You page and direct them to the Ripple Science page to learn more. If they choose less than 5, they should only see the Thank You page.
- Click on the “Survey Settings” button (red)
- Scroll to the “Show on Completed” section(green)
- Scroll to the item “Navigate to url on condition” (purple)
- Click on the “Add New” button (black)
- Click on the Edit square to the right of the Expression field (red)
- Click on the “Expression is empty” dropdown to activate the Expression builder
- Use the dropdowns to add your condition: if the rating is greater or equals 5 (red)
- If necessary, add another condition (green)
- Enter the URL for participants to be redirected to when they select a rating above 5 (purple)
- Click the “Save Survey” button
- Test your survey