Аккордеон
Виджет Аккордеон представляет собой список с раскрывающимся содержимым. По клику на раздел в таком списке, откроется поясняющий или подробный текст. Виджет Аккордеон особенно удобно использовать для создания блоков Вопрос-Ответ. Пример отображения виджета:
- Добавление виджета.
Откройте или создайте страницу с типом Новая страница и добавьте виджет Аккордеон, перетащив его в нужную область страницы.
- Добавление элементов списка.
Перейдите в режим редактирования виджета, кликнув по значку шестеренки в правом верхнем углу. В открывшемся окне настроек нажмите на кнопку Добавить раздел.
Заполните заголовок раздела и добавьте описание, которое будет открываться при клике на заголовок. Сохраните изменения.
В описание вы можете добавлять текст и настраивать его оформление, размещать ссылки на другие страницы сайта или сторонний сайт, добавлять изображения.
- Добавление ссылки
Выделите текст, к которому вы хотите добавить ссылку, и нажмите иконку Вставить/Редактировать ссылку.
В открывшемся окне выберите тип ссылки Ссылка и укажите адрес сайта или адрес страницы, которая должна открываться.
ВАЖНО: если ссылка ведет на сторонний сайт, то указывайте полный адрес ссылки с доменом, например, https://vigbo.com/templates Если переход должен быть на страницу на вашем сайте, указывайте в качестве ссылки только адрес страницы без доменного имени, в начале ссылки должен быть символ / Пример: /templates
- Добавление изображения
При помощи сочетания клавиш Ctrl+C (для Windows) скопируйте изображение на вашем компьютере. Затем поставьте курсор в том месте в тексте, где вы хотите добавить картинку и нажмите клавиши Ctrl+V (для Windows). Дождитесь загрузки. Также добавлять изображения можно при помощи способа «drag-and-drop»: зажмите картинку на компьютере мышкой и удерживая его, перетяните в описание. Этим вариантом вы можете добавить фото на macOS и на Windows.
Дополнительно вы можете указать в свойствах изображения его ширину и высоту, добавить отступы и границы к фотографии, задать выравнивание. Чтобы перейти к этим настройкам, нажмите правой кнопкой мыши по изображению и выберите в списке пункт Свойства изображения.
Обратите внимание, если указанные размеры фотографии будут больше, чем размеры самого виджета Аккордеон, то фотография автоматически будет подстраиваться под ширину виджета на разных экранах.
- Таким образом добавьте все остальные разделы в список. При необходимости вы всегда сможете поменять их порядок при помощи стрелок, отредактировать пункты по клику на иконку карандаша и удалить ненужные разделы по клику на иконку корзины.
- Настройте оформление виджета.
Во вкладке Оформление вы можете изменять ширину виджета, задавать для него выравнивание, а также подобрать шрифтовые настройки для заголовков и для текста описания.
Для применения настроек нужно нажать кнопку Сохранить в окне с настройками виджета и кнопку Сохранить для страницы.
Несколько примеров, для чего может быть быть использован виджет, вы можете посмотреть в руководстве 5 вариантов применения виджета Аккордеон.
Последнее изменение: 24/03/2026
Спасибо!