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

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

Прошлой зимой я сам чуть крышей не поехал, собирая этот праздничный сетап по кускам.

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

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

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

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

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

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

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

NY120
NY130

Два базовых блока, которые вроде как должны добавить предновогодней атмосферы — падающие хлопья снега или вихрь из снежинок на обложке.

Но лично мне не нравится ни один из этих блоков, какие-то слишком ненатуральные они что ли… Но это, конечно, вкусовщина.

Теперь перейдем к решениям, которые выглядят на порядок интереснее того, что «из коробки» может предложить нам Тильда.

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

Автор — Ильмира Хадыева. При нажатии на картинку подарка пользователь случайным образом получит одно из предсказаний, которые прописаны в скрипте.

Ильмира подготовила как сразу готовое решение в виде шаблона страницы, так и исходный код, который вы сможете при необходимости настроить под себя.

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

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

* Видео ускорено в 2.5 раза

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

В этом скрипте:

  1. Падает снег;
  2. Сугробы постепенно увеличиваются в размерах;
  3. Проезжает снегоуборочная машина, которая убирает снег.

Скрипт очень лёгкий: не грузит процессор, и адаптирован под любые устройства — десктоп, планшет, мобилки.

Чтобы эта прелесть появилась на вашем сайте, просто добавьте скрипт в блок t123 на нужную страницу или в шапку вашего сайта.

В настройках сайта обязательно включите jQuery!

<link href="https://cdn.jsdelivr.net/gh/Alaev-Co/snowflakes/dist/snow.min.css" rel="stylesheet"><script src="https://cdn.jsdelivr.net/gh/Alaev-Co/snowflakes/dist/Snow.min.js"></script><script>new Snow (); </script>

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

Тот самый бонус, который я обещал в начале статьи

Создателем скрипта является «Яндекс», однако исходник уже давно гуляет по сети. Я просто взял его и адаптировал под Тильду ❤

Данный скрипт добавляет гирлянду из елочных шариков, которые двигаются при наведении на них мышкой. Гирлянда закреплена вверху сайта, адаптирована под любые экраны.

Для установки просто добавьте скрипт в блок t123 на нужную страницу или в шапку вашего сайта.

Не могу вставить код для копирования сюда, поэтому пример работы и скрипт для копирования находятся на этой странице.

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

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

Каждая снежинка движется с индивидуальной скоростью, а при достижении низа экрана появляется новая, создавая непрерывный снегопад. Работает на всех устройствах.

Внутри скрипта оставил комментарии, чтобы при желании вы могли изменить цвет снежинок, их прозрачность, а также скорость падения.

Ну а скопировать его вы можете на этой странице.

Итоги

На момент конца 2025 года — это, пожалуй, все крутые решения, которые мне удалось найти / разработать.

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

Кидайте эту статью в закладки — к следующему Новому году я обязательно дополню её, если появятся новые интересные решения.

А если хотите еще больше крутых бесплатных скриптов для Тильды, тогда переходите сюда, здесь вы найдете более 20 уникальных и полезных решений в формате генератора кода, которые помогут вам прокачать ваши проекты на Тильде.

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

Начать дискуссию