Yandex Cloud
  • Services
  • Solutions
  • Why Yandex Cloud
  • Pricing
  • Documentation
  • Contact us
Get started
Language / Region
© 2022 Yandex.Cloud LLC
Yandex Forms
  • Getting started
    • Choose a version of Yandex Forms
    • Create your first form
    • Enable Yandex Forms for business
    • Log in to Yandex Forms for business
  • Concepts
    • Service overview
    • Personal forms
    • Yandex Forms for business
  • Create a form
    • Overview
    • Add prompts
    • Make a test
    • Customize the form appearance
    • Configure conditions for submitting a response
    • Customize the result page
    • Response validation
  • Integration with other services
    • Overview
    • Send message
    • Publish the form on Yandex.Zen
    • Connect Yandex.Metrica
    • Create a task in Yandex Tracker
    • Add a response to Wiki
    • Send an HTTP request
    • Variables in integration settings
  • Publish a form
    • Publish a form
    • Limit responses
    • Configure pre-filling forms
      • Overview
      • GET parameters
      • Get question and response IDs
  • Get responses
  • Manage forms
  • Prompt blocks reference
    • Overview
    • Cities and countries
    • Date
    • Departments
    • Drop-down list
    • Email
    • File
    • Integer
    • Link
    • Long text
    • Multiple answers
    • Number
    • One answer
    • People
    • Phone
    • Rate on a scale
    • Series of questions
    • Text with no questions
    • Short text
    • Teams
    • Tests and quizzes
      • Overview
      • Multiple answers
      • Number
      • One answer
    • TIN
    • Wiki
    • Yes / No
  • Pricing rules
  • Support
  1. Create a form
  2. Customize the form appearance

Customize the form appearance

Written by
Yandex Cloud
  • Customize the theme
  • Button names and messages
  • Text formatting
  • Sample markup

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. Pick 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 so, turn on Add backdrop, and then select a fill color, pick 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 like headers, lists, links, and italics to the text, 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.

Sample markup

Markup:

## 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.

Result:

Was the article helpful?

Language / Region
© 2022 Yandex.Cloud LLC
In this article:
  • Customize the theme
  • Button names and messages
  • Text formatting
  • Sample markup