Статті на: Редактор
Ця стаття також доступна на:

Закріплення елементів на екрані під час прокрутки

Щоб важливі дії (наприклад, «Замовити» або «Допомога») залишалися під рукою у користувача на всіх етапах взаємодії з сайтом, ви можете закріпити елемент у вибраній зоні екрана, забезпечуючи його видимість під час прокручування сторінки.


У цій статті ви дізнаєтесь, як закріпити наступні елементи:

Кнопка

Іконка



Додавання фіксованої кнопки


  1. Для початку, наведіть на блок і натисніть на «плюс» у тому місці, де ви хочете розмістити елемент:



  1. Саму кнопку можна додати двома способами. Перший — за допомогою готового елементу Закріплена кнопка:



Другий — перетворивши звичайну кнопку на закріплену. У новому вікні виберіть елемент Кнопка для додавання до блоку:



Примітка: можливості закріпити елемент Дві кнопки немає.


  1. Натисніть на доданий елемент і клікніть на «шестерню», щоб перейти до налаштувань кнопки:



  1. Для фіксації кнопки, увімкніть відповідний перемикач у її налаштуваннях:



Підказка: ви можете відкріпити кнопку, клікнувши на той самий тумблер знову.


Примітка: ця функція недоступна для блоків-колекцій, Flex-блоку та певних інших.


  1. Після увімкнення цієї функції, ви можете змінити розташування плаваючої кнопки на екрані по горизонталі ① та по вертикалі ②, перед цим обравши один з готових пресетів позиції кнопки ③.



Примітка: залежно від розміру екрана, від масштабу вашого браузера та масштабу, що встановлено у налаштуваннях системи, відображення на опублікованому сайті може відрізнятись.


  1. Також ви можете увімкнути функцію відображення при прокрутці, щоб плаваюча кнопка відображалась після певного відсотка прокрученої сторінки або ж після першого блоку:



  1. Не забудьте опублікувати свій сайт, аби зміни відобразилися на ньому.


Додавання фіксованої іконки


  1. Для початку, наведіть на блок і натисніть на «плюс» у тому місці, де ви хочете розмістити елемент:



  1. У новому вікні виберіть елемент Іконка для додавання до блоку:



Підказка: детальніше щодо налаштувань самої іконки, можете дізнатись з цієї статті.


Примітка: можливості закріпити елемент Іконки соцмереж, Список іконок, Список іконок + опис, Підписуйтеся на нас немає.


  1. Натисніть на доданий елемент і клікніть на шестерню, щоб перейти у його налаштування:



  1. Для фіксації іконки, увімкніть відповідний перемикач у її налаштуваннях:



Підказка: ви можете відкріпити іконку, клікнувши на той самий тумблер знову.


Примітка:ця функція недоступна для блоків-колекцій, Flex-блоку та певних інших.


  1. Після увімкнення цієї функції, ви можете змінити розташування плаваючої іконки на екрані по горизонталі ① та по вертикалі ②, перед цим обравши один з готових пресетів позиції кнопки ③.



Примітка: залежно від розміру екрана, від масштабу вашого браузера та масштабу, що встановлено у налаштуваннях системи, відображення на опублікованому сайті може відрізнятись.


  1. Також ви можете увімкнути функцію відображення при прокрутці, щоб фіксована іконка відображалась після певного відсотка прокрученої сторінки або ж після першого блоку:



Підказка: ви можете задати для іконки дію “Перейти до блоку” та обрати перший блок вашої сторінки, тоді закріплена іконка може бути використана, як кнопка для прокрутки вгору. Також це можна зробити за допомогою готового елементу Вгору сторінки.



  1. Не забудьте опублікувати свій сайт, аби зміни відобразилися на ньому.


Оновлено: 19/08/2025

Чи була ця стаття корисною?

Поділіться своїм відгуком

Скасувати

Дякуємо!