Редактор Wix: Создание кнопки "Наверх"

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

Шаг 1 | Добавьте кнопку

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

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

  1. Нажмите Добавить элементы в левой части редактора.
  2. Откройте вкладку Оформление.
  3. Выберите раздел Стрелки.
  4. Перетяните нужную стрелку на сайт.
Хотите использовать другую кнопку?
Вы также можете использовать в качестве кнопки "Наверх" другие элементы, такие как векторные изображения или кнопки с иконками.

Свяжите кнопку с верхней частью страницы, чтобы при нажатии она проматывала страницу наверх.

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

  1. Нажмите на кнопку в редакторе.
  2. Нажмите на значок ссылки .
  3. Выберите пункт Вверх/вниз страницы.
  4. Выберите вариант Наверх.
  5. Нажмите Сохранить.

Шаг 3 | Зафиксируйте кнопку на экране

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

Чтобы закрепить кнопку на экране:

  1. Нажмите правой кнопкой мыши по кнопке.
  2. Во всплывающем меню выберите пункт Прикрепить к экрану.
  3. Задайте положение кнопки в рамках сетки в разделе Выберите положение.
  4. Перетащите ползунок Горизонтальное смещение, чтобы изменить положение кнопки по горизонтали, или введите число в поле рядом с ползунком.
  5. Перетащите ползунок Вертикальное смещение, чтобы изменить положение кнопки по вертикали, или введите число в поле рядом с ползунком.

Шаг 4 | Отобразите кнопку на всех страницах

Вы можете включить отображение кнопки "Наверх" на всех страницах сайта.

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

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

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

|