25 Questions for a Construction Customer Satisfaction Survey 
Design Setup
Updated
On this page
The look of a survey is set by a theme: colors, fonts, buttons, background and logo. Apply a ready theme from the gallery or create your own on the Design tab.
Paid feature. Your own themes are available on the Basic plan and higher. Gallery themes work on all plans. Compare plans
Applying a theme from the gallery
- Open the survey and go to Survey → Design.
- On the Gallery tab (1), click a theme card.
The survey preview on the left changes right away. Respondents see the new theme after you click Publish.
Creating your own theme
- On the Design tab, open My Themes.
- Click New Theme. The theme editor opens with a gallery theme as the starting point.
- Enter the theme name at the top (1) and change the settings, for example Color presets (2) or Font (3). All settings are listed in the table below, and the preview shows every change.
- Click Save as a new theme.
The theme appears in My Themes and is applied to the survey. Changes in the editor are not saved until you click the save button. If you click Back before that, they are lost.
To start from a gallery theme instead, apply it, click the three-dot icon (⋯) on its card (2 in the first screenshot) and select Edit. Save the result with Save as a new theme: gallery themes themselves can't be changed.
Theme settings
| Setting | What it changes |
|---|---|
| Color presets | Sets all theme colors at once from a ready palette. |
| Size and placement | Text size and alignment (left or center), separately for Welcome and thank-you screens and for Questions. |
| Content width | Narrow, Normal, Wide or Full screen. |
| Font, Heading font | The main font and the font of headings. Same as main uses one font for both. |
| Titles, Answers, Answer text | Colors of question titles, of selected answer options and of the answer text. |
| Border width, Response corners | The border and corner rounding of answer options. |
| Input field style | Box or Underline for text fields. |
| Dropdown background | Background color of dropdown lists. |
| Buttons, Button text | Button color and button text color. |
| Button type, Button corners, Full-width button | Filled or Border buttons, their rounding and width. |
| Transition animation | How questions change: Slide, Fade, Zoom, Blur or No animation. |
| Progress bar | Bar and percentage, Bar or Question counter. Whether the progress bar is shown at all is set in Survey Settings. |
| Background type | Color + picture (a color in Bg plus an optional image) or Gradient (Layer color, Start gradient, End gradient and Direction). |
| Background image | Click Add to upload an image. Choose its position, then Transparency, Saturation, Contrast and Brightness. In Cover, choose Stretch, Contain or Tile. |
| Logo | Click Add to upload a logo. Choose its Size and Placement (left, center or right). |
| Disclaimer text | A short text at the edge of the page, for example legal details. Set where to show it (Show on), Placement, Alignment, Text size and color. |
| Custom CSS | Your own styles for the theme, see below. |
Editing and deleting your themes
Apply your theme, then click the three-dot icon (⋯) on its card:
- Edit opens the editor. Click Save to update the theme. The three-dot icon next to Save opens Save as a new theme, Reset theme (undo unsaved changes) and Delete theme.
- Duplicate creates a copy with a default name and a number.
- Delete removes the theme after you confirm with Remove. Surveys that used it switch to the default theme.
Important. A theme can be used in several surveys. When you save changes to it, all these surveys get the new look. Respondents of an already published survey may see the old look until you click Publish in that survey again.
Adding custom CSS to a theme
- In the theme editor, click Add next to Custom CSS (or Edit if the theme already has CSS).
- Enter your CSS. The Theme variables and Element classes tabs list what you can use. Click an item to insert it.
- Click Apply, then save the theme.
For example, to make question titles larger:
.widget-title {
font-size: 32px;
}
You can also add code to the survey page in Settings → HTML code (Standard and higher). That code applies to one survey, not to a theme.
Limits
- The font list has about 250 fonts. You can't upload your own font.
- A background image can be up to 3 MB.
- Custom CSS can be up to 20,000 characters.
- In a shared account, applying and editing themes depends on your role, see Team Members and Roles.