Редактор Studio: добавление и настройка кнопок
6 мин. чтения
Кнопки — это отличный способ побудить посетителей выполнить нужные действия. В редакторе Studio можно добавить кнопки, которые показывают текст, значок, или и то, и другое. Вы можете полностью настроить дизайн и макет кнопки и создать именно тот вид, который вам нужен.
![Примеры дизайна кнопок, которые можно создать в редакторе Studio](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/11/09/7d1e104a-89cd-4f37-b37a-0b7097b06f75/465ffaa7-1af5-4ae9-bc89-3f1093a03d0e.png)
Содержание:
Добавление кнопки
При добавлении новой кнопки вы можете выбрать дизайн из двух категорий:
- Базовые кнопки: эти кнопки отображают только текст и имеют более «минималистичный» вид.
- Кнопки с дизайном: на этих кнопках могут отображаться как текст, так и значки, а также предлагаются расширенные параметры настройки (например, фон изображения, цветовые градиенты и многое другое).
Подробнее о базовых кнопках и кнопках с дизайном
Чтобы добавить кнопку:
- Нажмите Добавить элементы
в левой части редактора.
- Нажмите Кнопки.
- Выберите дизайн и перетащите понравившуюся базовую кнопку или кнопку с дизайном на страницу.
Нужно вдохновение?
Посмотрите статьи по кнопкам:
Настройка базовых кнопок
После добавления базовой кнопки настройте ее текст и выберите, куда она ведет. После этого настройте дизайн — выберите другой цвет заливки, добавьте тень и настройте другие параметры, такие как интервал и форматирование текста.
Чтобы настроить базовую кнопку:
- Выберите нужную кнопку.
- Выберите, что вы хотите настроить:
Измените текст
Добавьте ссылку к кнопке
Настройте дизайн кнопки
![Скриншот базовой кнопки с параметрами дизайна в панели инспектора](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/19/8571751e-410c-44d7-9b2b-e8b0b27ced02/7791197b-7f63-4a72-a446-d7c51e14f754.png)
Настройка кнопок с дизайном
Кнопки с дизайном предлагают множество параметров настройки, чтобы вы могли настроить их до мельчайших деталей. Измените текст и значок в соответствии с желаемым действием, выберите, как они должны быть расположены, установите градиент или изображение в качестве фона и многое другое.
Чтобы настроить кнопку с дизайном:
- Выберите нужную кнопку.
- Выберите, что вы хотите настроить:
Измените текст и / или значок
Добавьте ссылку к кнопке
Настройте дизайн кнопки
Настройте макет кнопки
![Скриншот кнопки с дизайном с параметрами дизайна в панели инспектора](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/19/a8c374fb-dc7b-48c1-8d07-1f25b8170c95/9c644c91-95b1-4e4c-bf62-3b11b7d34f1d.png)