---
metadata:
  - name: generator
    content: Diplodoc Platform v5.56.0
alternate:
  - https://yandex.ru/support/kit/ru/site-editor/sections/faq.md
  - href: ru/site-editor/sections/faq.md
    type: text/markdown
    title: Markdown version
  - href: ../../llms.txt
    type: text/markdown
    title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/support/kit/ru/llms.txt


# Вопросы и ответы {#faq}

Секцию **Вопросы и ответы** можно добавить на любые страницы сайта, включая дополнительные. Секция выглядит как список вопросов, при нажатии на которые появляется текст ответа.

### Настроить секцию {#set-section}

1. Нажмите на секцию **Вопросы и ответы**.

2. Отредактируйте настройки в панели справа:
 

   #|
   ||
   
   **Настройка**

   |
   
   **Описание**

   ||
   ||
   
   **Заголовок секции**

   |

   Напишите заголовок секции. По умолчанию:
   
   * **Вопросы и ответы**.

   ||
   ||

   **Подзаголовок**

   |

   Напишите подзаголовок секции. По умолчанию:
   
   * **Ответили на популярные вопросы по нашим товарам**.

   ||
   ||

   **Палитра цветов**

   |

   Выберите, в какой палитре отображать секцию:
   
   * **Основная палитра цветов**
   
   * **Своя палитра цветов** — настройте свою палитру во вкладке **Тема**.

   ||
   ||

   <span style="font-size: 20px; font-weight: 600;">Внешний вид<span>

   |
   
   >

   ||
   ||

   **Количество колонок занимаемое секцией**

   |

   Настройте количество колонок с помощью ползунка — от **5** до **12**:

   * При выборе **5**, секция будет прижата к левому краю страницы.

   * При выборе **12**, секция растянется на всю ширину страницы.


   ||
   ||

   **Отображать вопросы**

   |

   Выберите, как будут отображаться ответы на вопросы:

   * **Открыт первый вопрос**

   * **Все открыты**

   * **Все закрыты**

   ||
   ||

   **Выравнивание секции**

   |

   Выберите, как выровнить секцию:

   * **По левому краю**

   * **По центру**

   * **Две колонки**

   ||
   ||

   **Вид отображения**

   |

   Выберите вид отображения вопросов и ответов:

   * **Без разделителей**

   * **Разделители**

   * **Остров**

   * **Остров с фоном**

   ||
   ||

   **Вид иконок**

   |

   Выберите иконку раскрытия и закрытия ответа на вопрос:

   * **Стрелки**

   * **Плюс и минус**

   ||
   ||

   <span style="font-size: 20px; font-weight: 600;">Размеры секции<span>

   |
   
   >

   ||
   ||

    **Растянуть секцию на весь экран**

   |

   Выберите ширину секции:

   * **Как в теме** — использовать настройки вкладки **Тема**.

   * **Да**

   * **Нет**

   ||
   ||

   **Отступ по краям на десктопе**

   |

   Выберите отступ секции по краям для полной версии сайта:

   * **Как в теме** — использовать настройки вкладки **Тема**.

   * **Своё значение** — выберите свои параметры.

   ||
   ||

   **Отступ по краям на телефоне**

   |

   Выберите отступ секции по краям для мобильной версии сайта:

   * **Как в теме** — использовать настройки вкладки **Тема**.

   * **Своё значение** — выберите свои параметры.

   ||
   ||

   **Отступ над секцией**

   |

   Выберите отступ над секцией:

   * **Двойной** — рекомендуется добавить, если сверху находится секция с фоном или нет секции.

   * **Обычный** — стандартный отступ между секциями.

   * **Нет** — секция соединяется вплотную с предыдущей.

   ||
   ||


   **Отступ под секцией**


   |

   Выберите отступ под секцией:

   * **Двойной** — рекомендуется добавить, если снизу находится секция с фоном.

   * **Обычный** — стандартный отступ между секциями.

   * **Нет** — секция соединяется вплотную со следующей.

   ||
   |#

3. Настройте элемент **Вопрос и ответ**.


## Вопрос и ответ

**Вопрос и ответ** — элемент внутри секции **Вопросы и ответы** в виде раскрывающегося блока с текстом.

{% note info %}

Секция **Вопросы и ответы** поддерживает неограниченное количество элементов **Вопрос и ответ**.

{% endnote %}

### Настроить элемент

1. Слева от названия секции **Вопросы и ответы** нажмите ![](../../_images/arrow-down.svg). и выберите элемент **Вопрос и ответ**.

2. Выберите элемент **Вопрос и ответ** и отредактируйте настройки в панели справа:
&nbsp;

   #|
   ||
   
   **Настройка**

   |
   
   **Описание**

   ||
   ||
   
   **Вопрос**

   |

   Напишите заголовок вопроса.

   ||
   ||

   **Ответ**

   |

   Напишите текст ответа и отредактируйте его с помощью меню:

   ![](../../_images/bold-font.png) — сделать жирное начертание.

   ![](../../_images/slant.png) — сделать наклонное начертание.

   ![](../../_images/heading.png) — добавить заголовок уровнем от **H1** до **H6**.

   ![](../../_images/list.png) — добавить маркированный или нумерованный список.

   ![](../../_images/link.png) — добавить ссылку в текст.

   ![](../../_images/unwrap.png) — развернуть окно редактирования текста на весь экран.

   ||
   |#

4. Чтобы добавить еще один элемент, в левой панели нажмите **Добавить элемент** и повторите п. 2.
   По умолчанию в секцию добавлено 3 элемента.

### Перенести элемент

Cлева от названия элемента зажмите ![](../../_images/six-dots.svg) и перетащите его.

### Копировать элемент

1. Справа от названия нужного элемента нажмите ![](../../_images/kebab.svg) → **Копировать**.

2. Справа от названия другого элемента нажмите ![](../../_images/kebab.svg) и выберите:
 
    * **Заменить** — чтобы заменить элемент на скопированный.
    * **Вставить элемент ниже** — чтобы вставить скопированный элемент ниже.

### Удалить элемент

Справа от названия элемента нажмите ![](../../_images/kebab.svg) → **Удалить**.

<!-- source: ru/_includes/support.md -->
<!-- стили желтой кнопки-ссылки: -->


## Обратиться в службу поддержки

<!-- желтая кнопка-ссылка: -->
[Написать в чат](https://yandex.ru/chat/#/user/6c041b05-07a4-99cc-79be-8670b7aff93d){.button}


<!-- желтая кнопка-ссылка: -->
[Написать письмо](https://yandex.ru/support/kit/ru/feedback.md){.button}
<!-- endsource: ru/_includes/support.md -->