Основная функция виджета:
Кнопка возвращает посетителя в начало страницы и позволяет ещё раз посмотреть главный экран с призывом к действию. Пригодится для длинных лендингов и лонгридов.
Кнопка возвращает посетителя в начало страницы и позволяет ещё раз посмотреть главный экран с призывом к действию. Пригодится для длинных лендингов и лонгридов.
Вид кнопки по умолчанию:
Как это работает:
Вы добавляете секцию с виджетом в редактор той страницы, где нужна кнопка (в любое удобное место). Сама секция не занимает никакого пространства на странице сайта, будет показываться только кнопка "Наверх".
Вы добавляете секцию с виджетом в редактор той страницы, где нужна кнопка (в любое удобное место). Сама секция не занимает никакого пространства на странице сайта, будет показываться только кнопка "Наверх".
Как добавленная секция с кнопкой выглядит в редакторе:
Редактирование текста кнопки:
В этом виджете вы можете поменять текст кнопки, настроить шрифт и цвет, а ещё поменять расположение текста, разместив его сбоку:
В этом виджете вы можете поменять текст кнопки, настроить шрифт и цвет, а ещё поменять расположение текста, разместив его сбоку:
Пример кнопки с текстом сбоку:
Иконка:
Помимо выбора из 3х готовых стрелок вы можете загрузить любую другую иконку из каталога или загрузить свою svg-картинку. Обратите внимание, что размер иконки можно настроить вручную:
Помимо выбора из 3х готовых стрелок вы можете загрузить любую другую иконку из каталога или загрузить свою svg-картинку. Обратите внимание, что размер иконки можно настроить вручную:
Пример кнопки с пользовательской иконкой:
Настройки дизайна:
Вы можете настроить цвет кнопки, скругление, тень, внутренние отступы и добавить обводку.
Вы можете настроить цвет кнопки, скругление, тень, внутренние отступы и добавить обводку.
Обратите внимание, что кнопка может быть полупрозрачной.
Прозрачность настраивается в режиме выбора цвета:
Прозрачность настраивается в режиме выбора цвета:
Блок
Примеры дизайна кнопки "Наверх":
Эффекты при наведении:
Вы можете настроить кнопку так, чтобы при наведении менялся цвет иконки, фона, текста и обводки, а ещё включить анимацию увеличения или приподнятия.
Вы можете настроить кнопку так, чтобы при наведении менялся цвет иконки, фона, текста и обводки, а ещё включить анимацию увеличения или приподнятия.
Блок
Пример изменения вида кнопки при наведении:
Появление кнопки:
Кнопка появится, когда сайт будет прокручен на определённое количество пикселей, значение можно задать от 50 до 1000px. Также вы можете отрегулировать скорость,
с которой страница будет прокручиваться вверх.
Кнопка появится, когда сайт будет прокручен на определённое количество пикселей, значение можно задать от 50 до 1000px. Также вы можете отрегулировать скорость,
с которой страница будет прокручиваться вверх.
Прокрутка:
Прокрутка может выполняться не только к самому началу страницы,
но и к конкретной секции.
Прокрутка может выполняться не только к самому началу страницы,
но и к конкретной секции.
Позиция:
Кнопку “Наверх” можно расположить в любой части экрана и задать величину отступа
в пикселях.
Кнопку “Наверх” можно расположить в любой части экрана и задать величину отступа
в пикселях.
Где может располагаться кнопка на экране:
