In Create tab you can prepare the layout for your survey by adding your questions, changing its theme, and setting up survey settings. In this article, we will walk you through altering your survey look by changing the theme colors to ensure it's completely in line with your company's branding and adjusting your survey settings such as positioning your survey on different parts of the page, setup overlay options, or customizing survey messages copy.
On the right side of the page, you are able to test-complete your survey (preview) before launching on your website.
Table of Contents:
Design your survey theme
It's very easy to adjust your survey's look to your website just by playing with the selector tools in the Design tab. There you'll find our standard themes for your survey.
You can create your own custom theme there as well, making your survey even more unique.
1. To create your own theme, click on the "New theme" button.
2. On the left side, you will see the color selectors for your theme as well as give your theme a name. Name your theme and adjust the colors to your liking.
3. 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 from the Add button. Then update your theme. Your changes should be visible on the right side the moment you update your theme.
Preview your survey
On the right side of the page, you can preview your survey as if you were a respondent before launching on your website. 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 the theme set up, click on Settings in the left sidebar for further installation. There you'll see Survey experience and Messages tabs.
Survey experience section allows you to set up your survey look and behaviour. Here you can adjust how you would like the survey to be appeared on the screen, its details, and position. You can also disable and enable Close and Minimize buttons by checking their toggles.
1️⃣ Progress Bar: Progress bar lets your respondent to see on which point on the survey they are on, and inform them about the length of your survey. It's located at the very top of your survey.
2️⃣ Remove Branding: In some of the paid plans, you have an option to remove the "Powered by Survicate" footer from your survey. You can see a list of our pricing and features here.
3️⃣ Start Minimized: It's also possible to define how your survey will start, by checking the tick box you can start your survey on the minimize setting, and it will open only when the visitor clicks on it.
4️⃣ Close button: If you would like your visitors to be able to close the survey, you can enable (or disable) the close button.
5️⃣ Minimize Button: Let your visitors minimize the survey instead of closing it.
6️⃣ Survey buttons position: By default, website survey controls are set to appear at the bottom. This position is proved to improve the response rate on your widgets. However, if you wish to change it you can see modify this setting.
7️⃣ Survey position: You can position your survey on different locations of the page, upper left or right, bottom, or lower left or right.
9️⃣ Background overlay: If you would like to add a website fade out, you can set this in the drop-down menu to dark overlay or light overlay.
Messages tab allow you to change the text of your survey buttons or customize the text on a minimized survey invitation to add a catchy message. This is especially useful if you are running a survey in a different language: