Если есть необходимость сделать кнопку, зафиксированную в определенной части экрана при прокрутке страницы, то используйте данный HTML-виджет. С помощью него можно настроить: 

  1. Кнопку "Наверх": при нажатии на нее будет возврат к началу страницы. Также она будет исчезать на первом экране.
  2. Кнопку с любым действием. Она будет отображаться всегда.

Если вы хотите настроить якоря, меню или другую навигацию по странице, то вам сюда: Навигация по странице

Готовый вариант кнопки "Наверх" можно посмотреть на странице: http://2e8mvbgo.plp7.ru/

Важно! Кнопку нужно установить в самом низу страницы.

Как установить виджет?

Шаг 1. Спустимся в самый низ нашей страницы и установим виджет “HTML-виджет” на последнюю секцию.


Шаг 2. Перейдем в меню “HTML-виджета” и выберем “Импорт”.
 


Шаг 3. Скопируем код готового виджета по ссылке:
Код виджета 

Шаг 4. Вставим код во всплывающее окно и “Сохраним”.
 


Готово! Установка виджета завершена. Осталось настроить кнопку под стиль сайта и определить ее действие.
Внутри HTML-виджета будет виджет кнопки. Если у вас уже есть готовая кнопка, то можете поместить ее внутрь, удалив стандартную.

Настройка виджета

Фиксация кнопки

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

Действие кнопки

Задаем действие при нажатии кнопки -  прокрутка наверх или то, что установлено в настройках кнопки

Положение кнопки в зафиксированном виде

Указываем положение кнопки - слева или справа и сверху или снизу.

Горизонтальный и вертикальный отступы

Этими ползунками определяется отступ от выбранной стороны, в процентах от величины экрана.
К примеру, если выбрать положение "слева", то горизонтальный отступ отвечает за отступ от левой части экрана.

Прозрачность кнопки до наведения

Изменяем прозрачность до наведения курсора мыши на кнопку . Чем больше, тем более прозрачной она будет. 


✅ На одной странице может быть несколько таких виджетов. Например, один HTML-виджет для кнопки "Наверх". Другой - для обычной зафиксированной кнопки.

✅ В одном виджете допускается добавление нескольких кнопок. К примеру, как боковое меню для переходов по секциям страницы:


Как будет выглядеть виджет  в качестве кнопки "Наверх":

Готовый пример можно еще раз посмотреть на http://2e8mvbgo.plp7.ru/

Вы нашли ответ?