Дизайн-ревью сайтов на Тильде в прямом эфире

6 ноября в прямом эфире разберём ваши сайты на Тильде — проанализируем ошибки и подскажем, что можно улучшить. 👉 Отправьте работу и запишитесь на вебинар: https://t.me/TildaEventsBot?start=dl-1748948697d0edc996dc08 Вебинар проведёт Снежанна Воскресенская, независимый UX/UI-дизайнер с 10-летним опытом в маркетинге и продажах. Если пока не готовы показать проект, приходите послушать и посмотреть разбор чужих работ.
Изображение поста

💎 Шаблон КП на Тильде

Сегодня дарю вам шаблон коммерческого предложения для дизайнера-разработчика сайтов на Тильде (подойдёт как для фрилансера так и для команды) ✨ ❤️ ID шаблона: 87847526 Шаблон выполнен в виде странички на Тильде, сверстан он на стандартных блоках (с щепоткой CSS кода). Я отдала предпочтение именно стандартным блокам, чтобы их было легко редактировать и кастомизировать под свой фирменный стиль, и не надо было заморачиваться над адаптацией. Уникальный дизайн это, конечно, хорошо, но в переговорах и продажах важнее все таки скорость и мобильность, нежели красивая обёртка. Поэтому, когда вас попросят срочно отправить КП, вы сможете сделать это незамедлительно 🔥 ⭐️ В шаблоне некоторые блоки представлены в двух вариантах для различных схем работы. ⭐️ Также я добавила навигацию по странице КП, т.к. оно получилось довольно объемным. ⭐️ Все шрифты установлены «по умолчанию», поэтому когда вы добавите шаблон себе в проект — подключатся ваши установленные шрифты. Не призываю всех и каждого делать свое КП только по этой схеме, однако мой шаблон сможет послужить вам отличной основой для формирования своего собственного КП со своими уникальными текстами и предложениями. Инструкция по добавлению шаблона в проект на Тильде: ⭐️ Зайдите в ваш проект, где вы хотите разместить КП и нажмите «+ Создать новую страницу» ⭐️ Пролистайте страницу с шаблонами до самого низа, где будет располагаться кнопка «Указать ID шаблона» ⭐️ Нажмите на нее и в появившемся поле введите идентификатор моего шаблона КП: 87847526. И страница с КП у вас в проекте! Вы великолепны! 🌸 По всем вопросам или замечаниям по шаблону добро пожаловать в комментарии 😊 P.S. Не забудьте скрывать ваши КПшки заказчикам от индексации #документы #freebie
Изображение поста

Почему «сайт на Тильде» ≠ дешёвый сайт: реальная стоимость no-code решений в 2025-2026 году

Сайт на Tilda: быстро, дорого, качественно. Почему заказчики готовы тратить миллионы на создание сайта на конструкторе? Узнай в статье! Читать на дизайнерс | #статья
Изображение поста

Как дизайнеру на Тильде быстро выйти на PRO-уровень?

Узнайте на вебинаре в четверг (23 октября) в 19:00. — Как дела у дизайнеров сайтов во время бума нейросетей? — Становится ли заказов на рынке меньше, или рынок растет? — У каких дизайнеров сейчас все хорошо? — Как быстро пройти путь до уровня профи, не потеряв интерес к професиии? На эти вопросы ответим с примерами реальных историй практикующих дизайнеров. Это вступительный прямой эфир для нового потока курса Tilda Pro в Школе Тильды. Но его можно посмотреть бесплатно. В конце — полезный подарок участникам эфира ❤️ Эфир пройдет в четверг (23 октября) в 19:00 по Москве Записаться можно по ссылке ниже ⚡⚡ Записаться онлайн #реклама 16+ tilda.school О рекламодателе
📱 Как писать скрипты для Тильды с помощью ChatGTP
Зачастую мне приходится прибегать к помощи нейросети для написания скриптов (сама я знаю JS не на столько хорошо, чтобы писать скрипты с нуля самостоятельно). Недавно я писала модификацию для калькулятора на Тильде с помощью чата GTP. Когда я ставила ему задачу, я набила несколько шишек, из-за которых код получался не совсем подходящим. В этом посте я собрала для вас несколько советов по составлению более корректного запроса к ChatGTP на написание скриптов для Тильды: ⭐️ Обязательно начинайте запрос с фразы "Напиши скрипт на чистом JS", чтобы в коде не использовалась библиотека jQuery, это слегка ускорит загрузку вашего сайта ⭐️ Для того, чтобы код применялся к конкретному элементу, заранее найдите его уникальный класс в разметке Тильды и добавьте к запросу фразу "элемент с селектором .calc_form .t-input" (даже для запроса все равно придется немного разобраться с html 🥲) ⭐️ Тщательно и по шагам опишите логику работы кода (не забываем про классы и селекторы). Например: "Элемент с классом .название_класса должен появляться из полной прозрачности за 0,5 секунд при клике на кнопку с селектором .ID_блока .класс_кнопки" ⭐️ Если вы пишите скрипт к элементу зеро блока, магазина или любого другого объекта, загружающегося на Тильде с задержкой, то в конце запроса добавьте фразу: "Скрипт также должен предусматривать случай, если нужный элемент появляется с задержкой, поэтому пусть скрипт отслеживает появление элемента в DOM структуре с использованием MutationObserver." Дополнительные рекомендации: ⭐️ Можно сделать приписку в запросе, что сайт собран на Тильде, это поможет ChatGTP учесть ее некоторые особенности и, возможно, предложить какие-то улучшения кода ⭐️ Если вы пишите несколько скриптов для одной страницы и составляете запросы в разных диалогах ChatGTP, то надо учесть имена глобальных переменных в коде. Они ни в коем случае не должны повторяться! Глобальные переменные обозначаются с помощью слов var, let или const перед ними. Например: let value = this.value.replace(/[^\d ]/g, '').slice(0, MAX_LENGTH); здесь value — это имя глобальной переменной, и такое имя ChatGTP может использовать в своих кодах очень часто. Поэтому не допускайте повторов в именах переменных при нескольких запросах к чату GTP: "Не используй в качестве имени глобальной переменной value, оно уже занято". ⭐️ Если вам нужно, чтобы код работал только на определенном разрешении экрана, то также напишите об этом в запросе, чат GTP добавит в код медиа-запрос (отключение видимости блока с кодом в настройках Тильды не сработает). Например: "Код должен работать только на экранах размером от 960px и более" ⭐️ Если хотите отладить код и посмотреть в консоле его работу «на лету», добавьте в запрос фразу: "Добавь к коду консольное логирование". Пример полного запроса к ChatGTP: Напиши скрипт на чистом JS для сайта на Тильде, который будет выполнять следующее: - код должен запрещать вводить в инпут с селектором .calc_form .t-input любые знаки кроме цифр и пробела - также код должен ограничить максимальную длину вводимого текста в этот инпут до 7 знаков - скрипт должен предусматривать случай, если таких полей несколько на странице Не используй в качестве имени глобальной переменной input, оно уже занято. Скрипт также должен предусматривать случай, если нужный элемент появляется с задержкой, поэтому пусть скрипт отслеживает появление элемента в DOM структуре с использованием MutationObserver. 🌸 Поделитесь и вы своим опытом в составлении запросов чату GTP в комментариях. Есть ли у вас свои фишки и приемы в общении с ним? Также можете прислать примеры своих сработавших некорректно запросов, я попробую их улучшить для вас 😊 #тильда #нейросети #модификации
Изображение поста
Ревью сайтов на Тильде: маркетинг и дизайн
22 октября в прямом эфире разберём ваши сайты на Тильде — проанализируем ошибки и подскажем, что можно улучшить. 👉 Отправьте работу и запишитесь на вебинар: https://t.me/TildaEventsBot?start=dl-1748948697d0edc996dc08 Вебинар проведёт Элина Блажиевская, соосновательница Студии Тистолов, 15 работ в подборке #madeontilda. Если пока не готовы показать проект, приходите послушать и посмотреть разбор чужих работ.
Изображение поста
Воркшоп для веб-дизайнеров — Работа с Autolayout в Tilda
Участие бесплатное 💻 С автолейаутами ваши блоки в Zero Block становятся такими же удобными, как базовые из библиотеки. Можно менять текст и картинки — всё автоматически встанет на свои места и адаптируется под разные экраны📱 Во время воркшопа Антон Командин покажет, как создавать такие блоки на примере проекта annahelton.tilda.ws Этот проект Антона скоро появится в Тильде, как шаблон для сайта-портфолио. Поэтому вы позже сможете создать с ним страницу и посмотреть, как всё устроено внутри. ⚡ Воркшоп пройдет в прямом эфире 15 октября в 15:00. Регистрируйся бесплатно по ссылке ниже Зарегистрироваться #реклама 16+ tilda.school О рекламодателе
Вебинар «Настройка автоматических рассылок: Tilda + UniSender»
Как автоматически отправлять письма после заполнения формы на сайте — узнаете на бесплатном вебинаре 15 октября. 👉 Запишитесь, чтобы получить ссылку перед началом: https://t.me/TildaEventsBot?start=dl-1758886007776da194892a На вебинаре разберём: — Интеграцию сервиса UniSender в проект на Тильде; — Настройку сбора данных из полей формы; — Запуск связки для автоматической отправки писем. Вебинар проведёт Леонид Дрейлих, маркетолог в Unisender, 8+ лет в digital-маркетинге.
Изображение поста
▶️ Уроки «Базовая теория по верстке в zero-блоке»
Представляю вашему внимаю серию из пяти мини-уроков по базовой теории верстки в zero-блоке на Тильде. В них я рассказала все основные моменты, которые пригодятся вам, чтобы освоить zero-блок и верстать в нем без неожиданных сюрпризов. Уроки идеально подойдут тем, кто только начинает работать с zero-блоком, кто ни разу не слушал мои лекции по верстке или кто хотел бы освежить свои знания по zero-блоку. Смотрите плейлист там, где вам удобно: 💻 : YouTube 💻 : ВКонтакте 💻 : RuTube Впереди еще вас ждут мастер-классы, они будут чуть позже. А пока, чтобы не задерживать ваше ожидание, публикую теоретическую часть из обещанного мной подарка. Буду очень признательна вам за любую обратную связь об уроках 🙏 #верстка #тильда #видео
Изображение поста
Возвращаю рубрику с РАЗБОРАМИ ваших сайтов 🔥💻
💬 Кидайте в комменты ссылки на ваши проекты. Я выборочно разберу один или несколько сайтов на ошибки: Пройдусь от маркетинга и структуры до дизайна. Расскажу что усилить для повышения конверсии и покажу до/после На фотке 1288 заявок из Тильды. Такое количество заявок получили мои клиенты за год с небольшим Если хотите таких же результатов, кидайте ссылки на ваши проекты в комменты 👇
Изображение поста
Сайт для агентства недвижимости: инструмент, который будет реально приносить заявки
Статья о том, почему сайт играет ключевую роль в успешном продвижении недвижимости. Узнайте, почему Тильда предпочтительна для создания эффективных страниц в этой сфере Читать на дизайнерс | #статья
Изображение поста
Сайт для агентства недвижимости: инструмент, который будет реально приносить заявки
Статья о том, почему сайт играет ключевую роль в успешном продвижении недвижимости. Узнайте, почему Тильда предпочтительна для создания эффективных страниц в этой сфере Читать на дизайнерс | #статья
Изображение поста
Кейс: Сайт на Тильде для производителя ограждений «Рубеж»
Узнайте, какой проект был реализован для компании "Рубеж" - производителя систем ограждений Читать на дизайнерс | #кейс
Изображение поста
🟠 Сервисы для Тильды, расширяющие ее возможности
Я собрала для вас в этой статье пять сервисов, которые добавляют Тильде новые возможности, так часто требуемые в ее стандартном функционале. Речь идет не о модификациях, а о полноценных веб-сервисах или расширениях, предназначенные для определенных задач. Отдельно хочу отметить новый сервис Arvess по импорту дизайна из Фигмы в zero-блок Тильды, который гораздо мощнее стандартного импорта. В чем его главные отличия: ⭐️ импорт фрейма любой ширины; ⭐️ импорт сразу нескольких фреймов для одного блока, под которые создаются брейкпоинты соответствующей ширины (т.е. вы переносите дизайн сразу со всеми адаптивами!); ⭐️ простые и не слишком требовательные настройки макета в Фигме; ⭐️ импорт иконок и картинок без дополнительных выгрузок в zero-блоке; ⭐️ импорт элементов со всеми эффектами наложения, тенями, обводками, прозрачностью и т.д. Сервис еще достаточно новый, но он быстро развивается. В случае обнаружения ошибок или возникновения пожеланий к сервису обязательно напишите об этом команде разработки. Все последние новости и обновления вы можете почитать на канале Arvess — подпишитесь, если вам интересно, и поддержите развитие этого полезного продукта 💜. #сервисы #статьи #тильда
Изображение поста
🆕 Новый способ доставки для интернет-магазинов
Теперь вы можете настроить новый способ отправки заказов — с помощью «Яндекс Доставки». Доступны два типа доставок: курьерская и пункт выдачи. Чтобы доставлять заказы через «Яндекс Доставку», зарегистрируйтесь в сервисе, перейдите в «Профиль» и получите API-токен. Затем на Тильде перейдите в Настройки сайта → Платежные системы → Сервисы доставки → «Яндекс Доставка». И заполните необходимые поля. Сервис «Яндекс Доставка» работает только по территории РФ. Подробнее о подключении нового сервиса читайте в Справочном центре 👉 https://help-ru.tilda.cc/online-store/shipping#yandex #tildaupdates
Изображение поста
🎉 Тильде 11 лет
Уже 11 лет вы вместе с Тильдой создаёте сайты для себя, своего бизнеса, других людей и компаний. Спасибо, что пользуетесь платформой и остаётесь с нами! Мы рады праздновать этот день вместе и расти дальше с таким классным комьюнити 🧡 Поделитесь историей, как вы узнали о Тильде и каким был ваш первый сайт ✨
💎 Вызов стандартного меню ME403 своей кнопкой в zero-блоке
Делюсь с вами кодом, с помощью которого можно скомбинировать стандартное меню ME403 со своей кнопкой из zero-блока. Отличие данной модификации от стандартного вызова меню заключается в том, что ваша кастомная кнопка останется поверх вызванного меню. Благодаря этому кнопку можно сопроводить сбс-анимацией крестика, например. Демонстрацию работы модификации можно посмотреть по ссылке. Инструкция к модификации: 🔸 Создайте zero-блок, в нем разместите кнопку для вызова меню. У кнопки не нужно прописывать ссылку, но надо задать ей класс .menu_open_btn Также можно настроить сбс-анимацию для линий гамбургер-меню по превращению в крестик, как в моем примере. Зафиксируйте положение zero-блока и присвойте ему z-index равный 9999990, чтобы кнопка всегда находилась поверх меню, но ниже любого из модальных окон. 🔸 Добавьте на страницу блок ME403, настройте его как вам захочется. Но главное — обязательно поставьте галочку в настройках блока ✅ Показывать «гамбургер». В модификации можно использовать и другое стандартное меню, у которого есть возможность вызова через иконку гамбургера, но я остановилась на МЕ403, как самом универсальном. В случае использования другого меню, в коде надо заменить соответствующие стандартные классы. 🔸 Добавьте в блок Т123 код для работы кнопки по вызову меню: Подключение библиотеки jQuery не требуется. Если у вас есть вопросы или пожелания к данной модификации, дайте знать в комментариях ☺️ #модификации #тильда
Изображение поста
Ревью сайтов на Тильде: маркетинг и дизайн
17 сентября в прямом эфире разберём ваши сайты на Тильде — проанализируем ошибки и подскажем, что можно улучшить с точки зрения дизайна и маркетинговой упаковки. 👉 Отправьте работу и запишитесь на вебинар: https://t.me/TildaEventsBot?start=dl-1748948697d0edc996dc08">https://t.me/TildaEventsBot?start=dl-1748948697d0edc996dc08 Вебинар проведёт Антон Командин, UI/UX-дизайнер, арт-директор Experience Agency и куратор в Школе Тильды. Если пока не готовы показать проект, приходите послушать и посмотреть разбор чужих работ.
Изображение поста
«Я боюсь брать ответственность, вдруг я не справлюсь?» 🥺
Часто на бесплатных разборах с веб-дизайнерами слышу эту фразу И всегда хочется сказать: да, дорогая, так и будет — если ты сама в это веришь Человек, который думает «не получится» и человек, который говорит «получится» — оба правы (с) Генри Форд 🐺☝️🏻 У меня этого страха не было никогда Через 11 дней после старта первого курса по сайтам я взял заказ на сайт. Верстку на Тильде тогда не знал вообще. Мысль была простая: «пофиг, разберусь в процессе» Смотрел на курсе уроки по верстке и до дыр перечитывал весь справочный центр тильды: https://help-ru.tilda.cc/. А если что-то не получалось — писал в поддержку Да, было страшно Да, это выход из комфорта Но без этого не будет роста Как можно расти профессионально, если не брать новые задачи и не получать новый опыт? Пока не попробуешь не узнаешь ————————— Я 5 лет в веб-дизайне, и до сих пор ловлю задачи, на которые смотрю и думаю: «бля, как это вообще реализовать» И именно такой опыт двигает вперёд, заставляет включать мозги и делает тебя профи 💡Важно понять одну вещь Ты никогда не будешь готов на 100% Опыт приходит только в практике Сейчас всё проще простого Есть гугл, ютуб, чаты, блоги — напиши, спроси, найди ответ Я подготовился и пробежал свой первый марафон на 42 км просто по чужой бесплатной программе, которую стрельнул в личке у женщины во Вконтакте 😅 У меня например на наставничестве в чате комьюнити 114 выпускников — уже на протяжении двух лет каждый день ребята помогают друг другу с версткой, дизайном и прототипами. Это поддержка, которая снимает половину страхов Наверняка у вас тоже есть какие-то чаты обучений, спрашивайте узнавайте, просите помощи 👉 Поэтому, господа, хватит жить в сомнениях. Кто ищет возможности, стабильно растет зарабатывает свою сотку на сайтах. А кто ищет отмазки — сидит на месте в своей зоне комфорта
Изображение поста
🌴 Летние обновления Тильды
За тёплые месяцы было много нового: и Zero Block перевели, и ИИ-помощника доработали, и выпустили новые блоки. Если вы что-то пропустили, самое время узнать подробнее про обновления лета 👇 Июнь 🟠Быстрое управление карточками блока 🟠Авторизация по номеру телефона в Личном кабинете (Members) 🟠Выбор тональности в AI-генерации текста 🟠Личный кабинет интернет-магазина (ЛКИМ) 🟠Новый блок в библиотеке — TS105 Слайдер с карточками отзывов Июль 🟠Русский язык в Zero Block 🟠Обновления в векторном редакторе 🟠Overflow для скрытия контента за пределами автолейаута 🟠Передача опций товаров из калькулятора форм 🟠Подбор изображений в блоках 🟠Strict Order для изменения порядка элементов в адаптивах Август 🟠Абсолютное позиционирование элементов внутри автолейаута 🟠Выбор способа авторизации в Личном кабинете (Members) 🟠Функция задачи в AI-генерации 🟠Новый блок в библиотеке — FR310 Текст и карточки в две колонки 🟠Быстрая настройка типографики 🟠Новый блок в библиотеке — TX24 Статья А какие обновления ждёте вы? Пишите свои варианты в комментарии! #tildaupdates
Изображение поста