header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image

Редактор Studio: добавление и настройка кнопок

6 мин.
Кнопки — это отличный способ побудить посетителей выполнить нужные действия. В редакторе Studio можно добавить кнопки, которые показывают текст, значок, или и то, и другое. Вы можете полностью настроить дизайн и макет кнопки и создать именно тот вид, который вам нужен.
Примеры дизайна кнопок, которые можно создать в редакторе Studio

Добавление кнопки

При добавлении новой кнопки вы можете выбрать дизайн из двух категорий: 
  • Базовые кнопки: эти кнопки отображают только текст и имеют более «минималистичный» вид.
  • Кнопки с дизайном: на этих кнопках могут отображаться как текст, так и значки, а также предлагаются расширенные параметры настройки (например, фон изображения, цветовые градиенты и многое другое).

Чтобы добавить кнопку:

  1. Нажмите Добавить элементы  в левой части редактора.
  2. Нажмите Кнопки.
  3. Выберите дизайн и перетащите понравившуюся базовую кнопку или кнопку с дизайном на страницу.
Нужно вдохновение?
Посмотрите статьи по кнопкам:

Настройка базовых кнопок

После добавления базовой кнопки настройте ее текст и выберите, куда она ведет. После этого настройте дизайн — выберите другой цвет заливки, добавьте тень и настройте другие параметры, такие как интервал и форматирование текста.

Чтобы настроить базовую кнопку:

  1. Выберите нужную кнопку.
  2. Выберите, что вы хотите настроить:
Скриншот базовой кнопки с параметрами дизайна в панели инспектора

Настройка кнопок с дизайном

Кнопки с дизайном предлагают множество параметров настройки, чтобы вы могли настроить их до мельчайших деталей. Измените текст и значок в соответствии с желаемым действием, выберите, как они должны быть расположены, установите градиент или изображение в качестве фона и многое другое.

Чтобы настроить кнопку с дизайном:

  1. Выберите нужную кнопку.
  2. Выберите, что вы хотите настроить:
Скриншот кнопки с дизайном с параметрами дизайна в панели инспектора