Here you can find handy tips for setting how your Zendesk Chat survey looks to the respondent.
Edit survey background
Chat survey with white background can be created with following settings.
- In Design view, choose Page background color and change its value to transparent
- Choose Background color and change its value to white or other preferred color
Edit margins around the survey
Surveys have some empty space around their content by default. In chat surveys this space should be decreased to better fit the content.
- In Design view, under Sizes and shapes, select Width and change its value to 95%. Changing this value allows survey to take more space horizontally
- Give margin settings these values to decrease empty space vertically:
- Margin, top: 1em
- Margin, bottom: 1em
- Page margin, top: 0em
- Page margin, bottom: 1em
Hide extra buttons from survey
Survey shows additional buttons to enable editing answer later. These are not wanted in chat surveys and can be hidden with custom CSS below:
div.controls button.returnsubmit, div.controls button.save-anonymous { display: none; }
Additional optimization with custom CSS
Decrease space before Powered by Surveypal link
.form .poweredBy {margin-top: 1em; }
Decrease space between survey elements
.element { margin-bottom: 1em; }