Якорная ссылка и контекстное меню для блока
Вы можете задать свою якорную ссылку для блока. Например, #features для раздела преимуществ. Это можно сделать через выпадающее меню блока или через контекстное меню, которое откроется при клике на правую кнопу мыши. После этого ссылка автоматически скопирутеся в буфер обмена.
Через контекстное меню также можно выбрать, что нужно сделать с блоком: копировать, дублировать, спрятать, удалить, добавить блок сверху или снизу и так далее.
💬 Переименование блоков
Для удобства работы над проектом появилась возможность переименовывать блоки. Уникальное название будет отображаться в карте блоков, под кнопками Настройки/Контент и при скрытии переименованного блока.
Чтобы изменить название, откройте карту блоков, дважды кликните на нужный блок, введите новое название и нажмите Enter.
Меняйте ваши тексты с помощью ИИ-помощника
Выделите текст, который вы хотите поправить, нажмите на иконку ИИ-помощника и выберите, что нужно сделать с текстом:
🔸переписать — переписывает текст, меняя формулировки;
🔸упростить — упрощает формулировку и делает текст легче для восприятия;
🔸удлинить — увеличивает длину текста, сохраняя смысл;
🔸укоротить — сокращает длину текста;
🔸продолжить — дополняет текст одним предложением или больше.
История генерации текстов в ИИ-помощнике
Теперь результаты генераций текста сохраняются, и вы можете легко к ним вернуться. Посмотрите прошлые генерации для текстового поля или блока, выберите подходящий вариант и сразу примените его или переиспользуйте запрос.
Чтобы посмотреть историю в ИИ-помощнике, кликните на иконку с часами.
Скрыть часть текста (под кат)
Вы можете спрятать часть текста в блоке и показывать его по клику на кнопку раскрытия. Это может пригодиться, например, для длинных отзывов или описания услуг. Чтобы спрятать текст, выделите его и в панели инструментов кликните на иконку с тремя точками → Скрыть текст (под кат).
В появившемся окне вы можете настроить названия для кнопок скрытия и раскрытия текста, задать их цвет и выбрать стиль подчёркивания. Проверить работу кнопок можно в предпросмотре и на опубликованной странице.
Горячие клавиши в редакторе
В редакторе страницы теперь можно пользоваться горячими клавишами для копирования и вставки блоков, их перемещения, открытия панели настроек и контента, публикации страницы и для других действий.
Чтобы выполнить действие с блоком, перед использованием горячих клавиш наведите на него указатель мыши.
Где найти полный список горячих клавиш: в шапке редактора выберите Еще → Горячие клавиши.
✨ QZ101 «Квиз-форма» — новый блок в библиотеке
Создавайте маркетинговые квизы, чтобы узнать предпочтения посетителей сайта, получить их контакты и создать для них уникальное предложение.
В новом блоке вы можете гибко настраивать внешний вид квиза, показывать его на весь экран или в попапе, задавать условия видимости шагов квиза и результатов, добавлять сообщение от консультанта, обложку и финальный шаг с результатами.
Чтобы настраивать квиз было быстрее и удобнее, в библиотеке вы можете выбрать одну из семи вариаций блока (QZ101A—QZ101F).
Где найти: Библиотека блоков → Форма
🔵Настраивайте внешний вид квиза
В Настройках блока вы можете выбрать, как отображать вопросы и варианты ответов: в две колонки или в одну. А также настраивать стиль квиз-формы: обводку, скругление, тень, наличие отступов для шага, наличие индикатора прогресса и его цвет и многое другое.
🔵 Настривайте панель с информацией о квизе
Отдельно настраивается панель с названием и описанием квиз-формы. Вы можете расположить её сверху, слева, справа или сделать квиз без панели.
Где найти: Настройки → Основные настройки → Расположение полей
🔵Добавьте сообщение от «Консультанта»
Дополнительно в панель можно добавить «Консультанта» — приветственное сообщение от вашего сотрудника с его фотографией. Это можно использовать, чтобы привлечь внимание пользователей и объяснить, зачем ему заполнять квиз и какую выгоду он получит.
Где найти: Контент → Другое → Сообщение от консультанта
Сообщение от консультанта также можно добавить на каждом шаге квиза. Для этого в Контенте добавьте поле → Еще: условиe видимости, консультант → Сообщение от консультанта.
🔵Сделайте квиз на весь экран или показывайте его в попапе
В Настройках блока можно выбрать отображение квиза на весь экран, а также задать высоту блока. Если установить фиксированное значение, высота блока не будут меняться в зависимости от количества контента в форме.
Где найти: Настройки → Основные настройки → Растянуть блок на весь экран
Для отображения квиза во всплывающем окне, включите чек-бокс «Открыть блок в Pop-up». После этого в Настройках появится раздел Pop-up, где можно задать ссылку для открытия блока.
Где найти: Настройки → Основные настройки → Открыть блок в Pop-up
🔵Добавьте обложку
В Контенте блока доступно новое поле «Обложка». Его можно использовать для первого шага или для разделения квиза на секции. В обложку можно добавить заголовок, описание, кнопку, изображение. Картинку можно сделать фоновой или расположить слева или справа от текста.
Где найти: Контент → Шаги квиз-формы → Обложка
🔵Задавайте условия видимости полей
В квизе вы можете настроить показ определенных полей в зависимости от значений в других полях. Это поможет сформировать предложение под потребности потенциального клиента и повысить вероятность продажи. Больше информации про условия видимости полей в Справочном центре 👉 https://help-ru.tilda.cc/forms/field-visibility-conditions
🔵Добавьте последний шаг
В блоке также доступно два новых поля, которые помогут завершить квиз: «Результат: контент (изображение + текст)» и «Результат: редирект». Первый вариант подойдёт, когда вы хотите дать больше информации тому, кто заполнил форму. Например, оставить промокод на скидку и дать ссылку на товар. Второй вариант можно использовать, когда вы хотите сразу отправить человека на другую страницу. Например, на лендинг с акционными предложениями.
Подробную информацию по работе с блоком читайте в Справочном центре 👉 https://help-ru.tilda.cc/forms/quiz
👋 Ищем нескольких людей, которые готовы на следующей неделе потестировать вложенные группы в Zero Block и дать обратную связь по их работе. У вас будет возможность попробовать новую функцию одними из первых и повлиять на финальный продукт. Взамен мы попросим вас поделиться расширенной обратной связью об использовании со скриншотами и текстовыми пояснениями.
Если вы готовы поучаствовать, заполните небольшую анкету
Интерфейс Тильды теперь доступен на португальском языке (бразильская версия). Чтобы изменить язык, перейдите в Профиль → Язык.
Это beta-версия перевода, если вы заметите неточности, напишите нам подробности через личный кабинет или на почту team@tilda.cc.
〰️ Быстрая настройка линий-разделителей
В базовых блоках появилась возможность быстро редактировать линии-разделители. При клике на разделитель появится меню настроек, где можно выбрать стиль линии, изменить её цвет, длину, ширину и прозрачность. Настройки разделителей совпадают с настройками блока, поэтому у некоторых линий может быть задано больше или меньше параметров.
Получение сертификата о регистрации доменного имени
Для доменов, купленных через Тильда Домены, появилась возможность получить сертификат о регистрации домена через личный кабинет. Для этого перейдите в Настройки сайта → Домен → Управление доменом → Сертификат о регистрации доменного имени.
Получение сертификата нужно подтвердить через код, который придет на e-mail, после чего откроется документ в формате pdf. Чтобы отправить повторный запрос, подождите не менее часа.
👁 Предпросмотр изменений во время редактирования блока во вкладке «Настройки»
Вы можете вносить изменения в настройки блока и сразу увидеть, как они применятся на странице. Это удобно, если вам нужно внести много правок и важно моментально видеть, как меняется дизайн.
После внесения всех изменений не забудьте нажать кнопку «Сохранить и закрыть» или «Сохранить», чтобы сохранить внесенные на странице изменения. Если выйти без сохранения, изменения не будут применены.
🐊 Эмодзи в текстах, формах, а также в названиях проектов, страниц и папок
Теперь вы можете добавлять эмодзи в текст в редакторе. Эмодзи будут отображаться для текстовых полей во всех блоках, включая формы и Zero Block. Также они будут доступны для отображения в названиях проектов, страниц и папок.
Вы можете открыть панель для выбора эмодзи, нажав Fn + E для Mac или Windows + Ю для Windows. Или скопировать эмодзи со сторонних ресурсов, например, emojipedia.
Обратите внимание, что внешний вид одного эмодзи будет меняться в зависимости от устройства посетителя сайта.
🤓 Пошаговая видеоинструкция о работе с автолейаутами в Zero Block. На примерах разберем все возможности новой функции в нулевом блоке.
Смотреть 👉 https://youtu.be/wkYFKgnk-aI
Работать с мультивыделением блоков стало удобнее
Выделив несколько блоков, вы можете не только их переместить, но и скопировать, вставить или удалить. Для этого теперь можно использовать горячие клавиши. Например, Cmd/Ctrl+C для копирования и Cmd/Ctrl+V для вставки.
В режиме мультивыделения теперь не блокируется редактирование, а в карте блоков при наведении отображается миниатюра блока, чтобы ориентироваться в них было удобнее.
Чтобы выделить несколько блоков, перейдите в Ещё → Блоки на странице → Режим выделения или у блока нажмите на иконку со стрелочкой → Выделить. Затем галочками отметьте блоки и выберите, какое действие нужно с ними выполнить.
⚡️ Вложенные группы и другие обновления в Zero Block
Теперь в нулевом блоке можно добавить группу внутрь другой группы. Это может пригодиться для вёрстки с помощью автолейаутов, создания карточек, галерей и многого другого. В группу можно добавить до 5 групп, то есть доступно пять уровней вложенности.
Добавить группы внутрь другой можно через:
- панель слоёв;
- Drag’n Drop (только для flex-групп);
- шорткат Cmd/Ctrl + G;
- панель настроек;
- контекстное меню.
💡 Имейте в виду, что во вложенную группу нельзя добавить логическую (logical). Если попытаться добавить её внутрь другой группы, её тип автоматически изменится на объектную (object).
Создание группы из одного элемента
Вы также теперь можете создать группу из одного элемента. Например, чтобы сделать кнопку или иконку с фоном.
Чтобы выделить элемент, который находится на глубоком уровне вложенности, и не искать его в панели слоёв, кликните на него с зажатым Cmd/Ctrl.
Панель слоёв теперь работает по-другому
🟡Если раскрыть слои группы с четырьмя уровнями вложенности и больше, в панели появится горизонтальный скролл.
🟡 Иконки видимости и блокировки теперь появляются на слое по наведению.
🟡 Появилась возможность выделить промежуток слоёв с зажатым Shift.
Больше обновлений в Zero Block:
🔵Теперь можно увеличивать масштаб рабочей области до 20000%.
🔵 При зуме 600% и больше, автоматически включится пиксельная сетка. Чтобы отключить её, уберите в меню галочку у пункта Pixel grid или используйте сочетание клавиш: Shift + '.
❗️Обновление будет открываться постепенно. Сейчас новые функции доступны для 10% тестеров.
Новый виджет для поиска изображений
При поиске изображений в библиотеке откроется виджет с двумя встроенными сервисами — Unsplash и Pixabay. Выберите сервис, перейдите в подходящую категорию или введите поисковой запрос.
Вы можете сразу добавить изображение в блок или сначала прокликать несколько картинок и убедиться, какая лучше смотрится на странице.
В виджете также доступны полезные ссылки на сервисы, где можно найти изображения и иконки.
Выбирать страницы в блоках из категории «Список страниц» стало удобнее
Страницы в Контенте блоков из категории «Список страниц» теперь отображаются с разделением на папки. Также добавилась возможность найти нужную страницу через поиск, выбрать все страницы в папке или в проекте, или интервал страниц через зажатую клавишу Shift.
Если навести на название страницы, появятся иконки перехода к настройкам и на опубликованную версию страницы.
Множественный выбор в дополнительных опциях
Теперь при оформлении заказа в интернет-магазине покупатель может добавить к покупке несколько значений дополнительных опций. Например, при заказе пиццы добавить не только один ингредиент, но и несколько сразу — сыр, красный лук, халапеньо, острый перец.
Для этого настройте в ваших товарах множественный выбор в дополнительных опциях. Перейдите в Каталог, откройте карточку товара → Дополнительные опции → Режим использования → Множественный выбор.
Подробнее читайте в статье: https://help-ru.tilda.cc/online-store/parameters#catalog
T1084 «Модификатор: стиль скроллбара»
Новый модификатор позволяет настраивать стиль скроллбара на странице: менять цвет подложки и ползунка, его размеры, отступы от краёв подложки, скругления, а также цвет ползунка при наведении. Это пригодится, когда вы хотите настроить скроллбар под дизайн сайта. Например, сделать его подходящим под цветовую палитру.
Все настройки блока, кроме возможности скрыть подложку, работают только в Chrome и Safari. В Firefox работает только измение цвета и размера. Также имейте в виду, что внешний вид скроллбаров может различаться в зависимости от браузера и операционной системы.
Где найти модификатор: Библиотека блоков → Другое
Подписка на товар, которого нет в наличии
Теперь вы можете настроить сбор подписок покупателей на товар, который закончился в магазине. Для этого добавьте на страницу блог ST600 «Popup: подписка на поступление товара» из категории «Магазин» и настройте его, как вам удобно.
К тому времени, как вы завезёте товар, у вас будет список людей с контактами, которые потенциально хотят его купить. Вы можете отправить им письма, позвонить или предупредить их о поставке любым удобным способом.
Функция подписки на товар доступна, если вы используете Каталог.
Подробнее, как настроить блок читайте в статье: https://help-ru.tilda.cc/online-store/out-of-stock
Переключать базовые блоки стало удобнее
При замене одного базового блока на другой из той же категории откроется удобная визуальная панель со списком всех блоков и их превью. Вы также сможете выбрать, нужно ли при этом сохранять контент и настройки текущего блока.
По клику на блок отобразится, как он будет выглядеть на странице. Так вы сможете быстро прокликать блоки, выбрать наиболее подходящий дизайн и сохранить его.
Скрытие панели редактирования
При редактировании контента и настроек блока теперь можно скрыть боковую панель, чтобы посмотреть результат изменений. Так вы сможете полностью увидеть блок перед тем, как сохранить изменения.
Чтобы скрыть панель, кликните на стрелку слева от панели или воспользуйтесь сочетанием клавиш Cmd (Ctrl) + /. Открывается панель таким же способом, а также при клике в любое место на странице или при нажатии на Escape.
Новые блоки из категории Преимущества
1️⃣ FR308 Изображение и список с галочками
2️⃣ FR309 Изображение снизу и карточки с иконками сверху
В новых блоках можно гибко настраивать ширину контента, а также выбрать, как отображать карточки — в одну или две колонки. Дизайн блоков отсылает к традициям вёрстки бумажных журналов и позволяет компактно расположить контент.
▪️В обоих блоках иконки для списка можно расположить сбоку или сверху от текста, а также настроить их внешний вид: галочки в одном из трёх стилей, выбранные из библиотеки иконки, эмодзи или загруженное изображение. При желании значки можно скрыть, оставив только текст.
▪️В настройках блока FR308 можно контролировать расположение картинки для мобильной версии: над или под текстом.
▪️В блоке FR309 изображение можно расположить снизу или сверху текста, а также настроить его ширину, независимо от текста и других элементов. Это можно использовать, например, чтобы добиться обложечного вида блока при растяжении изображения на 100%.
Примеры компоновки элементов можно увидеть по ссылке: https://blocksdemo.tilda.ws/fr308
А чтобы использовать шаблон в своём проекте, нажмите кнопку Создать новую страницу → Ввести ID шаблона и впишите номер 52071361.
🎨 Обновления векторного редактора
🔸Фигуры Polygon и Star
Инструменты Полигон и Звезда позволяют рисовать многоугольники и звёзды с заданным количеством вершин. Добавьте элемент на холст и, чтобы изменить параметры фигуры, воспользуйтесь контролами на самой фигуре или введите значение в поля Count и Ratio.
🔸Freehand (свободное рисование)
Новый инструмент позволяет от руки рисовать фигуры, которые автоматически преобразуются в кривые. Получившуюся фигуру можно дорисовывать из начальной или конечной точки, а также менять так же, как и другие векторные элементы: задавать заливку, цвет и ширину штриха, изменять размер элемента.
🔸Панель слоёв
В векторном редакторе вы можете удобнее работать с фигурами на рабочей области, используя панель слоёв. С её помощью можно управлять порядком фигур, фиксировать и скрывать их, переименовывать и открывать контекстное меню текущей фигуры с помощью правой кнопки мыши.
👁 Панель слоёв открывается тремя способами: по сочетанию клавиш cmd/ctrl + L, кликнув на кнопку в левом нижнем углу экрана или выбрав Toggle Layers в меню верхней панели.
🔸Виджет управления зумом
Используйте виджет управления зумом в правом нижнем углу экрана для более точного управления масштабом холста. Введите масштаб с клавиатуры, кликнув по значению зума, или воспользуйтесь командами из выпадающего меню.
🆕 Теперь в блок VD16 «Виджет с видео» вы можете добавить видео с YouTube. В качестве источника можно выбрать видео в одном из двух форматов — классическое горизонтальное видео или вертикальный формат Shorts. Обновление доступно для основного видео виджета и для превью. Также в качестве превью вы теперь можете загрузить изображение.
Где найти: блок VD16 → Контент.
⭐️ Продажа доступа к нескольким единицам контента через одну корзину
Теперь вы можете продавать разные единицы контента из Личного кабинета (Members) через одну корзину. Это удобно, если ваш курс состоит из нескольких модулей, у курса есть тарифы с разным доступом к материалам, или вы продаете иллюстрации, код, аналитические отчеты и так далее. Человек сможет выбрать разные единицы вашего контента из Каталога, разом их оплатить и получить доступ к закрытому личному кабинету (Members) со всеми материалами.
Как подключить покупку доступа к нескольким группам — читайте в статье: https://help-ru.tilda.cc/membership#bulk-purchase
✨ Автолейауты в Zero Block — новый способ вёрстки макетов в нулевом блоке
Теперь вы можете более гибко и быстро верстать макеты, менять в них контент, адаптировать дизайн под разные разрешения экранов и многое другое, используя флекс-контейнеры (автолейауты) в Zero Block.
В чем отличие от прошлых методов?
Если коротко — вы задаете направление и расстояния между элементами внутри группы-контейнера, а элементы будут выстраиваться согласно этим правилам. Вы можете менять размер группы, удалять или добавлять контент, правила останутся теми же.
Это значит, что дизайн станет более гибким к изменениям. Если, например, вам понадобится добавить еще одно изображение в группу, оно «встанет» согласно заданным правилам — не нужно будет двигать другие элементы группы вручную.
Более подробно о настройке автолейаутов (флекс-контейнеров) 👉 https://help-ru.tilda.cc/zero/auto-layout
Хотите подробную видеоинструкцию, где мы расскажем о возможностях автолейаутов и покажем их применение на примерах?