In the 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:

This article shows how to customize the widget survey design. If you want to learn first how to create the survey or install the Survicate tracking code on your website, please navigate to one of the below sections.

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.

2. On the left side, you will be able to give your theme a name and see the color selectors for your theme. Here, you can adjust the colors to your brand and enable Customization to let your respondents know that you're the one conducting the survey.

💡 You can also upload your logo in the Survey settings > General tab, to easily add it to any of your Email, Website, or Mobile surveys.

3. Once you are ready with your template, click Update Theme to save your settings.

Enable the Custom CSS toggle in the theme settings, and paste in your CSS code after clicking on the Add button. Then update your theme. Your changes should be visible on the right side of the Create tab when you update your theme.

Once you have finished with the theme setup, click on Settings in the left sidebar for further installation. There, you'll see the Survey experience and Messages tabs.

The survey experience section allows you to decide on your survey's look and behaviour. Here you can adjust how you would like the survey to appear on the screen, its details, and its position. You can also disable and enable the Close and Minimize buttons by checking their toggles.

Navigation: Allow respondents to go back to the previous questions to adjust their answers.

Progress bar: The progress bar lets your respondent see at which point of the survey they are and informs them about the length of your survey. It's located at the very top of your survey.

Remove branding: In some of the paid plans, you have the option to remove the Powered by Survicate footer from your survey. You can see a list of our pricing and features here.

Start minimized on desktop: It's possible to define how your survey will start on the desktop. You can decide to start your survey minimized and extend it only when a visitor clicks on the widget.

Start minimized on mobile: Define how your survey will start on mobile devices; by enabling this toggle, you can start your survey on the minimized setting and extend it only when a visitor clicks on the widget.

Close button: You can enable or disable the close button, to prevent the survey from being closed.

Minimize button: Let your visitors minimize the survey instead of closing it.

Layout: You can position your survey in different locations on the page, upper left or right, center, or lower left or right.

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.

Default language: It can influence the survey questions you see in the Question Library. For example, saving your questions to the Library from a survey with Default language set to English, will only let you use those questions in other surveys with the same Default Language.

The Messages tab allows 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.

On the right side of the page, you can preview your survey as if you were a respondent before launching it on your website. Every change to your survey appears here in real time, and you will be able to test the look and feel of your survey as you go on creating it.

💡Click the icons in the top right corner to see how your survey looks on desktop or mobile devices: