Блог Vladislav Land

Новогоднее оформление для сайтов на Тильде

Tilda
Каждый декабрь одно и то же: клиенты требуют "новогоднее настроение", а ты снова лазишь по интернету в поисках хоть чего-то адекватного.

Прошлой зимой я сам чуть крышей не поехал, собирая этот праздничный сетап по кускам. Поэтому в этом году решил упростить жизнь коллегам — собрал всё заранее и оформил в нормальную статью, чтобы у вас был готовый набор способов быстро и аккуратно прокачать сайт под Новый год.
Начну с базового арсенала Тильды, чтобы закрыть обязательный минимум. Дальше покажу собранные мной сторонние решения. Затем перейду к бонусу, и завершит всё моя уникальная разработка, сделанная специально под эту статью.

1. Блок NY100 «Новогоднее украшение»

Блок с вереницей из еловых веток, ёлочных игрушек, конфет и подарков. Декор будет расположен в нижней части браузера, поэтому не перекроет важные элементы сайта.

2. Блок NY110 «Новогоднее сообщение»

С помощью этого блока можно написать поздравления с праздником или рассказать о текущих скидках на продукцию, — написать можно о чём угодно. После публикации на странице появится Дед Мороз или симпатичная коробка с подарком. Пользователь кликнет на иллюстрацию и прочтёт слова, которые вы вставите в контент блока.

3. Блоки NY120 и NY130 «Падающий снег и снежинки для обложки»

Два базовых блока, которые вроде как должны добавить предновогодней атмосферы — падающие хлопья снега или вихрь из снежинок на обложке.
Но лично мне не нравится ни один из этих блоков, какие-то слишком ненатуральные они что ли… Но это, конечно, вкусовщина.
Теперь перейдем к решениям, которые выглядят на порядок интереснее того, что «из коробки» может предложить нам Тильда.

4. Онлайн-генератор поздравлений с Новым годом

Автор — Ильмира Хадыева. При нажатии на картинку подарка пользователь случайным образом получит одно из предсказаний, которые прописаны в скрипте.
Ильмира подготовила как сразу готовое решение в виде шаблона страницы, так и исходный код, который вы сможете при необходимости настроить под себя.
Номер шаблона страницы на Тильде — 60103913.
А исходный скрипт онлайн-генератора предсказаний можно взять здесь.

5. Падающий снег + сугробы + снегоуборочная машина

* Видео ускорено в 2.5 раза
Такая разработка уже на 10 голов выше блоков Тильды NY120 / NY130 (которые, как я говорил, мне вообще не нравятся).

Её автор — Александр «АлаичЪ» Алаев.
В этом скрипте:
  1. Падает снег;
  2. Сугробы постепенно увеличиваются в размерах;
  3. Проезжает снегоуборочная машина, которая убирает снег.
Скрипт очень лёгкий: не грузит процессор, и адаптирован под любые устройства — десктоп, планшет, мобилки.
Чтобы эта прелесть появилась на вашем сайте, просто добавьте скрипт в блок t123 на нужную страницу или в шапку вашего сайта.

В настройках сайта обязательно включите jQuery!
И поскольку код для копирования нормально не встраивается внутрь статьи на тильде, я добавил его на эту страницу (там вы сможете увидеть пример работы и скопировать сам скрипт).

6. Интерактивная новогодняя гирлянда

Тот самый бонус, который я обещал в начале статьи
Создателем скрипта является «Яндекс», однако исходник уже давно гуляет по сети. Я просто взял его и адаптировал под Тильду ❤️
Данный скрипт добавляет гирлянду из елочных шариков, которые двигаются при наведении на них мышкой. Гирлянда закреплена вверху сайта, адаптирована под любые экраны.
Для установки просто добавьте скрипт в блок t123 на нужную страницу или в шапку вашего сайта.
Как и в предыдущем решении, не могу вставить код для копирования сюда. Поэтому пример работы и скрипт для копирования находятся на этой странице.

7. Падающий снег

Я уже здесь дважды сказал о том, что мне не нравится падающий снег от Тильды 😅
Но, как говорится, «отвергаешь — предлагай». Поэтому я написал простой скрипт, который добавляет на сайт реалистичный снег с плавной анимацией.
Каждая снежинка движется с индивидуальной скоростью, а при достижении низа экрана появляется новая, создавая непрерывный снегопад. Работает на всех устройствах.
Внутри скрипта оставил комментарии, чтобы при желании вы могли изменить цвет снежинок, их прозрачность, а также скорость падения.
Ну а скопировать его вы можете на этой странице.

Итоги

На момент конца 2025 года — это, пожалуй, все крутые решения, которые мне удалось найти / разработать.
Но давайте без фанатизма: не нужно впихивать всё подряд на сайт.
Смотрите, что реально подходит под ваш проект — вы же дизайнеры, а не коллекционеры визуального хаоса.
Кидайте эту статью в закладки — к следующему Новому году я обязательно дополню её, если появятся новые интересные решения.

Хочешь еще больше крутых бесплатных скриптов для Тильды? Тогда переходи сюда, здесь ты найдешь более 20 уникальных и полезных решений в формате генератора кода, которые помогут тебе прокачать твои проекты на Тильде.
Ну и в знак благодарности — подписывайся на мой telegram-канал. Там я выкладываю много уникальных скриптов и фишек, а также бесплатно учу дизайнеров продавать сайты на высокие чеки.
Made on
Tilda