Галочка и текстовый комментарий в горизонтальных формах

Теперь в блоках с горизонтальными формами можно добавить поля Галочка и Текстовый комментарий. ➕ Галочка Добавляется чекбокс, где можно поставить галочку. Например, если нужно получить согласие на обработку персональных данных или подтвердить подписку на рассылку. ➕ Текстовый комментарий Появляется поле для текста, в которое можно внести дополнительную информацию. #tildaupdates

За тёплые месяцы было много нового: и Zero Block перевели, и ИИ-помощника доработали, и выпустили новые блоки. Если вы что-то пропустили, самое время узнать подробнее про обновления лета 👇 Июнь 🟠Быстрое управление карточками блока 🟠Авторизация по номеру телефона в Личном кабинете (Members) 🟠Выбор тональности в AI-генерации текста 🟠Личный кабинет интернет-магазина (ЛКИМ) 🟠Новый блок в библиотеке — TS105 Слайдер с карточками отзывов Июль 🟠Русский язык в Zero Block 🟠Обновления в векторном редакторе 🟠Overflow для скрытия контента за пределами автолейаута 🟠Передача опций товаров из калькулятора форм 🟠Подбор изображений в блоках 🟠Strict Order для изменения порядка элементов в адаптивах Август 🟠Абсолютное позиционирование элементов внутри автолейаута 🟠Выбор способа авторизации в Личном кабинете (Members) 🟠Функция задачи в AI-генерации 🟠Новый блок в библиотеке — FR310 Текст и карточки в две колонки 🟠Быстрая настройка типографики 🟠Новый блок в библиотеке — TX24 Статья А какие обновления ждёте вы? Пишите свои варианты в комментарии! #tildaupdates

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

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

Теперь при генерации страницы с нуля на этапе «Задача» можно настроить её использование. Например, вы детально прописали задачу для новой страницы: уточнили структуру по разделам, указали фирменный цвет или тип страницы. А далее можете выбрать, как использовать этот текст: 🟠 Взять за основу (по умолчанию). Задача станет опорой, а генерация будет детализировать страницу подходящими решениями. 🟠 Следовать точно. Генерация будет строго соответствовать задаче, без дополнительной доработки и отступлений. Новая настройка появится, если в задаче введено больше 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, доступные через виджет, можно использовать для личного и коммерческого использования бесплатно и без обязательного указания авторства. Чтобы посмотреть все доступные в Тильде иконки, кликните в базовом блоке на иконку → Выбрать иконку. Откроется виджет с иконками из 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