Блог Tilda Publishing

Пишем об обновлениях на Тильде: новые функции, шаблоны и статьи. Больше статей читайте на Tilda Education.

Мы отправляем дайджест один раз в месяц. Нажимая на кнопку «Подписаться», вы соглашаетесь с политикой обработки персональных данных.

6 ДЕКАБРЯ 2023

Новый шаблон в категории Pro

Нестандартная верстка в 3-колоночной сетке, темный фон и параллакс в разных вариациях. Подойдет для создания интерактивного лонгрида или личного сайта творческого специалиста.

20 ОКТЯБРЯ 2023

Цифровая доступность в Тильде

Мы провели большую техническую работу, чтобы сайты, которые вы создаете на Тильде, были доступны для людей, в том числе с инвалидностью и ограничениями здоровья. Рассказываем в деталях, как развивается цифровая доступность Тильды.

17 ОКТЯБРЯ 2023

Удобное подключение шрифта из библиотеки Google Fonts

Подключать шрифты из библиотеки Google Fonts стало удобнее. Теперь вам не придётся переходить в библиотеку, находить нужный шрифт, выбирать начертания и копировать ссылку — добавить шрифт можно прямо в интерфейсе Тильды.

13 ОКТЯБРЯ 2023

Теперь вы можете более гибко настраивать easing для каждого шага анимации. Ранее были доступны пять базовых типов изингов: linear, ease-in, ease-out, ease-in-out, elastic-fin. К ним добавилась возможность изменять easing вручную, задавать точные координаты для этой функции, а также 24 новых типа easing.

Гибкое редактирование Easing в Step-by-step анимации

Размер элементов интерфейса редактора Zero Block больше не зависит от приближения/удаления рабочей области. Направляющие, гриды, обводки элементов и линейки были технически переработаны для вашей комфортной работы в редакторе.

Оптимизация интерфейса при работе в зум-режиме

Теперь вы можете опубликовать изменения на странице, внесённые в Zero Block, не выходя из редактора. Для этого нажмите кнопку Publish, и страница будет опубликована.

Кнопка «Опубликовать»

Чтобы кнопка появилась, включите её в настройках: Artboard settings → Zero Block settings → Publish.

Анимация элемента будет проигрываться по шагам, возвращаться на исходную позицию и повторяться бесконечное количество раз. Это удобно, если вы хотите закольцевать анимацию элемента. Работает для всех типов sbs-анимации, кроме анимации по скроллу.

Loop with reverse в пошаговой анимации

Если установить это значение, анимация будет выполняться на странице только один раз, пока посетитель не перезагрузил страницу. Это удобно, если вы хотите, чтобы при нажатии/ховере на кнопку дополнительный элемент появился и не исчезал. Работает для анимации по ховеру и по клику.

Loop once в пошаговой анимации

Настройка overflow для осей X и Y

Появилась возможность задавать разные параметры настройки overflow для осей X и Y. Это удобно, если, например, вы хотите, чтобы карточки или отзывы скроллились только по горизонтали, без вертикального смещения.

Где найти: Artboard Settings → Position and Overflow.

Теперь вы можете настроить параметры отображения зафиксированного нулевого блока на странице для каждого разрешения.

Настройка зафиксированного Zero Block на странице для адаптивов

Где найти: Artboard Settings → Position and Overflow.

Появилась возможность очистить настройки элементов для младших разрешений экрана. Это может пригодиться, если вам не понравился дизайн адаптивов, который сделали ранее, вы хотите сбросить дизайн и начать заново.

Сброс настроек элементов в адаптивах

Где найти: выберите один или несколько элементов → перейдите в контекстное меню с помощью правой кнопкой мыши → Clear Adaptive Design.

Теперь артборд масштабируется от 20 до 300% и двигается относительно положения курсора. Такой диапазон позволит удобно работать, например, с мелкими деталями дизайна или сложной пошаговой анимацией, когда элементов много и чтобы увидеть все, нужно максимально отдалить рабочую область.

Масштаб рабочей области от 20 от 300%

Для векторных элементов вы можете добавить линейный и круговой градиенты. Работает с заливкой и обводкой элементов. Также можно импортировать SVG-элементы с градиентами из других графических редакторов.

Градиенты и поддержка масок в векторном редакторе

Помимо градиентов при импорте SVG появилась поддержка масок: они будут корректно импортированы и доступны для редактирования в Тильде.

Обновления в Zero Block

10 ОКТЯБРЯ 2023

Категория шаблонов «Мультиссылка»

В новой категории «Мультиссылка» вы найдете 25+ новых шаблонов, которые помогут вам заявить о себе в социальных сетях и мессенджерах. Выберите подходящий по дизайну и направлению шаблон, расскажите о себе, оставьте контакты для связи, разместите товары на продажу и многое другое.

6 ОКТЯБРЯ 2023

Обновления в Личных кабинетах (Members)

Обновление в боковом меню

Теперь группы и курсы находятся в раскрывающихся списках для более компактного отображения и быстрого доступа к Настройкам личного кабинета. Если групп или курсов больше 15, появляется окно поиска, чтобы найти нужный курс или группу было легче. А зажав название группы или курса, можно перетащить выбранный элемент на удобную позицию в списке. Например, перенести наверх курс, с которым вы работаете чаще всего.

В разделе со статистикой курса вы увидите, как студенты посещают ваш курс и выполняют домашнюю работу. Эти данные помогут понять, какие лекции и задания нравятся ученикам, а что вызывает сложности. Опираясь на данные статистики, вы сможете улучшить свой курс и повысить его доходимость.

Статистика курсов

Где найти: перейдите на вкладку Курс → Статистика курса.

3 ОКТЯБРЯ 2023

Микро-обновления платформы

В блоках ST300, ST305N, ST310N, ST315N, ST320N, ST330 из категории «Магазин» вы можете закрепить кнопку «Купить» на странице товара в мобильной версии.

Кнопку «Купить» можно закрепить на странице товара для мобильной версии сайта

Где найти: Настройки блока → Pop-up → Зафиксировать кнопку покупки для мобильной версии.

В базовых блоках теперь можно добавлять градиент для кнопок и для фона всего блока.

Поддержка градиентов для кнопок и для фона блока

Где найти: Настройки блока → Цвет фона для всего блока, или Настройки блока → Кнопки → Цвет фона.

Теперь вы можете задать больше стилей ссылок сразу для всего проекта в Настройках сайта. Что нового:

• толщина подчеркивания,
• цвет подчеркивания,
• цвет ссылок при наведении,
• цвет подчеркивания при наведении.

Расширенная настройка стилей ссылок для всего сайта

Где найти: Настройки сайта → Шрифты и цвета → Цвета → Дополнительные настройки.

При создании промокодов теперь вы можете добавить для них описание. Это пригодится, если вам нужно добавить заметки о промокодах, которые будут видны только вам.

Описание для промокодов

4 СЕНТЯБРЯ 2023

Новый виджет выбора цветов

Работать с цветовой палитрой сайта теперь удобнее, а нужный цвет находится быстрее. Выберите подходящий цвет со страницы с помощью «пипетки», определите подходящую цветовую модель, по которой будете задавать цвета на сайте — HEX, RGB или HSL.

Еще вы можете выбрать, какая палитра для сайта будет отображаться по умолчанию: цвета на странице, сохраненные цвета и градиенты или библиотека Tilda Colors.

28 АВГУСТА 2023

Удобная навигация по страницам в редакторе блоков

Перемещаться по страницам проекта теперь можно через выпадающий список в верхней панели редактора блоков. Здесь же можно переименовать текущую страницу, добавить новую или перейти в настройки любой из страниц.

Иконка созданной, но неопубликованной страницы будет отображаться бледно-серым цветом, а если вы внесли изменения, но не опубликовали их, то рядом с иконкой страницы появится синяя точка.

Для изменения порядка страниц просто перетащите их на нужное место. Когда страниц в проекте много, вы можете воспользоваться поиском для перехода к нужной.

23 АВГУСТА 2023

Любой Zero Block теперь можно превратить во всплывающее окно, добавив на страницу новый блок-модификатор T1093 «Popup: Zero Block в попапе» из категории «Другое». Например, вы хотите сделать динамическое меню, нестандартную подсказку по клику, маркетинговый попап и многое другое.

Zero Block в Pop-up

Вы можете задавать разрешение экрана, на котором будет располагаться каждая направляющая. Таким образом вы можете удобно настроить рабочую область под себя, не тратя время на скрытие направляющих, которые не актуальны для определенных экранов.

При выборе элемента его размер подсвечивается на линейках. Можно увидеть точные координаты по осям Х и Y, что сделает работу с элементами более удобной. Работает с одним и несколькими элементами, и с группами.

Плашка с координатами и настройками направляющей теперь всегда примагничена к левой стороне экрана. Это значит, что координаты направляющей можно видеть и изменять всегда, вне зависимости от вашего местоположения в рабочей области.

Обновленные направляющие

Подсветка элементов на линейках

Гибкое позиционирование фонового изображения для фона и шейпов

Вы можете гибко настроить позицию изображения для фона блока или для шейпа. Стало удобнее работать с макетом блока, если стандартные варианты позиционирования не подходят.

Если вы установили размер шейпа в пикселях, то настраивается точное позиционирование фонового изображения заднего фона. Если размер шейпа указан в процентах, то настраивается «фокус». Это часть изображения, которая будет видна при растягивании шейпа на разных экранах.

Обновления в Zero Block

Где найти: Выберите элемент Shape → Background image → Position → Edit.

17 АВГУСТА 2023

Обновления в Личных кабинетах (Members)

Теперь вы можете добавить собственный текст писем, которые автоматически уйдут пользователям, когда они совершат определённые действия.

Изменение шаблонов писем для пользователей

Настройка доступна для следующих писем:

• регистрация пользователя в личном кабинете (members);
• добавление человека в группу;
• восстановление пароля;
• редактирование e-mail/логина;
• изменение пароля для входа в личный кабинет.

Чтобы добавить собственный текст, перейдите в Настройки личного кабинета → Настройки писем. Чтобы поля с изменением текста автоматических рассылок появились, необходимо выбрать язык для вашего сайта.

Теперь при создании курса или онлайн-школы на Тильде вы можете планировать отложенную публикацию лекций. Доступно два варианта:

Отложенное открытие лекций в Личных кабинетах

Вы можете выбрать, после какой лекции открывать новую и через сколько часов, дней или недель это сделать.

Воспользуйтесь функцией, если хотите автоматизировать процесс постепенного доступа к лекциям. Чтобы настроить отложенную публикацию, создайте новую лекцию или перейдите к редактированию существующей. Затем выберите подходящий вариант в графе «Открыть лекцию после»: после прохождения лекции или после даты.

Информация об ожидании вступления в группы в Личном кабинете

В карточке пользователя теперь отображается информация об ожидании вступления в группы, если автоматическое добавление в группу отключено.

Включить или выключить автоматическое добавление можно в настройках каждой группы.

Вы можете добавить собственный почтовый сервер. Это пригодится, если вы планируете отправку более 500 писем в час.

Собственный почтовый сервер

Где найти: Личный кабинет (Members) → Настройки личного кабинета → Настройки почтового сервера → выбрать в списке Почтовый сервер.

В личных кабинетах теперь используются шрифт и цвета из общих настроек проекта. Изменить их можно, перейдя в Настройки сайта → Шрифты и цвета. Чтобы изменения применились, необходимо зайти в административную панель личных кабинетов, данные обновятся автоматически.

Общие настройки шрифта и цветов для Личного кабинета

11 АВГУСТА 2023

Новый шаблон в категории Pro

Строгая типографика, сетка в 4 колонки, легкий паттерн на фоне и акцент на фотографиях. Подойдет для портфолио, мероприятия и презентации продуктов в индустрии моды

При создании шаблона использовали новую функцию Zero Block — брейкпоинты.

7 АПРЕЛЯ 2023

