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

Теперь можно подобрать изображения с помощью ИИ. Выберите блок из библиотеки и нажмите на иконку 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, доступные через виджет, можно использовать для личного и коммерческого использования бесплатно и без обязательного указания авторства. Чтобы посмотреть все доступные в Тильде иконки, кликните в базовом блоке на иконку → Выбрать иконку. Откроется виджет с иконками из Tilda Icons и The Noun Project. #tildaupdates

Теперь в квиз-форме можно добавить кнопку перехода на предыдущий шаг или прохождения квиза заново. Действия для кнопок доступны на шаге Результат и помогут дольше удержать пользователя на сайте. Так, если он захочет пройти квиз ещё раз, форма сбросится до начального этапа без перезагрузки страницы. #tildaupdates

Генерируя страницу с помощью AI, уточните важные детали, чтобы получить результат, который вам понравится. Например, в задаче можно написать, что нужно создать не главную страницу, а лендинг под вебинары, расписать структуру страницы, целевую аудиторию и фирменные цвета. А чтобы получить пример задачи под вашу тематику, вы можете её сгенерировать. И после генерации, при необходимости, дополнить или сократить текст. Где найти: Создать новую страницу → Сгенерировать страницу. #tildaupdates

Теперь в Tilda Docs, Потоках и личном кабинете курсов можно создавать таблицы. Это удобно для структурирования данных и визуального разнообразия. Таблицы помогают упорядочить информацию и разбавить сплошной текст. Где найти: нажмите на иконку с плюсом → Таблица Чтобы редактировать таблицу, нажмите на три точки слева от неё. Там вы можете, например, настроить выравнивание по ширине, добавить якорь и скруглить углы. Цвет таблицы зависит от настроек сайта, но при необходимости вы можете задать цвет обводки вручную. Когда в таблице становится много данных, снизу появляется горизонтальный скролл, позволяющий сохранить аккуратный вид и свободное место на странице. #tildaupdates

Теперь вы можете добавлять на сайт изображения в формате WebP. Он обеспечивает более эффективное сжатие по сравнению с JPEG и PNG, позволяя уменьшить размер файла без заметной потери качества. Также этот формат поддерживает прозрачность и анимацию. Если вы добавите на сайт изображения в других форматах, они автоматически конвертируются в WebP благодаря адаптивной загрузке изображений. Возможность загрузки изображений в формате WebP в каталог товаров и Потоки появится позднее. Узнать подробнее про адаптивную загрузку изображений можно в Справочном центре 👉 https://tilda.cc/ru/lp/image-optimization/ #tildaupdates

Теперь вы можете загружать до трёх собственных шрифтов в каждом проекте. Например, можно выбрать акцидентный шрифт для заголовков, а гротескный — для основного текста 🔤 Для каждого из шрифтов можно загрузить до 9 начертаний для более гибкой работы с типографикой. После загрузки шрифтов и начертаний их можно сразу назначить для заголовков или для основного текста. Для каждого начертания шрифта нужно загружать отдельный файл в формате WOFF. Где найти: Настройки сайта → Шрифты и цвета → Расширенные настройки → Загрузить шрифт. #tildaupdates

Выбирайте в два клика, какую цветовую схему применить к странице, сгенерированной с помощью AI: светлую, тёмную или яркую. ИИ предложит акцентный цвет — вы можете его оставить или изменить его на ваш фирменный. В светлой теме будет преобладать белый фон, в тёмной — чёрный, а в яркой — акцентный цвет. При этом будут сохраняться контрастность кнопок и цвета текста, чтобы он оставался читабельным. Где найти: Создать новую страницу → Сгенерировать страницу → Цветовая схема #tildaupdates

Объедините заголовок, описание и основной текст в новый блок TX23 из категории Текстовый блок. Это поможет не собирать такую структуру из нескольких разных блоков. В Настройках блока можно изменить заголовок, настроить типографику, добавить анимацию и задать SEO-теги. А чтобы выделить описание или акцентировать внимание на первом абзаце, включите в настройках буквицу — крупную начальную букву текста. #tildaupdates

Теперь вы можете подключить к проекту Tilda Docs свой домен, чтобы опубликованная документация отображалась по желаемому вами адресу. Для этого перейдите в проект Tilda Docs → Настройки документации → Домен. Подключение своего домена доступно только для тарифного плана Business. Подключить свой домен к сайту можно двумя способами: 1️⃣ через делегирование домена на NS-серверы Тильды 2️⃣ через добавление А-записей для домена Подробная инструкция в Справочном центре 👉 https://help-ru.tilda.cc/customdomain #tildaupdates

Поменялся внешний вид таблицы: она стала компактнее и нагляднее. При необходимости столбцы теперь можно увеличивать или уменьшать. А если в заявке есть информация о товаре — его изображение, данные по платежу и доставке — они отобразятся в таблице. ↖️ При клике на заявку откроется карточка, где будут видны отправленные клиентом данные и информация о заказе. В карточке теперь можно оставить комментарий. Например, написать сообщение для сотрудника, который будет собирать заказ. Переключаться между заявками стало удобнее благодаря стрелкам вверху карточки заказа 📝 Экспорт заявок переместился наверх страницы. Период выгрузки данных в общих Настройках форм можно задать самостоятельно за любой промежуток времени до 90 дней. Как вам новый интерфейс? Делитесь в комментариях 💭 #tildaupdates

Теперь вы можете задать Auto Layout всему артборду нулевого блока и настраивать его так же, как и другие элементы с флекс-свойствами. Это позволит ускорить создание адаптивов и упростит внесение изменений в контент: артборд с автолейаутом будет автоматически под них подстраиваться согласно заданным настройкам. Где найти: Auto Layout → Flex → Auto Автолейауту также можно задать свойство Container → Window, чтобы элементы выравнивались относительно окна браузера. Например, если добавить отступ (padding) слева 20px, он будет вычисляться от ширины окна браузера. То есть, от левой границы экрана добавится 20px. Это хорошо видно в окне предпросмотра при переключении на разные разрешения экранов. #tildaupdates

Теперь в Zero Block высота артборда может меняться автоматически. Если вы измените высоту и расположение элементов, блок сам под них подстроится, а вам не придётся настраивать его размеры вручную. Например, если вы увеличите текст, артборд сам подстроится под новый размер, а обновлённый текст не выйдет за его границу. Чтобы высота Zero Block менялась автоматически, выберите в настройках Grid container height → Auto. При необходимости задайте отступ снизу (Padding Bottom), чтобы всегда оставалось свободное пространство между контентом и нижним краем артборда. #tildaupdates

Теперь можно не использовать сторонние сервисы для генерации QR-кода страницы, а получить его сразу в Тильде. При его сканировании пользователи будут сразу переходить на нужную страницу сайта. QR-код можно скачать в нескольких форматах — JPG, PNG, SVG. А в мобильной версии есть возможность поделиться изображением в мессенджерах. Для этого нажмите на иконку серой стрелки. QR-код может пригодиться, например, для использования на бумажных носителях: визитках, афишах и баннерах. Так пользователю не придется вводить адрес в браузере вручную, и ему будет легче попасть на ваш сайт. Где найти: опубликуйте страницу и в левом верхнем углу нажмите на иконку QR-кода. #tildaupdates

Теперь для каждого угла элемента Zero Block вы можете задать своё значение скругления. Для этого кликните на фигуру и найдите настройку Border → Radius и рядом нажмите на иконку. Скруглять можно углы у шейпов и у изображений. Например, вы можете указать 20px для верхних углов и 0px для нижних или скруглить только некоторые из них. #tildaupdates