Кнопки

Кнопки — это раздел настроек блока, который содержит в себе настройки всех кнопок в блоке.

• Размер

• Форма

• Тип

• Цветовая тема

• Название

• Ссылка

Раздел «Кнопки(а)» присутствует во многих блоках. Настройки в разных блоках могут отличаться, в зависимости от специфики блока.

Размер кнопок можно настроить только для всех кнопок одновременно (если их несколько). Чтобы настроить размер кнопки, нажмите на поле выбора размера. Появится выпадающий список с доступными значениями размера кнопок в виде «маек»: L, M, S.

Пример блока с выбранным размером кнопок — L.

Пример блока с выбранным размером кнопок — M.

Пример блока с выбранным размером кнопок — S.

Форму кнопок можно настроить только для всех кнопок одновременно (если их несколько). Чтобы настроить форму кнопки, нажмите на поле выбора формы. Появится выпадающий список с доступными значениями скругления кнопок: прямая, скругленная, круглая.

Пример блока с выбранной формой кнопок — Прямая.

Пример блока с выбранной формой кнопок — Скругленная.

Пример блока с выбранной формой кнопок — Круглая.

Тип кнопок можно настроить для каждой кнопки отдельно (если их несколько). Чтобы настроить тип кнопки, нажмите на поле выбора типа. Появится выпадающий список с доступными значениями типа кнопок: главная, вторичная, третичная, с тенью.

Тип кнопок является их приоритетом друг на другом. Вторичная кнопка приоритетнее, чем третичная. Третичная приоритетнее чем кнопка «с тенью». Главная кнопка является самой главной.

Самое важное действие на странице старайтесь определять для главной кнопки. Менее важное для вторичной. Для второстепенных и дополнительных действий используйте третичную и «с тенью».

Цветовая тема кнопок — это предустановленный набор стилей цвета фона, текста и обводки, адаптированный под расположение кнопок на светлом или на темном фоне. Цветовая тема кнопок может быть: светлая, темная, автоматически.

• «Светлая» адаптирована для расположения кнопок на светлом фоне.

• «Темная» адаптирована для расположения кнопок на темном фоне.

• «Автоматически» означает, что значение «светлая или темная» зависит от выбранного значения цветовой темы в настройках сайта.

Пример блока с выбранной цветовой темой кнопок — Темная.

Пример блока с выбранной цветовой темой кнопок — Светлая.

Название кнопки — это текст, который в ней отображается. Чтобы ввести название, нажмите на поле ввода названия кнопки и заполните его.

У каждой кнопки может быть свое название.

*В отдельных случаях название кнопки и прочие настройки могут находиться внутри карточек.

Пример блока с кнопками, у которых разные названия.

Чтобы при нажатии на кнопку открывалась какая-либо ссылка, введите ее в соответствующее поле для ввода ссылки. Ссылка может быть на любой другой сайт, на страницу вашего сайта, якорная ссылка в рамках одной страницы или ссылка на всплывающее окно.

Вы также можете настроить, чтобы ссылка открывалась в новой вкладке. Для этого нажмите галочку «Открывать ссылку в новой вкладке».