Создать сайт

Как настроить дизайн виджета «Кнопка»

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

Разместите виджет «Кнопка» на странице вашего сайта. При нажатии на него у вас откроются настройки в левой панели конструктора и в панели над ним.

В левой панели доступно:

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

В панели настроек над виджетом вам доступны настройки оформления кнопки и назначения ссылки на неё.

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

Примечание

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

Для оформления кнопки возможны изменения следующих параметров:

  • Фон — выбор цвета подложки и её прозрачности, а также возможность включения обводки кнопки, её толщины и прозрачности.
  • Текст — размер и цвет текста в кнопке.
  • Отступы — размер бокового, верхнего и нижнего отступов между текстом и краем кнопки.
  • Скругление — установка радиуса скругления углов кнопки в пикселях для всех углов сразу или для отдельных.
  • Тень — выбор размера тени из предложенных (маленькая, средняя, большая),  а также возможность настроить собственную тень: её цвет, прозрачность, сдвиг по осям X и Y, блюр и размах. 
  • Анимация — выбор эффекта при наведении курсора мыши на кнопку. Доступны: непрозрачность, увеличение и яркость. Для эффектов вы можете настроить длительность и задержку в секундах, а также выбрать тип ускорения.

Чтобы установить ссылку на кнопку, нажмите на иконку цепи в панели настроек над ним. В открывшемся окне выберите, куда будет вести ссылка, укажите её и сохраните изменения.

Помимо внешней ссылки, ссылки на страницу вашего сайта, якоря или всплывающее окно, вы также можете установить ссылку на телефон, чтобы при клике на него с мобильного устройства посетитель мог вам позвонить, а также есть возможность разместить ссылку на E-mail.

Попробуйте прямо сейчас!

Создать сайт
Помогла ли вам статья?
Статью еще никто не оценивал