How to configure theme for the survey?

GoSurvey theme support enables you to add your logo and customize the total look and feel of the survey. Branding strengthens the business and can lead to a good marketing strategy. Customers nowadays get captivated towards more customize products rather than the generic ones. GoSurvey helps the business to do the branding via adding themes to the survey. To configure Theme, follow below steps:

Step 1:

Once the user is all done with survey configuration part, click on “Themes” available on the left hand side panel.

A screen will show up. A readymade theme will be available, this theme will be regard to the survey template selected while creating the Gosurvey account i.e the purpose of creating the account.

Step 2:

To create a customized theme click on “Add Theme” available on top right hand side corner of the screen.

Step 3:

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

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 discussed earlier there are 3 layout types and the configuration is also different for all three The theme can be personalized as below:

Portrait Layout Theme Configuration:

Select Portrait layout to create theme for portrait screen, a screen will show up.

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 hand side GoSurvey avails the preview of the survey form , so that the user can feel the real time perspective of its form and can make the improvements if required.

Landscape Layout Theme Configuration:

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

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 hand side GoSurvey avails the preview of the survey form , so that the user can feel the real time perspective of its form and can make the improvements if required.

Web Theme Configuration:

Web Survey proves to be a good and a beneficial for the feedback such as hotel customers or trade show customers, where the respondents have shortage of time to sit and 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 added as a top up feature in the package 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.

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 hand side GoSurvey avails the preview of the survey form , so that the user can feel the real time perspective of its form and can make the 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.

To assign the created theme select the dropdown 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 dropdown list.