Привет читатели! Сегодня хочу поделиться подборкой блоков на Tilda, которые улучшают работу сайта, добавляют сайту изюминки и помогают сэкономить время как на загрузку страницы, так и на создание сайта.
Блоки, которые добавят сайту изюминки
Блок T333 добавляет скроллбар наверху в фирменных цветах или просто под дизайн сайта. Фишка этого блока — показать пользователю насколько он продвинулся в изучении страницы, ну и добавить эстетики.
T1084 позволяет изменить стиль скроллбара. Пользы этот блок по оптимизации не дает, но вы можете подчеркнуть еще раз ваш дизайн. По настройкам все просто: можно задать цвет подложки, цвет ползунка, цвет ползунка при наведении. При желании можно скрыть скроллбар вообще.
Блоки, которые увеличат Usability сайта
T228 добавляет эффект загрузки страницы. Вы его можете также кастомизировать — сделать в фирменных цветах. Блок отвечает за подгрузку скриптов и стилей на странице. Если вдруг на сайте добавлен шрифт как файл, и он не сразу отображается на загруженной странице или при загрузке страницы какие-то элементы «прыгают» — блок поможет эти моменты сгладить.
Блок можно использовать как на десктопе, так и в мобильной версии. Рекомендую его добавлять на страницу по умолчанию.
Блоки BF702 и BF702A добавляют кнопку наверх. Если у вас достаточно длинная страница — вы можете добавить любой из этих блоков и упростить жизнь пользователям, если вдруг они хотят прокрутить страницу в самый верх. Например, если в самом начале страницы есть какая-нибудь важная информация.
BF901 добавляет форму для обратной связи на десктопе и кнопку для звонка на мобильном устройстве. Отличный блок-виджет, где ограниченное количество полей — можно оставить только номер телефона по специально заданной маске в настройках. К этому блоку можно подключить сервисы приема данных, например, телеграм вашего менеджера.
На мобильных устройствах вы можете указать в блоке номер телефона менеджера — если пользователь нажмет на кнопку, он сразу сможет вам позвонить, не оставляя при этом заявку.
BF907N добавляет форму подписки на сайт. Актуально для магазинов или блогов — вы можете добавить такую форму на сайт, и пользователи смогут подписаться на ваши новости. Подключить к блоку можно, например, сервис Unisender и собирать почты пользователей для будущих рекламных рассылок.
ST600 добавляет попап для подписки на товар, которого нет в наличии. Это новый блок и ранее такого не было. Теперь, если вы добавили на сайт каталог и вдруг в каталоге нет товара в наличии — достаточно в шапку или подвал сайта добавить этот блок и в карточке товара автоматически появится кнопка «подписаться на товар, которого нет в наличии».
Вы можете также подключить к блоку сервисы приема данных и стилизовать его под стиль сайта.
Связка блоков T178 и T173 делает переход по якорным ссылкам плавным. Одна из популярных проблем для страниц с большим количеством контента и сторонним кодом — переход по якорным ссылкам на таких страницах происходит не туда, куда нужно. Эти блоки решают эту проблему.
Например, если вместо перехода к блоку перед ним добавить блок T173, вы сможете задать уникальный адрес якорной ссылке и если вы измените блок — это никак не отразится на ссылке или переходе. А если на странице одни блоки загрузились быстрее других и переход съехал — T178 исправит эту проблему, переход будет мягким, позволяя другим блокам на странице загрузиться во время перехода по скроллу.
Блок, который упрощает жизнь при создании сайта
T213 позволяет добавить на любую страницу блок-копию. Например, вы создали форму на главной странице, но разместили ее не в шапку или подвал, а в тело страницы. Вам важно, чтобы все заявки приходили именно в эту форму со всех страниц сайта — для этого вы размещаете на каждой странице alias блок T213. Если нужно внести изменения в блок — вы редактируете блок оригинал и изменения применяются ко всем блокам-копиям.
Какие бы блоки вы добавили в эту подборку? Делитесь в комментариях.
А еще...
Спасибо, что дочитали до конца. Если вам был полезен материал — ставьте лайк. Подписывайтесь на канал, здесь я рассказываю про разработку сайтов, жизнь в Казани и про саморазвитие.
