Customize the appearance of the form

  1. Customize the theme
  2. Button names and messages
  3. Text formatting

Customize the theme

To make your form unique and appealing, customize the appearance of the text and buttons or add a background image:

  1. Select the form and go to the Theme tab.

  2. Choose one of the available themes or create your own using the Create theme button:

    1. Set a background for the form workspace: choose a fill color or an image from the gallery, or upload your own background.

      You can set background transparency, corner rounding, and text indentation. To make the background visible behind the response fields, set field transparency.

    2. Select a font and color of the text. Try to choose a color that makes the text easy to read against your selected background.

    3. Adjust the color, shape, and position of the buttons.

    4. Select the backdrop — that's the background around the form workspace. To do this, turn on Add backdrop, then select a fill color or an image from the gallery or upload your own background.

      The backdrop is visible if you open the form via the link.

    5. Click Save.

    To change your theme, hover over it and click .

  3. Click Save at the bottom of the page.

If the form is already published, its design changes.

Button names and messages

You can set button names on the form and the message that the user sees after submitting their response:

  1. Select the form and go to Settings → Text and submit logic.
  2. In the Form submission button, Next page button, Previous page button blocks, change the button names.
  3. In the Message after form sent block, enter the title and text of your message.
  4. Click Save.

Text formatting

To add formatting elements to the text (such as headers, lists, links, or italics), use Markdown. You can use Markdown to format:

  • Prompts and comments.

  • Response options.
  • The message about sending the form.

Note. For text formatting, Markdown uses *, -, >, and some other characters. If these characters are at the beginning of a line, they change the appearance of the text, but aren't displayed. To display them, add \* (a backslash) before them.

Example markup

Markup Result
## This is a heading

This is the text of a prompt. You can put it in *italics* or in **bold**.

### This is a second-level heading

The text can be arranged as a list:
1. List item.*
1. Lists can be nested:
 * Nested list item.
 * Nested list item.

This is an example of a [link](https://yandex.ru).

\* A note for the first item.