Creating a branded survey template

This tutorial covers how to create a survey template with your organisation’s branding including logos, colours and fonts. To help with this Snap Surveys has provided a Branded Template Builder for Snap XMP Desktop. This archive file can be downloaded by clicking the following link.

Branded Template Builder download

Once downloaded, extract zipped file to use.

Restore the Branded Template Builder

  1. In the Survey Overview window, select Offline Surveys OfflineSurveysIcon.png .
  2. Click Restore RestoreIcon.png . This opens the Restore survey dialog.
  3. Browse for the archive file Branded Template Builder.adf and click OK. This restores the template and selects it in the Survey Overview window ready for use.

Making the Branded Template Builder available in Snap Online

  1. In the Survey Overview window, select the Branded Template Builder template in the Offline Surveys OfflineSurveysIcon.png .
  2. Clone the offline template as an online template.
  3. Update the thumbnail for the Branded Template Builder template in Snap Online.

What’s included in the Branded Template Builder

The Branded Template Builder is a survey containing

  • Four editions for PC/Laptop, Tablet, Phone and Paper:Keyed
  • English language
  • Logo placeholder
  • Standard question styles that are supplied with Snap XMP Desktop with a question included for each question style in the questionnaire

Adding your organisation’s branding

This section covers the common areas where you can set up your organisation’s branding in a survey template. There are many more areas that you can apply branding, Introduction to Survey Templates shows more ideas. Remember to apply these changes to all the editions of the questionnaire.

  1. In the Survey Overview window, double-click the Branded Template Builder survey to open in the Questionnaire window.
  2. Click Style Mode StyleModeIcon.png . This mode allows you to change the appearance of all the questions with a question style. Use this mode when adding any branding to the questionnaire.
  3. In the Question Style list, select the group of questions that will be updated with the style change. For example, when a Single Choice question is selected you can choose to update all questions that are Single Choice, all questions that are multi choice type questions, or all styles. You may choose a different group of questions for each style change.
  4. Make sure all the questions are named styles and do not have ‘Like’ in the title. ‘Like’ styles happen when you make a formatting change to the question without being in Style Mode. If there are any in the questionnaire, re-assign the style back to a standard style using the Style Organizer when in Style Mode.
Style Mode.PNG
  1. Once you have updated the survey template with the branding, click Save SaveIcon.png to save the changes.

Question box colours

You can change the check boxes to the branded colours by selecting the Boxes topic. If you want to change the box colours on all questions, select ‘All Styles’ in the Question Style list then click the Images button to change the colour.

BoxesChangeAllStyles.PNG

Question box style

You can change the box style of drop down or open ended questions using the Boxes dropdown. In the Question Style list, select the group of questions that you want to update.

ChangeBoxStyle.PNG

Navigation Button Style

The style and colour of the navigation buttons can be changed in the Questionnaire properties. Click Questionnaire properties QuestionnairePropsIcon.png then select Buttons. Click Design to display the Navigation Design where you can change the appearance of the buttons. We recommend that the Progress bar remains grey and the Submit button is set to green.

ButtonProperties.PNG

Change the logo

In the Questionnaire window, double click the logo placeholder. This opens the Image Properties dialog where you can browse for the logo image file. Ensure that the image is the right fit for each edition.

Update the font style and colour

Make any changes to the font, such as font face, size, style and colour by selecting the question style then selecting the Font topic. When editing Font styles, note that making changes to All Styles will also apply those changes to the Titles, Sub Titles and Instructions. It is therefore advised that these changes are made to each Question Style.

ChangeFont.PNG

Customise the web page shown on submission

There are a number of options available in Questionnaire properties QuestionnairePropsIcon.png that you may like to review, including the Submit section where you can specify where participants will be directed to after they have pressed submit

Link to your organisation’s information

Add in any standard questions, introductions or hyperlinks that are to be built into the survey each time the template is used. These may include links to privacy policies, instructions on how to complete the questionnaire, demographic questions and thank you messages. You can find further information on inserting hyperlinks at Using HTML.

Creating the Survey Template

The Branded Template Builder survey now contains your organization’s branding. The next step is to create the survey template from the Branded Template Builder survey.

  1. In the Survey Overview window, click Clone CloneSurveyIcon.png to create a copy of the Branded Template Builder – Snap Desktop survey and give it a relevant name, such as My Organization Survey Template – Desktop
  2. Open the cloned survey in the Questionnaire window and click Design Mode DesignModeIcon.png .
  3. Edit the text of the Title, Sub Title and Q1 so they become place holders. You may include other questions if you want them to be available by default when you create a new survey using the survey template.
Placeholders.PNG
  1. Delete all the other questions that are not displayed by default every time a new survey is created. That is, remove most of the other questions but leave any standardized text and questions, such as introductions, privacy statement and hyperlinks.
  2. Select the PC / Laptop edition then click Publish PublishIcon.png then in Method, select Preview Only. This ensures the PC / Laptop edition is the one that becomes the default when you create a survey from the survey template.
Publish.PNG
  1. Click Save SaveIcon.png to save the survey.
  2. In the Survey Overview window, select the survey then click Archive ArchiveIcon.png . Complete the archive dialog and click OK to archive the survey.
  3. Select the survey and click File | Save As Template to create the survey template. (Remove the auto-generated number 1 at the end of the name.)
SurveyTemplate.PNG

Testing

Before using the survey template, test the branding appears as required and check that images and branding work for all editions.

  1. In the Survey Overview window, right-click on the survey template and select Create Survey.
  2. In the New Survey dialog, enter the name, title and any other details for the survey.
  3. Click OK and this will display the survey in the Questionnaire window.
  4. Check that all the questions are shown as expected in each edition.
  5. Add a number of questions in different question styles.
  6. Save the questionnaire.
  7. Publish the survey and check that it displays on a PC, a tablet and a phone without any scrolling left and right.

Adding the survey template to a SurveyPak

Once you have created and tested the survey template you can add it to the User SurveyPak supplied with Snap XMP Desktop or your own SurveyPak. This lets you select the survey template from the list of User Templates when you create a new survey in the Survey Overview window and in Snap XMP Online. There are instructions at Adding a survey template to a SurveyPak showing how to add a survey template to a SurveyPak.

Contents