Пройти квиз заново. Блок QZ101 «Квиз-форма»

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

Теперь можно отслеживать событие для каждого шага квиза и добавлять изображение или видео к вопросам. Рассказываем подробнее ⬇️ 🟠 Визуальное оформление вопросов В блоках с квиз-формой появилась возможность добавить изображение или видео рядом с вопросом. Контент можно настроить на всех шагах квиза, кроме формы контактов и скрытого поля. Для изображения рядом с вопросом важно учесть оптимальный размер — 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