In the Design tab, you can customize the design of the landing page of your surveys so it's in line with your company's branding. You'll be able to tweak your survey by changing survey colors or adding your company's logo.
On the right side, you will be able to preview your survey as if you were a respondent. If you are creating an email embedded survey, you can also switch between the page and email previews.
Table of Contents:
Design survey page theme
It's very easy to adjust your survey's look to your survey page just by playing with the selector tools in the Design tab. There you'll find our standard theme for your survey and change the main color of your survey's page.
To create your own theme, click on the "New theme" button.
On the left side, you will see the color selector where you can change the main color of your survey's page.
Once you are ready with your template, click Update Theme to save your settings.
💡Tip: If the theme you are using is currently used in any other surveys, you will see a notification that this theme is being used on other surveys. In this case please remember that any changes you make to this template will apply to all surveys running on that particular template.
If you don't wish to update all the surveys but only your particular survey, then you can easily duplicate your theme and make changes to this theme instead.
📌 In some of the paid plans, you will be able to edit your custom CSS from the Theme settings, enable the custom CSS toggle in the theme settings, and paste in your CSS code. Then update your theme. Your changes should be visible on the right side the moment you update your theme.
If your first question is a Single Choice, NPS, or a Smiley scale, you are also able to modify how the email template will look like. To set it up, navigate to the Email template tab.
Here, under relevant settings, you can modify our survey's embedding template color, add a logo, and button style.
Preview your survey:
On the right side of the page, you can preview your survey as if you were a respondent. Every change to your survey appears here in real-time, and you will be able to test the look&feel of your survey as you go on creating it.
💡Tip: Click icons top right corner to see how your survey looks on desktop or mobile devices
Adjust your survey settings
Once you have finished with design set up, click on Settings in the left sidebar for further customization. There you'll see Survey experience and Messages tabs.
Survey experience section allows you to set up your survey elements. Here you can enable survey navigation, progress bar, Survicate branding, or add your logo. Check out the features below:
1️⃣ Navigation: Enabling survey navigation will let your respondents' to return to their pass responses and change their response submission.
2️⃣ Progress bar: Inform your users about the length of your survey with the progress bar located on top of your survey page.
3️⃣ Remove Branding: Remove the "Powered by Survicate" footer, and "Create your survey" CTA button at the end of your survey.
4️⃣ Your logo: Add your company logo to your survey, and make your survey branded as your own! To add your logo to your survey, click Add logo and upload the file from your computer. The image will be added at the very top of the landing page.
Messages tab allow you to alter the buttons and messages of your survey. This is especially useful if you are running a survey in a different language: