✏️ Быстрая настройка типографики

Изменяйте типографику, не заходя в Настройки блока. Чтобы вызвать меню, зажмите Cmd/Ctrl и кликните на текстовый элемент левой кнопкой мыши. Или кликните правой кнопкой на текст → Типографика. В появившемся меню можно задать цвет, размер, насыщенность текста, отступы, регистр и другие параметры. #tildaupdates
Изображение поста

🆕 Новый блок в библиотеке — FR310 Текст и карточки в две колонки

Блок FR310 из категории «Преимущества» позволяет гибко настраивать текст и карточки в две колонки. Например, можно зафиксировать заголовок при скролле с одной стороны и добавить пять карточек с другой. FR310 хорошо подойдёт для перечисления преимуществ компании, отзывов о курсе или мероприятии и так далее. Как вам новый блок? Поделитесь в комментариях 💬 #tildaupdates
Изображение поста
Изображение поста

🔨🔧 Функция задачи в AI-генерации

Теперь при генерации страницы с нуля на этапе «Задача» можно настроить её использование. Например, вы детально прописали задачу для новой страницы: уточнили структуру по разделам, указали фирменный цвет или тип страницы. А далее можете выбрать, как использовать этот текст: 🟠 Взять за основу (по умолчанию). Задача станет опорой, а генерация будет детализировать страницу подходящими решениями. 🟠 Следовать точно. Генерация будет строго соответствовать задаче, без дополнительной доработки и отступлений. Новая настройка появится, если в задаче введено больше 450 символов. Если количество символов уменьшится, будет автоматически выбран пункт «Взять за основу». #tildaupdates
Изображение поста

🖼 Подбор изображений в блоках

Теперь можно подобрать изображения с помощью ИИ. Выберите блок из библиотеки и нажмите на иконку AI-генерации в правом верхнем углу. В открывшемся меню поставьте галочку рядом с полем Подобрать изображения. Если блок почти готов и осталось только добавить фото или иконки, в выпадающем меню выберите Подобрать изображения. Если результат не понравился, его можно перегенерировать или подобрать самостоятельно из встроенных библиотек. Фото будут добавляться с платформы Unsplash, а иконки — из Tilda Icons. #tildaupdates
Изображение поста
🧮 Передача опций товаров из калькулятора форм
Теперь значения из полей формы отображаются в корзине как опции товара. Например, для финальной стоимости по услуге уборки квартиры нужно рассчитать площадь помещений и количество комнат через калькулятор. Пользователь указывает нужные данные: 2 санузла и общая площадь для уборки — 92 м². Эти данные отобразятся в корзине и в заказах как опции товара. Чтобы добавить полученный результат калькулятора из формы, перейдите в Контент блока. Далее, в поле «Калькулятор» поставьте галочку напротив пункта «Добавить результат в корзину». Также заполните поле Название в корзине, перечислите Опции в корзине и загрузите изображение при необходимости. Расчёт опций товаров будет работать во всех формах, в том числе в Zero Block. 🆗 Это будет полезно, когда у вас на сайте есть форма с калькулятором, например, для расчёта количества часов на обучение или финальной стоимости весового товара. Покупатель перед оформлением заказа сможет перепроверить данные и убедиться, что заполнил форму правильно. Узнать подробнее про работу и настройку калькулятора в форме можно в Справочном центре 👉 https://help-ru.tilda.cc/forms-calculator #tildaupdates
Изображение поста
✒️ Обновления в векторном редакторе
Внешний вид векторного редактор стал аккуратнее, минималистичнее и теперь приближен к Zero Block для более удобной работы. 👏 Также в векторный редактор теперь можно добавлять иконки из встроенных библиотек: The Noun Project и Tilda Icons. Чтобы добавить иконку, нажмите на Basic shapes → Icon. #tildaupdates
Изображение поста
🌟 Быстрое управление карточками блока
В блоках с карточками и в плиточных галереях появился виджет, который позволяет быстрее дублировать, удалять, переносить карточки и изображения и добавлять новые. Во вкладку Контент заходить не нужно: наведите на элемент — появится виджет, где можно выбрать подходящее действие. Виджет работает для блоков из категорий Преимущества, Отзывы, Этапы, Услуги и других, где есть карточки. А для блоков с товарами быстрое управление карточками доступно только при добавлении контента через редактор, а не Каталог. #tildaupdates
👁 Настройка видимости в адаптивах
Теперь в нулевом блоке можно настраивать видимость элементов на всех разрешениях. Например, скрыть пункты меню на мобильных устройствах и вместо них показать иконку «гамбургер». Чтобы скрыть элемент на определённом разрешении, откройте его настройки и выберите пункт Visibility → Hide. Также эту опцию можно найти в контекстном меню, которое открывается по клику на правую кнопку мыши. 🟠Элементы, скрытые или отображаемые только на определённых разрешениях, отмечаются в панели слоёв значком глаза с оранжевой точкой. А клик по иконке глаза в панели слоёв скрывает элемент на всех разрешениях. #tildaupdates
Изображение поста
🆕 Передача домена другому пользователю Тильды
Домен, купленный через Tilda Domains, теперь можно передать на другой аккаунт. Это может пригодиться, например, для дизайнеров, которые создают сайты в своём аккаунте и потом передают его заказчику. Теперь можно передать не только проект, но и отдельно домен для него. Администратор при этом останется прежним. После передачи домена пользователь сможет оплачивать продление домена, вносить изменения в DNS-записи и NS-серверы. А чтобы запросить сертификат владения доменом или передать его другому регистратору, потребуется подтверждения администратора домена. Где найти: Домены → выбрать домен → Управление доменом → Передача домена другому пользователю Тильды Подробная инструкция в Справочном центре 👉 https://help-ru.tilda.cc/domain#change-account #tildaupdates
Изображение поста
🖼 Иконки The Noun Project
Теперь вы можете подобрать подходящие для проекта иконки из интегрированного сервиса The Noun Project. Все иконки по умолчанию чёрно-белые, но вы можете поменять их цвет, размер, толщину линий и скругление. Найти нужную иконку можно через поиск на английском языке 🔤 Иконки The Noun Project, доступные через виджет, можно использовать для личного и коммерческого использования бесплатно и без обязательного указания авторства. Чтобы посмотреть все доступные в Тильде иконки, кликните в базовом блоке на иконку → Выбрать иконку. Откроется виджет с иконками из Tilda Icons и The Noun Project. #tildaupdates
Изображение поста
Пройти квиз заново. Блок QZ101 «Квиз-форма»
Теперь в квиз-форме можно добавить кнопку перехода на предыдущий шаг или прохождения квиза заново. Действия для кнопок доступны на шаге Результат и помогут дольше удержать пользователя на сайте. Так, если он захочет пройти квиз ещё раз, форма сбросится до начального этапа без перезагрузки страницы. #tildaupdates
Изображение поста
✨ Новый этап «Задача» в AI-генерации страницы
Генерируя страницу с помощью AI, уточните важные детали, чтобы получить результат, который вам понравится. Например, в задаче можно написать, что нужно создать не главную страницу, а лендинг под вебинары, расписать структуру страницы, целевую аудиторию и фирменные цвета. А чтобы получить пример задачи под вашу тематику, вы можете её сгенерировать. И после генерации, при необходимости, дополнить или сократить текст. Где найти: Создать новую страницу → Сгенерировать страницу. #tildaupdates
Изображение поста
🔨🔧 Таблицы в Tilda Docs, Потоках и личном кабинете курсов
Теперь в Tilda Docs, Потоках и личном кабинете курсов можно создавать таблицы. Это удобно для структурирования данных и визуального разнообразия. Таблицы помогают упорядочить информацию и разбавить сплошной текст. Где найти: нажмите на иконку с плюсом → Таблица Чтобы редактировать таблицу, нажмите на три точки слева от неё. Там вы можете, например, настроить выравнивание по ширине, добавить якорь и скруглить углы. Цвет таблицы зависит от настроек сайта, но при необходимости вы можете задать цвет обводки вручную. Когда в таблице становится много данных, снизу появляется горизонтальный скролл, позволяющий сохранить аккуратный вид и свободное место на странице. #tildaupdates
Изображение поста
🆕 Загрузка изображений в формате WebP
Теперь вы можете добавлять на сайт изображения в формате WebP. Он обеспечивает более эффективное сжатие по сравнению с JPEG и PNG, позволяя уменьшить размер файла без заметной потери качества. Также этот формат поддерживает прозрачность и анимацию. Если вы добавите на сайт изображения в других форматах, они автоматически конвертируются в WebP благодаря адаптивной загрузке изображений. Возможность загрузки изображений в формате WebP в каталог товаров и Потоки появится позднее. Узнать подробнее про адаптивную загрузку изображений можно в Справочном центре 👉 https://tilda.cc/ru/lp/image-optimization/ #tildaupdates
Изображение поста
🔨🔧 Загрузка нескольких шрифтов для проекта
Теперь вы можете загружать до трёх собственных шрифтов в каждом проекте. Например, можно выбрать акцидентный шрифт для заголовков, а гротескный — для основного текста 🔤 Для каждого из шрифтов можно загрузить до 9 начертаний для более гибкой работы с типографикой. После загрузки шрифтов и начертаний их можно сразу назначить для заголовков или для основного текста. Для каждого начертания шрифта нужно загружать отдельный файл в формате WOFF. Где найти: Настройки сайта → Шрифты и цвета → Расширенные настройки → Загрузить шрифт. #tildaupdates
Изображение поста
Переключение тем при генерации страницы
Выбирайте в два клика, какую цветовую схему применить к странице, сгенерированной с помощью AI: светлую, тёмную или яркую. ИИ предложит акцентный цвет — вы можете его оставить или изменить его на ваш фирменный. В светлой теме будет преобладать белый фон, в тёмной — чёрный, а в яркой — акцентный цвет. При этом будут сохраняться контрастность кнопок и цвета текста, чтобы он оставался читабельным. Где найти: Создать новую страницу → Сгенерировать страницу → Цветовая схема #tildaupdates
🆕 TX23 Заголовок и текст — новый блок в библиотеке
Объедините заголовок, описание и основной текст в новый блок TX23 из категории Текстовый блок. Это поможет не собирать такую структуру из нескольких разных блоков. В Настройках блока можно изменить заголовок, настроить типографику, добавить анимацию и задать SEO-теги. А чтобы выделить описание или акцентировать внимание на первом абзаце, включите в настройках буквицу — крупную начальную букву текста. #tildaupdates
Изображение поста
🆕 Подключение своего домена в Tilda Docs
Теперь вы можете подключить к проекту Tilda Docs свой домен, чтобы опубликованная документация отображалась по желаемому вами адресу. Для этого перейдите в проект Tilda Docs → Настройки документации → Домен. Подключение своего домена доступно только для тарифного плана Business. Подключить свой домен к сайту можно двумя способами: 1️⃣ через делегирование домена на NS-серверы Тильды 2️⃣ через добавление А-записей для домена Подробная инструкция в Справочном центре 👉 https://help-ru.tilda.cc/customdomain #tildaupdates
Изображение поста
📍 Новый вид Заявок из форм
Поменялся внешний вид таблицы: она стала компактнее и нагляднее. При необходимости столбцы теперь можно увеличивать или уменьшать. А если в заявке есть информация о товаре — его изображение, данные по платежу и доставке — они отобразятся в таблице. ↖️ При клике на заявку откроется карточка, где будут видны отправленные клиентом данные и информация о заказе. В карточке теперь можно оставить комментарий. Например, написать сообщение для сотрудника, который будет собирать заказ. Переключаться между заявками стало удобнее благодаря стрелкам вверху карточки заказа 📝 Экспорт заявок переместился наверх страницы. Период выгрузки данных в общих Настройках форм можно задать самостоятельно за любой промежуток времени до 90 дней. Как вам новый интерфейс? Делитесь в комментариях 💭 #tildaupdates
✨ Автолейаут для всего Zero Block
Теперь вы можете задать Auto Layout всему артборду нулевого блока и настраивать его так же, как и другие элементы с флекс-свойствами. Это позволит ускорить создание адаптивов и упростит внесение изменений в контент: артборд с автолейаутом будет автоматически под них подстраиваться согласно заданным настройкам. Где найти: Auto Layout → Flex → Auto Автолейауту также можно задать свойство Container → Window, чтобы элементы выравнивались относительно окна браузера. Например, если добавить отступ (padding) слева 20px, он будет вычисляться от ширины окна браузера. То есть, от левой границы экрана добавится 20px. Это хорошо видно в окне предпросмотра при переключении на разные разрешения экранов. #tildaupdates