5 апреля прошел митап Tilda Open Talks, где мы поговорили о развитии веб-дизайнера в 2023 году. Пять дизайнеров поделились своим взглядом на то, как прокачиваться в профессии и в каком направлении двигаться. Короткие ёмкие выступления по 15 минут, в конце каждого — ответы на вопросы зрителей.

21 МАРТА 2023

Обновления в Zero Block

Теперь вы можете зафиксировать нулевой блок на странице. Это позволит, например, создать фиксированное меню с нестандартным расположением элементов. Его можно зафиксировать сверху или снизу страницы, а также настроить появление спустя Х пикселей (Appear Offset). В этом случае доступна настройка одного из двух вариантов анимации появления — Fade in или Slide up/down.

Где найти: Artboard Settings → Position and Overflow.

Фиксация блока на странице

Изменение шрифта для полей ввода текста в формах (input)

Доступна смена шрифта в полях ввода данных в формах.

Где найти: Form Settings → Form Style → Input Font Family.

Чтобы скруглить шейп, потяните за точку в правом нижнем углу элемента. Точная настройка скругления в цифрах также доступна в настройках элемента.

Скругление шейпа за угол

Групповое редактирование анимации

Теперь можно выделить несколько элементов или групп и применить к ним базовую или пошаговую анимацию.

Настраивайте количество пикселей проскролла для старта анимации (параметр Trigger Offset) отдельно для каждого разрешения экрана.

Где найти: Step-by-step Animation → Trigger offset.

Настройка параметра анимации Trigger Offset для разных разрешений экранов

Выключение звука у видео с автоматическим проигрыванием

Для элемента Video при автоматическом проигрывании звук ролика будет отключен. Настройку нельзя изменить, так как большая часть современных браузеров не допускает автоплей со звуком.

Где найти: Zero Block Settings → Show Rulers.

Вы можете включить линейки и «достать» из них направляющие для более удобной работы над макетом блока.

Линейки

14 МАРТА 2023

Tilda Sans — фирменный вариативный шрифт Тильды. Он был создан в конце 2021 и доступен только для пользователей платформы. С сегодняшнего дня любой человек может скачать Tilda Sans бесплатно и использовать в любых, даже коммерческих проектах.

7 МАРТА 2023

Обновления в Личный кабинетах (Members)

Теперь вы можете более гибко редактировать дизайн страницы регистрации и авторизации для человека, которому вы предоставляете доступ к Курсам или в Личный кабинет (Members).

Настройка дизайна страницы
регистрации и авторизации

Появилась возможность добавлять хедер и футер для страниц со списком групп и курсов и для списка лекций.

Где найти: Настройки личного кабинета → Настройки проекта → Выбрать шапку и подвал

Добавление шапки и подвала
для некоторых страниц

Студент может прикреплять файлы в качестве домашнего задания. Они будут сохраняться в удобном для вас облачном хранилище: Google Drive, Dropbox, Яндекс. Диск, Selectel и другие. Чтобы функция заработала, необходимо в Настройках курса указать ключ для Tilda Upload Widget.

Прикрепление файлов в домашнем задании

21 ФЕВРАЛЯ 2023

Vector — новый элемент в Zero Block

Теперь вы можете создавать и редактировать векторные элементы в Zero Block. Новый векторный редактор позволяет создавать шейпы любой формы и базовые иллюстрации для сайта, а также дорабатывать импортированные svg-объекты.

7 ФЕВРАЛЯ 2023

Микро-обновления платформы

Скругление углов карточек у блоков из категории «Плитка и ссылка»

Где найти: Настройки блока → Карточки → Радиус скругления углов.

У некоторых блоков из категории «Плитка и ссылка» появилась возможность скруглять углы карточек. Настройка доступна для блоков TE100, TE105, TE205, TE215, TE230, TE700 и TE710.

В нулевом блоке появилась возможность добавить видео в формате mp4. Загрузите видео на собственный сервер и поставьте на него ссылку в настройках элемента Video.

HTML-видео в Zero Block

Где найти: Настройки блока → Pop-up.

