🆕 Загрузка изображений в формате WebP

Теперь вы можете добавлять на сайт изображения в формате 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

Теперь можно отслеживать событие для каждого шага квиза и добавлять изображение или видео к вопросам. Рассказываем подробнее ⬇️ 🟠 Визуальное оформление вопросов В блоках с квиз-формой появилась возможность добавить изображение или видео рядом с вопросом. Контент можно настроить на всех шагах квиза, кроме формы контактов и скрытого поля. Для изображения рядом с вопросом важно учесть оптимальный размер — 1200х800рх. Где найти: Контент блока → выбрать нужный вопрос → Изображение/видео рядом с вопросом. 🟠 Аналитика Появилась возможность отслеживать событие посещения для каждого шага квиза и отправлять данные в систему аналитики. Так вы сможете, например, узнать, какой процент людей заполняет квиз до конца. Где найти: перейдите в Настройки блока и поставьте галочку рядом с текстом «Отправлять дополнительные события в систему аналитики». Чтобы отслеживать события, настройте цели в системе аналитики, например, в Яндекс Метрике. Ознакомиться подробнее с инструкцией можно по ссылке: https://help-ru.tilda.cc/statistics-goal #tildaupdates

Для быстрого взаимодействия с блоком появилась возможность вызвать контекстное меню. В нём можно выбрать, что нужно сделать с блоком: копировать, дублировать, спрятать, удалить, добавить блок сверху или снизу и так далее. Ещё в контекстном меню можно сразу перейти к генерации текста для блока, быстро узнать Block ID или задать якорную ссылку, не заходя в Настройки. Чтобы открыть контекстное меню, кликните правой кнопкой мыши в любом месте нужного блока. #tildaupdates

Вы можете задать свою якорную ссылку для блока. К примеру, #features для раздела преимуществ. Это может пригодиться, например, если вы хотите сделать оглавление и дать возможность пользователю сразу перейти к нужному разделу лендинга. Задать свою якорную ссылку можно через выпадающее меню блока или через контекстное меню, которое откроется при клике на правую кнопку мыши. После этого ссылка автоматически копируется в буфер обмена. #tildaupdates

В панели «Блоки на странице» при наведении на список можно посмотреть миниатюры блоков, чтобы в них было проще ориентироваться. В панели отображается номер и название блока, которое можно изменить, дважды кликнув на текст. Уникальное название будет отображаться в карте блоков, под кнопками Настройки/Контент и при скрытии переименованного блока. Также появилась возможность найти блок через поиск и перейти из панели в режим мультивыделения блоков, нажав на иконку «Режим выделения». Где найти: Ещё → Блоки на странице или Cmd/Ctrl+L #tildaupdates

Теперь в базовых блоках фоновые видео воспроизводятся на мобильной версии сайта так же, как на больших экранах. Видео на фоне можно использовать вместо статичной картинки, например, для главного экрана сайта. Если вы хотите, чтобы в десктопной версии было видео, а в мобильной — изображение, перейдите в Контент блока → Видео → Поставьте галочку в чекбоксе «Показывать изображение вместо видео в мобильной версии». А как вы относитесь к фоновым видео? Делитесь в комментариях. #tildaupdates

🟠 SV502 «Текст в раскрывающихся карточках в две колонки» 🟠 SV503 «Текст в раскрывающихся карточках с заголовком во второй колонке» Новые блоки имеют двухколоночную разметку. Это позволит компактнее разместить контент на странице. Вы также можете выбрать, где располагать иконки — слева или справа от заголовка раскрывающихся списков. В Контенте блока SV502 можно создать карточки для левой и правой колонке. Они разместятся ниже заголовка и описания. В Настройках блока SV503 можно разместить заголовок и описание в левой или правой колонке. А также есть возможность настроить выравнивание текста и вертикальное выравнивание всего текстового блока. #tildaupdates

В базовых блоках появилась возможность настраивать насыщенность для вариативных шрифтов, например, для Tilda Sans. То есть теперь необязательно ограничиваться стандартными начертаниями — Thin, Regular, Bold. Вы можете задать своё значение, которое подойдёт для дизайна вашего сайта. Где найти: Настройки блока → Типографика → Насыщенность → Вариативный 💬А вы используете вариативные шрифты в своих проектах? #tildaupdates

В базовых блоках появился удобный виджет для поиска изображений в библиотеке. Перейдите в Контент блока, нажмите на кнопку «Искать в библиотеке», после чего откроется виджет с двумя интегрированными сервисами — Unsplash и Pixabay. Выберите сервис, перейдите в подходящую категорию или введите поисковой запрос. Вы можете сразу добавить изображение в блок или нажать на предпросмотр. Выбрав предпросмотр, вы сможете пролистать несколько картинок и понять, какая лучше смотрится на странице. После выбора изображения, оно будет оптимизировано. Картинки из библиотеки загружаются на сервер Тильды, где происходит их преобразование в webp. В виджете также доступны полезные ссылки на сервисы, где можно найти изображения и иконки. А вы уже пользовались библиотекой изображений? Расскажите в комментариях 🏞️ #tildaupdates

Новый модификатор позволяет настраивать стиль скроллбара на странице: менять цвет подложки и ползунка, его размеры, отступы от краёв подложки, скругления, а также цвет ползунка при наведении. Это пригодится, когда вы хотите настроить скроллбар под дизайн сайта. Например, сделать его подходящим под цветовую палитру. Все настройки блока, кроме возможности скрыть подложку, работают только в Chrome и Safari. В Firefox работает только изменение цвета и размера. Также имейте в виду, что внешний вид скроллбаров может различаться в зависимости от браузера и операционной системы. Где найти модификатор: Библиотека блоков → Другое #tildaupdates

В любом базовом блоке, где есть текст, можно спрятать его часть и показывать по клику на кнопку раскрытия. Это может пригодиться, например, для длинных отзывов, описания услуг или текста о компании. Чтобы спрятать текст, выделите его и во всплывающем контекстом меню кликните на иконку с тремя точками → Скрыть текст (под кат). В появившемся окне вы можете настроить названия для кнопок скрытия и раскрытия текста, задать их цвет и выбрать стиль подчёркивания. Проверить работу кнопок можно в предпросмотре и на опубликованной странице. #tildaupdates