Панель для настройки тени у кнопок
Теперь настраивать тени на кнопках стало удобнее. Во всех базовых блоках с кнопками подключена новая панель, которая позволяет настроить цвет тени, непрозрачность, смещение, размытие и растяжение. Также можно сделать тень многослойной, добавив несколько слоёв.
Вы можете выбрать тень из готовых пресетов, настроить её вручную или вставить параметры в css-формате.
Настройка тени доступна как для кнопки в обычном состоянии, так и для эффекта при наведении.
Где найти: Настройки блока → Кнопка → Дополнительные настройки
Теперь настраивать тени на кнопках стало удобнее. Во всех базовых блоках с кнопками подключена новая панель, которая позволяет настроить цвет тени, непрозрачность, смещение, размытие и растяжение. Также можно сделать тень многослойной, добавив несколько слоёв.
Вы можете выбрать тень из готовых пресетов, настроить её вручную или вставить параметры в css-формате.
Настройка тени доступна как для кнопки в обычном состоянии, так и для эффекта при наведении.
Где найти: Настройки блока → Кнопка → Дополнительные настройки
Оценочная шкала в формах
В формах базовых блоков появился новый тип поля — Оценочная шкала. Доступны два варианта отображения: числовая шкала и в виде иконок.
Для числовой шкалы можно задать минимальное и максимальное значение, например, от 1 до 5.
Для шкалы в виде иконок указывается количество иконок в поле — от 3 до 10.
Для первого и последнего значения можно добавить текстовое описание, чтобы сделать шкалу более понятной. Например, от «очень плохо» до «отлично».
В формах базовых блоков появился новый тип поля — Оценочная шкала. Доступны два варианта отображения: числовая шкала и в виде иконок.
Для числовой шкалы можно задать минимальное и максимальное значение, например, от 1 до 5.
Для шкалы в виде иконок указывается количество иконок в поле — от 3 до 10.
Для первого и последнего значения можно добавить текстовое описание, чтобы сделать шкалу более понятной. Например, от «очень плохо» до «отлично».
🌿 Ветвление вопросов на основе ответов в формах
В формах вы можете настраивать видимость полей в зависимости от предыдущего ответа посетителя сайта. Это поможет гибко задавать вопросы человеку и получать более качественные ответы.
Как это работает:
1. Добавьте вертикальную или пошаговую форму на страницу, например, блок BF204N.
2. Перейдите в раздел Контент → Поля для ввода → в поле №2 или в последующих нажмите Ещё.
3. Выберите действие — показывать или скрывать это поле
4. Добавьте одно или несколько условий, при которых действие сработает. Например, если в поле №3 значение содержит слово «шкаф», то на следующем шаге №4 можно предложить услугу сборки мебели.
Подробную информацию о том, как настроить логику отображения полей читайте в статье: https://help-ru.tilda.cc/forms/field-visibility-conditions
В формах вы можете настраивать видимость полей в зависимости от предыдущего ответа посетителя сайта. Это поможет гибко задавать вопросы человеку и получать более качественные ответы.
Как это работает:
1. Добавьте вертикальную или пошаговую форму на страницу, например, блок BF204N.
2. Перейдите в раздел Контент → Поля для ввода → в поле №2 или в последующих нажмите Ещё.
3. Выберите действие — показывать или скрывать это поле
4. Добавьте одно или несколько условий, при которых действие сработает. Например, если в поле №3 значение содержит слово «шкаф», то на следующем шаге №4 можно предложить услугу сборки мебели.
Подробную информацию о том, как настроить логику отображения полей читайте в статье: https://help-ru.tilda.cc/forms/field-visibility-conditions
🌟 Стилизация индексной страницы в Личных кабинетах (Members)
Вы можете настроить дизайн страницы со списком групп, в которых состоит пользователь. Рассказываем, как стилизовать индексную страницу в Личном кабинете.
Над списком групп и под ним можно добавить тексты, изображения и видео, в зависимости от ваших задач. Например, до списка групп можно добавить приветственный текст, который объяснит, что за ссылки расположены ниже. А под списком групп вы можете рекомендовать свой курс или оставить свои контактные данные, если у поставщика возникнут вопросы.
Также вы можете изменить дизайн самой страницы — настроить фоновое изображение или цвет фона, изменить радиус скругления контейнера, выровнять текст, задать размер шрифта и многое другое. Высота плашки со списком групп настраивается автоматически в зависимости от количества групп, в которых состоит человек.
Где найти: Настройки личного кабинета → Дополнительные → Настройки индексной страницы.
Вы можете настроить дизайн страницы со списком групп, в которых состоит пользователь. Рассказываем, как стилизовать индексную страницу в Личном кабинете.
Над списком групп и под ним можно добавить тексты, изображения и видео, в зависимости от ваших задач. Например, до списка групп можно добавить приветственный текст, который объяснит, что за ссылки расположены ниже. А под списком групп вы можете рекомендовать свой курс или оставить свои контактные данные, если у поставщика возникнут вопросы.
Также вы можете изменить дизайн самой страницы — настроить фоновое изображение или цвет фона, изменить радиус скругления контейнера, выровнять текст, задать размер шрифта и многое другое. Высота плашки со списком групп настраивается автоматически в зависимости от количества групп, в которых состоит человек.
Где найти: Настройки личного кабинета → Дополнительные → Настройки индексной страницы.
This media is not supported in your browser
VIEW IN TELEGRAM
Теперь вы можете генерировать тексты с помощью искусственного интеллекта для всего блока сразу, а не только для поля.
Для этого добавьте на страницу базовый блок, в выпадающем меню в правом верхнем углу выберите «Сгенерировать» или во вкладке Контент нажмите на иконку «Сгенерировать с ИИ». Затем введите тематику вашего сайта. Чем больше деталей вы пропишите, тем качественнее будет сгенерированный текст. Например: Студия фитнеса с современным оборудованием, сертифицированными тренерами и разнообразными групповыми занятиями. В поле Запрос уточните, о чём вы хотите получить текст, или оставьте его пустым.
В блоках с карточками, например, из категории Преимущества, вы можете указать, какое количество карточек нужно сгенерировать. Если оставить галочку «Сохранить структуру», текст будет создан только для тех полей, которые уже были заполнены. При отключенной галочке текст сгенерируется во всех полях блока.
Если в блоке есть иконки, ИИ-помощник автоматически подберёт их по смыслу.
Функция открыта для блоков из категорий:
О проекте
Колонки
Обложка
Преимущества
Этапы
Отзывы
Расписание
Команда
Текстовый блок
Заголовок
Со временем генерация текста для блока появится и в других категориях.
Please open Telegram to view this post
VIEW IN TELEGRAM
🌝 Виджет для настройки фона блока
Работать с обложками и блоками из некоторых других категорий стало удобнее. По клику на иконку в левом нижнем углу откроется виджет для быстрого редактирования фона блока.
🙌 Выберите во вкладке, что именно вы хотите отредактировать — фоновое изображение, цвет или видео, задайте необходимые настройки и сохраните изменения.
Обратите внимание, что сохранённые изменения будут отображаться только с активного таба настроек — либо для фонового изображения, либо для цвета, либо для видео. Это удобно, когда вы хотите, например, быстро заменить фоновое изображение на цвет — теперь изображение не придётся удалять.
Также вы по-прежнему сможете менять все параметры блока на вкладках «Настройка» и «Контент».
Настройка открыта для почти всех блоков из категории «Обложка», а также для блоков с номерами IM02, IM05, IM06, TX14, TX15, BF303, BF308N, BF309N, BF311N, ST215, FT401, AB801, AB802, CN201, FR501N, FR502N, TS208, TS301N, TS302N, TM501, TM502, PR401N.
Работать с обложками и блоками из некоторых других категорий стало удобнее. По клику на иконку в левом нижнем углу откроется виджет для быстрого редактирования фона блока.
🙌 Выберите во вкладке, что именно вы хотите отредактировать — фоновое изображение, цвет или видео, задайте необходимые настройки и сохраните изменения.
Обратите внимание, что сохранённые изменения будут отображаться только с активного таба настроек — либо для фонового изображения, либо для цвета, либо для видео. Это удобно, когда вы хотите, например, быстро заменить фоновое изображение на цвет — теперь изображение не придётся удалять.
Также вы по-прежнему сможете менять все параметры блока на вкладках «Настройка» и «Контент».
Настройка открыта для почти всех блоков из категории «Обложка», а также для блоков с номерами IM02, IM05, IM06, TX14, TX15, BF303, BF308N, BF309N, BF311N, ST215, FT401, AB801, AB802, CN201, FR501N, FR502N, TS208, TS301N, TS302N, TM501, TM502, PR401N.
😊 Виджет выбора эмоджи в блоках с иконками
В базовых блоках вы можете поставить эмоджи вместо иконки через встроенный виджет. Искать подходящие эмоджи можно по группам или вбив ключевое слово в поиск.
На данный момент доступно 4 стиля эмоджи — 3D, цветной, плоский и монохромный. В дальнейшем список поддерживаемых эмоджи и их стилей будет расширяться.
Виджет работает во всех блоках с иконками.
В базовых блоках вы можете поставить эмоджи вместо иконки через встроенный виджет. Искать подходящие эмоджи можно по группам или вбив ключевое слово в поиск.
На данный момент доступно 4 стиля эмоджи — 3D, цветной, плоский и монохромный. В дальнейшем список поддерживаемых эмоджи и их стилей будет расширяться.
Виджет работает во всех блоках с иконками.
Tilda Updates for testers
Панель для настройки тени у кнопок Теперь настраивать тени на кнопках стало удобнее. Во всех базовых блоках с кнопками подключена новая панель, которая позволяет настроить цвет тени, непрозрачность, смещение, размытие и растяжение. Также можно сделать тень…
Виджет открыт для всех настроек тени в блоках — тень для карточек, виджетов и меню. Работает во всех базовых блоках, кроме Каталога и Потоков.
💫 Виджет выбора иконок в редакторе
Менять иконки в блоках стало удобнее с помощью нового виджета. Добавьте подходящий блок на страницу, по клику на иконку откроется виджет. Вы можете выбрать иконку из библиотеки Тильды, добавить эмодзи или загрузить собственный файл. По клику на три точки появится строка ввода alt-текста для изображения.
Виджет работает во всех базовых блоках с иконками.
Менять иконки в блоках стало удобнее с помощью нового виджета. Добавьте подходящий блок на страницу, по клику на иконку откроется виджет. Вы можете выбрать иконку из библиотеки Тильды, добавить эмодзи или загрузить собственный файл. По клику на три точки появится строка ввода alt-текста для изображения.
Виджет работает во всех базовых блоках с иконками.
Media is too big
VIEW IN TELEGRAM
Теперь вы можете более гибко и быстро верстать макеты, менять в них контент, адаптировать дизайн под разные разрешения экранов и многое другое, используя флекс-контейнеры (автолейауты) в Zero Block.
В чем отличие от прошлых методов?
Если коротко — вы задаете направление и расстояния между элементами внутри группы-контейнера, а элементы будут выстраиваться согласно этим правилам. Вы можете менять размер группы, удалять или добавлять контент, правила останутся теми же.
Это значит, что дизайн станет более гибким к изменениям. Если, например, вам понадобится добавить еще одно изображение в группу, оно «встанет» согласно заданным правилам — не нужно будет двигать другие элементы группы вручную.
Более подробно о настройке автолейаутов (флекс-контейнеров) 👉 https://help-ru.tilda.cc/zero/auto-layout
Хотите подробную видеоинструкцию, где мы расскажем о возможностях автолейаутов и покажем их применение на примерах?
Please open Telegram to view this post
VIEW IN TELEGRAM
Tilda Updates for testers
Смотреть 👉 https://youtu.be/wkYFKgnk-aI
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Как работать с автолейаутами (Auto Layout) в Zero Block в Тильде
Из ролика вы узнаете, как быстрее и удобнее верстать дизайн в Zero Block с помощью автолейаутов (Auto Layout).
В чем отличие от прошлых методов верстки?
Если коротко — вы задаете направление и расстояния между элементами внутри группы-контейнера, а элементы…
В чем отличие от прошлых методов верстки?
Если коротко — вы задаете направление и расстояния между элементами внутри группы-контейнера, а элементы…
⭐️ Продажа доступа к нескольким единицам контента через одну корзину
Теперь вы можете продавать разные единицы контента из Личного кабинета (Members) через одну корзину. Это удобно, если ваш курс состоит из нескольких модулей, у курса есть тарифы с разным доступом к материалам, или вы продаете иллюстрации, код, аналитические отчеты и так далее. Человек сможет выбрать разные единицы вашего контента из Каталога, разом их оплатить и получить доступ к закрытому личному кабинету (Members) со всеми материалами.
Как подключить покупку доступа к нескольким группам — читайте в статье: https://help-ru.tilda.cc/membership#bulk-purchase
Теперь вы можете продавать разные единицы контента из Личного кабинета (Members) через одну корзину. Это удобно, если ваш курс состоит из нескольких модулей, у курса есть тарифы с разным доступом к материалам, или вы продаете иллюстрации, код, аналитические отчеты и так далее. Человек сможет выбрать разные единицы вашего контента из Каталога, разом их оплатить и получить доступ к закрытому личному кабинету (Members) со всеми материалами.
Как подключить покупку доступа к нескольким группам — читайте в статье: https://help-ru.tilda.cc/membership#bulk-purchase
help-ru.tilda.cc
Настройка личного кабинета на Тильде
Разграничение доступа к контенту и регистрация пользователей
🐊 Эмодзи в текстах, формах, а также в названиях проектов, страниц и папок
Теперь вы можете добавлять эмодзи в текст в редакторе. Эмодзи будут отображаться для текстовых полей во всех блоках, включая формы и Zero Block. Также они будут доступны для отображения в названиях проектов, страниц и папок.
Вы можете открыть панель для выбора эмодзи, нажав Fn + E для Mac или Windows + Ю для Windows. Или скопировать эмодзи со сторонних ресурсов, например, emojipedia.
Обратите внимание, что внешний вид одного эмодзи будет меняться в зависимости от устройства посетителя сайта.
Теперь вы можете добавлять эмодзи в текст в редакторе. Эмодзи будут отображаться для текстовых полей во всех блоках, включая формы и Zero Block. Также они будут доступны для отображения в названиях проектов, страниц и папок.
Вы можете открыть панель для выбора эмодзи, нажав Fn + E для Mac или Windows + Ю для Windows. Или скопировать эмодзи со сторонних ресурсов, например, emojipedia.
Обратите внимание, что внешний вид одного эмодзи будет меняться в зависимости от устройства посетителя сайта.
Где найти: блок VD16 → Контент.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
👁 Предпросмотр изменений во время редактирования блока во вкладке «Настройки»
Вы можете вносить изменения в настройки блока и сразу увидеть, как они применятся на странице. Это удобно, если вам нужно внести много правок и важно моментально видеть, как меняется дизайн.
После внесения всех изменений не забудьте нажать кнопку «Сохранить и закрыть» или «Сохранить», чтобы сохранить внесенные на странице изменения. Если выйти без сохранения, изменения не будут применены.
Вы можете вносить изменения в настройки блока и сразу увидеть, как они применятся на странице. Это удобно, если вам нужно внести много правок и важно моментально видеть, как меняется дизайн.
После внесения всех изменений не забудьте нажать кнопку «Сохранить и закрыть» или «Сохранить», чтобы сохранить внесенные на странице изменения. Если выйти без сохранения, изменения не будут применены.
This media is not supported in your browser
VIEW IN TELEGRAM
Инструменты Полигон и Звезда позволяют рисовать многоугольники и звёзды с заданным количеством вершин. Добавьте элемент на холст и, чтобы изменить параметры фигуры, воспользуйтесь контролами на самой фигуре или введите значение в поля Count и Ratio.
Новый инструмент позволяет от руки рисовать фигуры, которые автоматически преобразуются в кривые. Получившуюся фигуру можно дорисовывать из начальной или конечной точки, а также менять так же, как и другие векторные элементы: задавать заливку, цвет и ширину штриха, изменять размер элемента.
В векторном редакторе вы можете удобнее работать с фигурами на рабочей области, используя панель слоёв. С её помощью можно управлять порядком фигур, фиксировать и скрывать их, переименовывать и открывать контекстное меню текущей фигуры с помощью правой кнопки мыши.
👁 Панель слоёв открывается тремя способами: по сочетанию клавиш cmd/ctrl + L, кликнув на кнопку в левом нижнем углу экрана или выбрав Toggle Layers в меню верхней панели.
Используйте виджет управления зумом в правом нижнем углу экрана для более точного управления масштабом холста. Введите масштаб с клавиатуры, кликнув по значению зума, или воспользуйтесь командами из выпадающего меню.
Please open Telegram to view this post
VIEW IN TELEGRAM
Получение сертификата о регистрации доменного имени
Для доменов, купленных через Тильда Домены, появилась возможность получить сертификат о регистрации домена через личный кабинет. Для этого перейдите в Настройки сайта → Домен → Управление доменом → Сертификат о регистрации доменного имени.
Получение сертификата нужно подтвердить через код, который придет на e-mail, после чего откроется документ в формате pdf. Чтобы отправить повторный запрос, подождите не менее часа.
Для доменов, купленных через Тильда Домены, появилась возможность получить сертификат о регистрации домена через личный кабинет. Для этого перейдите в Настройки сайта → Домен → Управление доменом → Сертификат о регистрации доменного имени.
Получение сертификата нужно подтвердить через код, который придет на e-mail, после чего откроется документ в формате pdf. Чтобы отправить повторный запрос, подождите не менее часа.
Новые блоки из категории Преимущества
1️⃣ FR308 Изображение и список с галочками
2️⃣ FR309 Изображение снизу и карточки с иконками сверху
В новых блоках можно гибко настраивать ширину контента, а также выбрать, как отображать карточки — в одну или две колонки. Дизайн блоков отсылает к традициям вёрстки бумажных журналов и позволяет компактно расположить контент.
▪️ В обоих блоках иконки для списка можно расположить сбоку или сверху от текста, а также настроить их внешний вид: галочки в одном из трёх стилей, выбранные из библиотеки иконки, эмодзи или загруженное изображение. При желании значки можно скрыть, оставив только текст.
▪️ В настройках блока FR308 можно контролировать расположение картинки для мобильной версии: над или под текстом.
▪️ В блоке FR309 изображение можно расположить снизу или сверху текста, а также настроить его ширину, независимо от текста и других элементов. Это можно использовать, например, чтобы добиться обложечного вида блока при растяжении изображения на 100%.
Примеры компоновки элементов можно увидеть по ссылке: https://blocksdemo.tilda.ws/fr308
А чтобы использовать шаблон в своём проекте, нажмите кнопку Создать новую страницу → Ввести ID шаблона и впишите номер 52071361.
В новых блоках можно гибко настраивать ширину контента, а также выбрать, как отображать карточки — в одну или две колонки. Дизайн блоков отсылает к традициям вёрстки бумажных журналов и позволяет компактно расположить контент.
Примеры компоновки элементов можно увидеть по ссылке: https://blocksdemo.tilda.ws/fr308
А чтобы использовать шаблон в своём проекте, нажмите кнопку Создать новую страницу → Ввести ID шаблона и впишите номер 52071361.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
В базовых блоках появилась возможность быстро редактировать линии-разделители. При клике на разделитель появится меню настроек, где можно выбрать стиль линии, изменить её цвет, длину, ширину и прозрачность. Настройки разделителей совпадают с настройками блока, поэтому у некоторых линий может быть задано больше или меньше параметров.
Please open Telegram to view this post
VIEW IN TELEGRAM