> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Закріплення елементів на екрані під час прокрутки Щоб важливі дії (наприклад, «Замовити» або «Допомога») залишалися під рукою у користувача на всіх етапах взаємодії з сайтом, ви можете закріпити елемент у вибраній зоні екрана, забезпечуючи його видимість під час прокручування сторінки. У цій статті ви дізнаєтесь, як закріпити наступні елементи: [Кнопка](#1-dodavannya-fiksovanoyi-knopki) [Іконка](#1-dodavannya-fiksovanoyi-ikonki) ${youtube}[Закріплення елементів на екрані під час прокрутки](R9Idm5NWUaU) # Додавання фіксованої кнопки 1. Для початку, наведіть на блок і натисніть на «плюс» у тому місці, де ви хочете розмістити елемент: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pin-ukr-1_t012jl.png) 2. Саму кнопку можна додати двома способами. Перший — за допомогою готового елементу **Закріплена кнопка**: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pin-ukr-13_d5ljnp.png) Другий — перетворивши звичайну кнопку на закріплену. У новому вікні виберіть елемент **Кнопка** для додавання до блоку: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pin-ukr-2_137bdb1.png) || ${color}[#ffa800](Примітка: )можливості закріпити елемент Дві кнопки немає. 3. Натисніть на доданий елемент і клікніть на «шестерню», щоб перейти до налаштувань кнопки: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pin-ukr-3_1iplplt.png) 4. Для фіксації кнопки, увімкніть відповідний перемикач у її налаштуваннях: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pin-ukr-4_1o0kevn.png) | ${color}[#1aa900](Підказка: )ви можете відкріпити кнопку, клікнувши на той самий тумблер знову. || ${color}[#ffa800](Примітка: )ця функція недоступна для блоків-колекцій та певних інших. 5. Після увімкнення цієї функції, ви можете змінити розташування плаваючої кнопки на екрані по горизонталі ① та по вертикалі ②, перед цим обравши один з готових пресетів позиції кнопки ③. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pin-ukr-5_hntrd8.png) || ${color}[#ffa800](Примітка: )залежно від розміру екрана, від масштабу вашого браузера та масштабу, що встановлено у налаштуваннях системи, відображення на опублікованому сайті може відрізнятись. 6. Також ви можете увімкнути функцію відображення при прокрутці, щоб плаваюча кнопка відображалась після певного відсотка прокрученої сторінки або ж після першого блоку: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pin-ukr-6_gitzo6.png) 7. Не забудьте [опублікувати свій сайт](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/), аби зміни відобразилися на ньому. # Додавання фіксованої іконки 1. Для початку, наведіть на блок і натисніть на «плюс» у тому місці, де ви хочете розмістити елемент: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pin-ukr-7_1hn1v91.png) 2. У новому вікні виберіть елемент **Іконка** для додавання до блоку: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pin-ukr-8_xd1ls7.png) | ${color}[#1aa900](Підказка: )детальніше щодо налаштувань самої іконки, можете дізнатись з [цієї](/uk/article/nalashtuvannya-ikonok-16ojtm8/) статті. || ${color}[#ffa800](Примітка: )можливості закріпити елемент Іконки соцмереж, Список іконок, Список іконок + опис, Підписуйтеся на нас немає. 3. Натисніть на доданий елемент і клікніть на шестерню, щоб перейти у його налаштування: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pin-ukr-9_trtg97.png) 4. Для фіксації іконки, увімкніть відповідний перемикач у її налаштуваннях: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pin-ukr-10_1p3cloa.png) | ${color}[#1aa900](Підказка: )ви можете відкріпити іконку, клікнувши на той самий тумблер знову. || ${color}[#ffa800](Примітка:)ця функція недоступна для блоків-колекцій, Flex-блоку та певних інших. 5. Після увімкнення цієї функції, ви можете змінити розташування плаваючої іконки на екрані по горизонталі ① та по вертикалі ②, перед цим обравши один з готових пресетів позиції кнопки ③. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pin-ukr-11_365s84.png) || ${color}[#ffa800](Примітка: )залежно від розміру екрана, від масштабу вашого браузера та масштабу, що встановлено у налаштуваннях системи, відображення на опублікованому сайті може відрізнятись. 6. Також ви можете увімкнути функцію відображення при прокрутці, щоб фіксована іконка відображалась після певного відсотка прокрученої сторінки або ж після першого блоку: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pin-ukr-12_v84vu9.png) | ${color}[#1aa900](Підказка: )ви можете задати для іконки дію “Перейти до блоку” та обрати перший блок вашої сторінки, тоді закріплена іконка може бути використана, як [кнопка для прокрутки вгору](/uk/article/dodavannya-knopki-prokrutki-vgoru-1t1ohp4/). Також це можна зробити за допомогою готового елементу **Вгору сторінки**. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pin-ukr-14_160ai2y.png) 7. Не забудьте [опублікувати свій сайт](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/), аби зміни відобразилися на ньому.