Skip to main content

Create and customize a survey for your mobile app

How to create and design your mobile survey theme and settings

Written by Agnieszka

With Survicate mobile surveys, you can conduct mobile UX tests to find out who your users are. What is more, you can uncover their main pains, needs, and goals while using your mobile app. Survicate mobile surveys can help you:

  • Find out exactly how your users feel about your app and use that knowledge to change, adapt, and improve;

  • Catch negative responses before they appear in reviews and discover what needs improvement;

  • Use contact forms, open-ended questions, and rating systems as additional features of your app.

Learn more about the benefits of running mobile surveys here 📽️

Step 1. Create a mobile app survey

When you log in to your account, you'll see the panel where you can view all surveys you’ve created - active and inactive. To create a new survey, click on +Create new survey.

Pick how you'd like to continue creating this survey. There are four options to choose from. You can either set up a survey of your own (start from scratch), select a survey from our templates library (start from template), create a survey with AI, or import questions you prepared before.

Choose the Mobile app survey from the menu and click Continue:

To guide you through creating a survey, let's build one from scratch.

Step 2. Add a new question

Start by adding your first question by selecting one of the question types:

You can change the copy of your question by clicking the copy bar; you can also include an introductory text by clicking Add introduction:

📌 You can easily duplicate or delete a question by clicking the "..." icon:

📌 You can insert a question directly at a specific point in the survey by clicking the purple ➕ button in between the questions. It'll appear on mouseover:

Step 3. Set up survey logic

Once you've added all the questions you want to ask, you can move on to setting up survey logic for a personalized survey experience. Head to the question you'd like to set a follow-up for, then move to the Logic tab. Logic allows you to decide what questions a respondent should see, based on their answers to previous survey questions. You'll find full instructions here.

Step 4. Design your mobile survey theme and settings

Adjust your survey's look to match your app by playing with the selector tools in the Theme tab.  Here, you'll find the standard theme for your survey, or you can create your own.

If you choose an existing theme, you can edit it by clicking Edit selected:

You can create your own theme by clicking the + New theme button:

You can also edit an unselected theme by clicking the edit button. It'll appear on mouseover:

If you want to change the already chosen theme, you can go back to the full list by clicking on All themes:

💡 If the theme you are using is currently used in any other surveys, you will see a notification:

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.

2. In edit mode, you can rename your theme and adjust the colors of specific elements, such as questions, answers, background, and so on:

As you can see, it's possible to add both a Light and a Dark theme to your survey.

❗ Dark/Light feature is available starting from version 7.1.0 of our SDK.

In your app, the survey's design (dark vs. light) will align with your respondent's system settings. If, for any reason, you'd like to override it, you can do so via code, as described in:

After making any changes to the survey's theme, remember to save them with the Save button:

In the main view of the Create tab, you can switch between dark and light modes too:

3. In the Font section, you will see some fonts available to select:

They are divided into 3 categories:

  • System fonts

  • General-purpose fonts

  • Language-specific fonts

❗️In Mobile app surveys, selecting fonts in the survey creator is for preview purposes only. The selected font will not be applied automatically to the live mobile survey. All fonts in mobile surveys should be set in the code via the following method:

❗This feature is available starting from version 7.2.0 of our SDK.

4. Below, in the theme setup, you can enable Customization. It allows you to add your Company logo (on some of the plans), a Short text message, or an Avatar image:

📌 At the moment, it's not possible to enable the Company logo at the same time as the Short text message and Avatar image are enabled.

Step 5. Settings

Once you have finished the theme setup, click Settings in the left sidebar to continue. This section lets you configure your survey's appearance. You can switch between dialog and full-screen layout.

Starting with SDK version 5.1.0, your survey can have the Navigation feature enabled, allowing respondents to move back to previous questions if they wish to review or change their answers.

You can also decide if you'd like to show a Progress bar to let your respondents know what percentage of the survey they have already completed.

💡 We recommend disabling the progress bar if your survey only has one question. With only one question, the bar will show 0% progress.

You can choose to remove Survicate branding to make the survey more on-brand with your design. Changing this setting disables or enables branding on all surveys in your workspace.

📌 Removing Survicate branding is available on some of the plans.

The two bottom settings are related to the Multilingual surveys feature. If you create your survey in multiple languages (see the next step), the Default language is the language we'll be able to later translate your responses to in the Analyze tab. Language selection by respondent allows your respondent to choose which of the available languages they want to submit their response in. 

Step 6. Texts

The Texts tab allows you to change the text of the survey's actions that the respondents see while responding to the survey:

Step 5. Optional: Translate your survey

You can use the Translations feature to create surveys in multiple languages to customize the experience for your respondents, increase response rates by ensuring your contacts see the survey in their language, and save time by creating just one survey instead of multiple for each language.

📌 This feature is available on some of our plans, starting from SDK version 2.2.0, and only for standard mobile themes.

To add Translations to your Mobile survey, click here:

A pop-up window will appear where you can select the languages you want your survey in. You can select more than one at a time, or if you're unsure which ones you need, you can select just one and always add more later. You can also choose if you'd like to add the languages manually or use Google Translate:

💡 Check out this article to learn more about Multilingual surveys.

Frequently asked questions

Can I customize the design with Custom CSS?
Custom CSS is not supported on mobile surveys.

Can I use the same workspace for multiple mobile apps?
Yes, you can use one workspace for multiple mobile apps on different platforms.
​

Can I create surveys for a Dark Mode?
At the moment, there's no option to create a survey theme that would automatically adjust to your mobile app's dark mode.

📞 If you have any questions or need help with Mobile surveys, feel free to reach our team at support@survicate.com.

Did this answer your question?