В карточке товара доступно изменение размера контейнера для контента — 12 колонок или 100% ширины экрана. Работает для блоков ST300, ST305N, ST310N, ST315N, ST320N, ST330 из категории «Магазин».

Изменение кегля для описания продукта и размера контейнера в карточке товара

Где найти: Настройки блока → Типографика.

В блоках ST310N, ST300, ST305N, ST315N, ST320N, ST330 доступно изменение размера шрифта для артикула, опций и характеристик товара.

В настройках платёжных систем появилась возможность указать размер НДС для доставок при формировании чека. Доступно для пользователей из РФ.

Размер НДС для доставок

Удаление неактуальных публикаций в блоке Т854 «Канал новостей»

Где найти: Контент блока → Перейти к настройкам каналов новостей → нажмите Настройки напротив нужного канала → Удаление неактуальных новостей.

Для блока Т854 «Канал новостей» из категории «Другое» появилась возможность вручную удалять неактуальные новости для каналов Telegram, подключенных через бот.

Галерея Masonry в два ряда на мобильных

В мобильной версии блока «GL23 Masonry Gallery» изображения отображаются в две колонки. Если человек просматривает сайт с устройства с разрешением экрана 320px по ширине, то фотографии будут показаны в одну колонку, как это было раньше.

Обновления в Личных кабинетах (Members)

Также появилась возможность добавить собственный почтовый сервер. Это пригодится, если вы планируете отправку более 500 писем в час. Где найти: Личный кабинет (Members) → Настройки личного кабинета → Настройки почтового сервера.

Шрифт и цвета в личных кабинетах можно изменить на Настройках проекта. Чтобы изменения применились, необходимо зайти в административную панель личных кабинетов.

30 ЯНВАРЯ 2023

Настройка разрешений экранов в Zero Block

Теперь в нулевом блоке вы можете самостоятельно настроить разрешение экранов для разных устройств. Диапазон для контрольных точек варьируется от 320 до 1920 px.

Изменения доступны для пяти базовых экранов, также можно добавить новые или убрать лишние. Настроить можно максимум 10 экранов.

25 ЯНВАРЯ 2023

Текстовый блочный редактор в Потоках и Курсах

Редактор создан для удобной и быстрой верстки статей. Вместо привычной библиотеки блоков есть типы контента: текст, заголовок, изображение, видео, цитата, введение, разделитель, врезка и вставка оформленного кода с подсветкой. Также есть возможность добавить на страницу сторонний html-код.

Блоками можно управлять через контекстное меню: перемещать, удалять, а также конвертировать в другие типы, например, из основного текста в цитату. Для каждого типа блоков есть собственный набор настроек. Например, для изображения можно задать описание и ссылку.

20 ЯНВАРЯ 2023

Продвинутые скидки в каталоге

Для товаров из Каталога можно задавать скидки более гибко — линейно или дифференциально.

Размер линейной скидки варьируется в заданном промежутке, например, от 5 до 15% в зависимости от количества товаров в чеке или суммы покупки. Дифференциальная скидка фиксирована, для неё настраиваются пороги.

Вы можете задать несколько скидок и применять их ко всему каталогу, к определенным разделам или товарам. Также можно указать срок действия скидки и количество доступных активаций.

Где найти: Каталог → нажать три точки на верхней серой панели → Скидки.

17 ЯНВАРЯ 2023

Обновлён текст в конструкторе Политики конфиденциальности в соответствии с последними изменениями в законе № 152 «О персональных данных».

Подробнее об изменениях в законодательстве рассказывали в вебинаре.

10 ЯНВАРЯ 2023

Новый шаблон в категории Pro

Fox — минималистичный шаблон с дизайном в швейцарском стиле. Оранжевый здесь играет не только роль акцента, но и цвета для контента. Обратите внимание на вёрстку текста и работу с негативным пространством.

Шаблон сделан в Zero Block с использованием автоскейла.

22 ДЕКАБРЯ 2022

Тильда. Итоги года

Конструктор онлайн-курсов, продвинутый режим интерфейса, новые функции в интернет-магазинах, обновления в блоках, в CRM и другое — для ваших проектов на Тильде.