Редактор Wix: Кнопки

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

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

Выберите подходящую кнопку

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

Добавьте ссылку к кнопке, чтобы направить посетителей в нужное место на сайте. Вы можете ссылаться на разные места и опции, в зависимости от типа кнопки и потребностей сайта. Типы ссылок, которые вы можете добавить к кнопке:
  • На страницу: направьте посетителей на другую страницу вашего сайта.
  • Веб-адрес: свяжите свою кнопку с внешним URL-адресом, чтобы перенаправить посетителей на другой сайт.
  • Якорь: свяжите кнопку с якорем на сайте. Когда посетители нажмут на нее, они попадут на соответствующую страницу и якорь.
  • Наверх / вниз страницы: когда посетитель нажмет на эту кнопку, он попадет в верхнюю или нижнюю часть страницы, на которой находится в данный момент.
  • Документ: свяжите кнопку с файлом, который вы загрузили на свой сайт.
  • Эл. почта: подключите кнопку к своему адресу эл. почты, чтобы посетители могли связаться с вами напрямую из своего браузера или устройства.
  • Номер телефона: подключите кнопку к номеру телефона, чтобы посетители с мобильных устройств или планшетов могли мгновенно позвонить вам. Посетители с компьютера попадут в приложение для звонков, например FaceTime.
  • Промобокс: свяжите кнопку с выбранным промобоксом на сайте.
Панель ссылок в редакторе. Выбрана веб-страница, и в поле введен URL-адрес Wix.
Примечание
В зависимости от типа кнопки вы можете не увидеть возможность добавить ссылку. Например, значки документов можно подключить только к файлам на сайте.

Настройте дизайн кнопок в стиле сайта

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

Если вы хотите еще больше персонализировать кнопку, вы также можете добавить эффект анимации, чтобы создать уникальное взаимодействие с посетителями. Узнайте, как добавить анимацию к кнопке.
Примечание
Панели Дизайн / Макет доступны только на определенных кнопках в редакторе.

Используйте кнопки для расширенных возможностей

Благодаря таким функциям, как режим Velo для разработчиков и CMS, вы можете использовать кнопки для расширенных функций и создавать улучшенные пользовательские интерфейсы для посетителей.
Подключив кнопки к коллекциям в CMS, вы можете указать, что должно произойти, когда посетитель нажмет на кнопку. Одним из популярных способов использования этого является настройка кнопок, которые собирают вводимые данные и информацию от посетителей, например, файлы или текстовый ввод.

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

Кнопка свойств и событий в режиме разработчика для элемента кнопки.

Была ли статья полезна?

|