Guide

How to configure theme for the survey?

GoSurvey theme support enables you to add your business logo and customize the total look and feel of the survey. Branding strengthens your business. Customers nowadays get captivated towards more customized products rather than the generic ones. GoSurvey helps businesses to personalize surveys via adding themes to the survey. To configure theme, follow the below steps:

Step 1

Once the survey configuration part is done, click on Themes available on the left hand side panel.

Themes

On the next screen, a ready-made theme will be available, this theme will be according to the survey template selected while creating the GoSurvey account i.e the purpose of creating the account.

Step 2:

To create a customised theme click on Add Theme available on top right corner of the screen.

Add Theme

Step 3:

A screen will be displayed in which the user has to select the layout type for which the theme needs to get configured.

Theme Layout

  • Three layout types will be available:
    • Portrait
    • Landscape
    • Web Link (enabled only included in the package)
  • On selecting any layout type a new screen will show up . As mentioned above, there are 3 layout types and the configuration is also different for all three The theme can be personalised as below.
  • Portrait Layout Theme Configuration:

    Select Portrait layout to create theme for portrait screen.

Portrait Layout

  • The configuration fields are as follows:

    • Theme Name
      Provide a name to the theme.
    • Header Background Code
      Enter the HTML code of the color that needs to be kept for header of the survey form. User can select the colors from the colorpicker which gets enable on selecting the HTML code.
    • Header Text
      Select / Enter the color code of the text which will appear on the header of the survey form.
    • Body Background Color
      Select / Enter the color code of the background color in case there is no background image and the user wants a solid background of the survey.
    • Body Text Color
      Select / Enter the color code of the text which a match with the background image.
    • Body Icon Color
      Select / Enter the color code of the icon that will be displayed for the question types like - Check Box , Radio Buttons, 5 Star Rating etc.
    • Input Text Color
      Select / Enter the color code of the text in the context of the input or answer text.
    • Group Background Color
      Select / Enter the color code of the group background. This will only be appear if the user has created the form with the groups in it.
    • Group Text Color
      Select / Enter the color code of the text color that will be appeared on the group.
    • Form Background Image
      Upload an image for the background of the survey form.The image should not be more than 2MB in size.

    On the right side there is an option to preview the survey form so that the user can see the real time perspective of their form and can make any improvements if required.

  • Landscape Layout Theme Configuration:

    On selecting the Landscape Layout a screen will be displayed as shown below.

    Landscape Layout
    • The configuration fields are as follows:

      • Theme Name
        Provide a name to the theme.
      • Header Background Code
        Enter the HTML code of the color that needs to be kept for header of the survey form. User can select the colors from the colorpicker which gets enable on selecting the HTML code.
      • Header Text
        Select / Enter the color code of the text which will appear on the header of the survey form.
      • Body Background Color
        Select / Enter the color code of the background color in case there is no background image and the user wants a solid background of the survey.
      • Body Text Color
        Select / Enter the color code of the text which a match with the background image.
      • Body Icon Color
        Select / Enter the color code of the icon that will be displayed for the question types like - Check Box , Radio Buttons, 5 Star Rating etc.
      • Input Text Color
        Select / Enter the color code of the text in the context of the input or answer text.
      • Footer Background Color
        Select / Enter the color code for the footer color. In Landscape layout type there is one question per page so there is no group/cluster of questions enable.
      • Footer Text Color
        Select / Enter the color code of the text color that will be appeared on the group.
      • Footer Icon Color
        Select / Enter the color code of the icon that will be displayed for the “Previous” or “Next” icon.
      • Form Background Image
        Upload an image for the background of the survey form.The image should not be more than 2MB in size.

      On the right side there is an option to preview the survey form so that the user can see the real time perspective of their form and can make any improvements if required.

    • Web Theme Configuration:

      • Web Survey proves to be beneficial for customers feedback where the respondents have a short time to fill up the surveys. The user can send the web survey link to the respondent via any communication medium and can get the feedback.
      • Web Surveys is added as an enterprise feature in GoSurvey and is only enable on demand of the account owner. Web Theme Configuration will also be enabled in the same case.
      • Click on Web Theme to create the theme for web.

Web Theme

  • Fill the following fields to configure the theme:

    • Theme Name
      Provide a name to the theme.
    • Header Background Code
      Enter the HTML code of the color that needs to be kept for header of the survey form. User can select the colors from the colorpicker which gets enable on selecting the HTML code.
    • Header Text
      Select / Enter the color code of the text which will appear on the header of the survey form.
    • Body Background Color
      Select / Enter the color code of the background color in case there is no background image and the user wants a solid background of the survey.
    • Body Text Color
      Select / Enter the color code of the text which a match with the background image.
    • Body Icon Color
      Select / Enter the color code of the icon that will be displayed for the question types like - Check Box , Radio Buttons, 5 Star Rating etc.
    • Input Text Color
      Select / Enter the color code of the text in the context of the input or answer text.
    • Group Background Color
      Select / Enter the color code of the group background. This will only be appear if the user has created the form with the groups in it.
    • Group Text Color
      Select / Enter the color code of the text color that will be appeared on the group.
    • Form Background Image
      Upload an image for the background of the survey form.The image should not be more than 2MB in size.

    On the right side there is an option to preview the survey form so that the user can see the real time perspective of their form and can make any improvements if required.

Step 4:

  • Once the theme is configured, user will have to assign it to specific survey.
  • To assign the theme , click on Surveys link and open the desired survey where the theme needs to be assigned.

Surveys

  • To assign the created theme select the drop-down list of Theme field available on the right side of the screen.
  • If the user has created portrait layout then only the portrait themes will be available for selection in the dropdown list and case would be there for the landscape layout survey.There is a different field for Web Theme selection, the field will be below the Theme selection field.
  • The customize theme will automatically available in the drop-down list.

Theme Selection