Изменение дизайна кнопки

Чтобы сохранить единый дизайн сайта, мы рекомендуем вам настроить вид кнопок в настройках.

Следуйте инструкциям ниже, чтобы изменить цвет кнопки, шрифт текста в ней и прочее.

Вы также можете посмотреть нашу видео-инструкцию на эту тему:

Шаг 1. Изменение дизайна кнопок в глобальных настройках

Нажмите на иконку Стиль сайта слева на панели управления:



Перейдите во вкладку Кнопки в открывшемся окне и выберите один из готовых вариантов в галерее:



Если вы хотите самостоятельно настроить вид кнопки, наведите на текущий стиль кнопки и нажмите Редактировать:



В новом окне выберите тип кнопки Primary или Secondary и кликните на нужную, чтобы перейти к редактированию:



Подсказка: здесь вы можете изменить шрифт, который используется для текста в кнопках, а также его форматирование:



После выбора типа кнопки в новом окне вы сможете изменить цвет заливки, текста и границ кнопки:



Важно: не забудьте отдельно настроить дизайн кнопок для тёмного фона:



По завершению редактирования кнопок кликните Готово.

Шаг 2. Изменение стиля конкретной кнопки

Чтобы изменить дизайн для конкретной кнопки на сайте, кликните на неё и нажмите на «бегунок», чтобы перейти к настройкам:



Откройте вкладку Стиль в новом окне и выберите подходящий тип (Основная, Второстепенная или Ссылка), стиль и размер кнопки:



Подсказка: выбирайте Основной тип для кнопок с призывом к важному действию например, «Отправить заявку» и так далее. Второстепенный тип больше подходит для кнопок с призывом чуть меньшего значения например, «Посмотреть портфолио». Тип Ссылка предназначен для показа дополнительной информации например, «Узнать больше».

Помимо этого, вы можете добавить иконку в кнопку, а также изменить её выравнивание относительно текста:



Не забудьте опубликовать свой сайт, чтобы изменения вступили в силу.

Примечание: добавьте переход с кнопки на сторонний ресурс, другую страницу или блок, следуя инструкциям в статье Добавление ссылок на элементы.

Последнее изменение: 29/04/2024