This media is not supported in your browser
VIEW IN TELEGRAM
Для удобства работы над проектом появилась возможность переименовывать блоки. Уникальное название будет отображаться в карте блоков, под кнопками Настройки/Контент и при скрытии переименованного блока.
Чтобы изменить название, откройте карту блоков, дважды кликните на нужный блок, введите новое название и нажмите Enter.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥123👍29❤🔥11😱5😍5❤3
Tilda Updates for testers
UPD. Обновления доступны для всех тестеров.
🔥62👍10❤1
Media is too big
VIEW IN TELEGRAM
Якорная ссылка и контекстное меню для блока
Вы можете задать свою якорную ссылку для блока. Например, #features для раздела преимуществ. Это можно сделать через выпадающее меню блока или через контекстное меню, которое откроется при клике на правую кнопку мыши. После этого ссылка автоматически скопируется в буфер обмена.
Через контекстное меню также можно выбрать, что нужно сделать с блоком: копировать, дублировать, спрятать, удалить, добавить блок сверху или снизу и так далее.
Вы можете задать свою якорную ссылку для блока. Например, #features для раздела преимуществ. Это можно сделать через выпадающее меню блока или через контекстное меню, которое откроется при клике на правую кнопку мыши. После этого ссылка автоматически скопируется в буфер обмена.
Через контекстное меню также можно выбрать, что нужно сделать с блоком: копировать, дублировать, спрятать, удалить, добавить блок сверху или снизу и так далее.
🔥85👍47⚡10❤5🥴3❤🔥2🤔1🆒1
QR-код для сайта
Теперь при публикации страницы вы можете получить QR-код, который при сканировании будет вести на эту страницу. QR-код можно скачать в форматах JPG, PNG и SVG.
Также в некоторых браузерах есть возможность поделиться изображением и отправить его через мессенджер. Для этого рядом с QR-кодом нажмите на иконку серой стрелки.
Чтобы посмотреть QR-код, опубликуйте страницу и в левом верхнем углу попапа нажмите на значок QR-кода.
Теперь при публикации страницы вы можете получить QR-код, который при сканировании будет вести на эту страницу. QR-код можно скачать в форматах JPG, PNG и SVG.
Также в некоторых браузерах есть возможность поделиться изображением и отправить его через мессенджер. Для этого рядом с QR-кодом нажмите на иконку серой стрелки.
Чтобы посмотреть QR-код, опубликуйте страницу и в левом верхнем углу попапа нажмите на значок QR-кода.
❤137🔥96👍24❤🔥22🗿10👎8🆒6☃3🍓3🎄2💅1
Добавление таблиц и формул в базовых блоках
В базовых блоках появилась возможность добавлять таблицы. По умолчанию добавляется таблица с тремя колонками и строками. Вы можете их удалять и добавлять, чтобы получить желаемый размер таблицы. Ячейки можно объединять и, при необходимости, обратно разъединять.
Где найти: Контент блока → иконка с тремя точками во всплывающем контекстом меню → Таблица.
Также в базовые блоки можно добавить текст формул. Их нужно записывать в формате KaTex. Например, формула c² = a² + b² будет выглядеть так: c^2 = a^2 + b^2. При этом вы можете поменять цвет, жирность и размер текста, но шрифт формул изменить нельзя.
Где найти: Контент блока → иконка с тремя точками во всплывающем контекстом меню → Формула.
В базовых блоках появилась возможность добавлять таблицы. По умолчанию добавляется таблица с тремя колонками и строками. Вы можете их удалять и добавлять, чтобы получить желаемый размер таблицы. Ячейки можно объединять и, при необходимости, обратно разъединять.
Где найти: Контент блока → иконка с тремя точками во всплывающем контекстом меню → Таблица.
Также в базовые блоки можно добавить текст формул. Их нужно записывать в формате KaTex. Например, формула c² = a² + b² будет выглядеть так: c^2 = a^2 + b^2. При этом вы можете поменять цвет, жирность и размер текста, но шрифт формул изменить нельзя.
Где найти: Контент блока → иконка с тремя точками во всплывающем контекстом меню → Формула.
🔥153👍38❤10🆒8😍4❤🔥2
Media is too big
VIEW IN TELEGRAM
Работа с блоками в мобильной версии
Теперь можно переключать блоки в мобильный вид. При переключении на мобильную версию можно выбрать мобильный, планшет или конкретное устройство из выпадающего списка, например, iPhone 15 Pro или Redmi Note 8. Вы также можете самостоятельно задавать ширину блоков, растягивая их по краям. Помимо ширины, также учитывается и высота выбранного устройства.
Все настройки мобильной версии базовых блоков сохранятся и будут работать, а в Zero Block будут срабатывать настроенные контрольные точки (брейкпоинты).
Режим мобильной версии позволяет оценить внешний вид блоков на мобильных устройствах, для более точного отображения можно по-прежнему пользоваться режимом предпросмотра либо проверять вёрстку на реальных устройствах.
Чтобы с блоками было удобнее работать, при переключении на мобильный вид можно пользоваться горячими клавишами, аналогичными при работе с Zero Block.
Теперь можно переключать блоки в мобильный вид. При переключении на мобильную версию можно выбрать мобильный, планшет или конкретное устройство из выпадающего списка, например, iPhone 15 Pro или Redmi Note 8. Вы также можете самостоятельно задавать ширину блоков, растягивая их по краям. Помимо ширины, также учитывается и высота выбранного устройства.
Все настройки мобильной версии базовых блоков сохранятся и будут работать, а в Zero Block будут срабатывать настроенные контрольные точки (брейкпоинты).
Режим мобильной версии позволяет оценить внешний вид блоков на мобильных устройствах, для более точного отображения можно по-прежнему пользоваться режимом предпросмотра либо проверять вёрстку на реальных устройствах.
Чтобы с блоками было удобнее работать, при переключении на мобильный вид можно пользоваться горячими клавишами, аналогичными при работе с Zero Block.
🔥248❤🔥34❤19👍13😱10👏3👀3🥰1🕊1🤝1🤷1
Продажа доступов в несколько курсов по ссылке
Появилась возможность продавать разные единицы контента из Личного кабинета (Members) по клику на кнопку, не привязываясь к Каталогу. Это значит, что при продаже нескольких курсов можно теперь не ограничиваться блоками из категории Магазин, а использовать любой блок, где есть кнопка.
Для этого нужно привязать курсы к одной группе и использовать для кнопки ссылку вида: #order:Премиум-тариф =2000:::extid=000000000, где «Премиум-тариф» — название товара, а «2000» — стоимость, 000000000 — публичный ID группы, к которой привязаны курсы.
При нажатии на такую ссылку курс добавится в корзину, где пользователь введёт необходимые данные и сможет перейти к оплате.
Такой способ продажи контента пригодится, если ваш курс состоит из нескольких модулей, и вы не используете Каталог. Например, вы преподаёте курс «Веб-дизайнер», который состоит из модуля по композиции, типографике, вёрстке и так далее. И хотите, чтобы пользователь мог добавить несколько из них в корзину и оплатить доступ одним платежом.
Как настроить покупку доступа к нескольким курсам по ссылке — читайте в статье: https://help-ru.tilda.cc/membership#access-by-link
Появилась возможность продавать разные единицы контента из Личного кабинета (Members) по клику на кнопку, не привязываясь к Каталогу. Это значит, что при продаже нескольких курсов можно теперь не ограничиваться блоками из категории Магазин, а использовать любой блок, где есть кнопка.
Для этого нужно привязать курсы к одной группе и использовать для кнопки ссылку вида: #order:Премиум-тариф =2000:::extid=000000000, где «Премиум-тариф» — название товара, а «2000» — стоимость, 000000000 — публичный ID группы, к которой привязаны курсы.
При нажатии на такую ссылку курс добавится в корзину, где пользователь введёт необходимые данные и сможет перейти к оплате.
Такой способ продажи контента пригодится, если ваш курс состоит из нескольких модулей, и вы не используете Каталог. Например, вы преподаёте курс «Веб-дизайнер», который состоит из модуля по композиции, типографике, вёрстке и так далее. И хотите, чтобы пользователь мог добавить несколько из них в корзину и оплатить доступ одним платежом.
Как настроить покупку доступа к нескольким курсам по ссылке — читайте в статье: https://help-ru.tilda.cc/membership#access-by-link
🔥96👍23❤19👎1
Media is too big
VIEW IN TELEGRAM
Автовысота артборда Zero Block
Чтобы высота Zero Block менялась автоматически, выберите в настройках Grid container height → Auto и задайте отступ снизу, если это необходимо.
Так высота артборда будет подстраиваться под высоту и расположение элементов и вам не придётся менять его размеры вручную.
Чтобы высота Zero Block менялась автоматически, выберите в настройках Grid container height → Auto и задайте отступ снизу, если это необходимо.
Так высота артборда будет подстраиваться под высоту и расположение элементов и вам не придётся менять его размеры вручную.
🔥180👍89⚡15❤🔥10❤6😍3🍾3👨💻2🤝2
Media is too big
VIEW IN TELEGRAM
Автолейаут для всего Zero Block
Теперь вы можете задать Auto layout всему артборду нулевого блока и настраивать его так же, как и другие элементы с флекс-свойствами.
Автолеайту также можно задать свойств Container → Window, чтобы элементы выравнивались относительно окна браузера. Например, если добавить отступ (padding) слева 20px, то он будет вычисляться от ширины окна браузера. То есть от левой границы экрана добавится 20px.
Теперь вы можете задать Auto layout всему артборду нулевого блока и настраивать его так же, как и другие элементы с флекс-свойствами.
Автолеайту также можно задать свойств Container → Window, чтобы элементы выравнивались относительно окна браузера. Например, если добавить отступ (padding) слева 20px, то он будет вычисляться от ширины окна браузера. То есть от левой границы экрана добавится 20px.
🔥100❤57👍24😱13❤🔥9😍1🐳1
Media is too big
VIEW IN TELEGRAM
Image Fit
С помощью этой настройки вы можете выбрать, как изображение будет вписываться в контейнер:
🟠 Cover – заполняет всю область контейнера, сохраняя пропорции, но может обрезать часть изображения.
🟠 Contain – вписывает изображение в контейнер целиком, сохраняя пропорции. Может оставлять пустые поля, для которых можно задать цвет.
🟠 Fill – заполняет изображением всю область контейнера, не сохраняя пропорции.
🟠 None – изображение остается в своем исходном размере и не изменяется в зависимости от размеров контейнера.
Вы также можете настроить Position, например, выбрать Right Top. Это пригодится, чтобы уточнить, какую часть изображения показывать, если оно полностью не помещается в контейнер.
С помощью этой настройки вы можете выбрать, как изображение будет вписываться в контейнер:
Вы также можете настроить Position, например, выбрать Right Top. Это пригодится, чтобы уточнить, какую часть изображения показывать, если оно полностью не помещается в контейнер.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤73🔥59❤🔥8👍8
И еще три обновления в Zero Block:
🟠 Для кастомных брейкпоинтов увеличено максимальное разрешение с 1920 до 2560px.
🟠 Для изображений, добавленных внутрь шейпа, теперь можно написать alt-текст.
🟠 Теперь можно настроить внешний вид кнопки Play для видео, загруженного в формате mp4 — изменить размер иконки и поменять её цвет.
✳️ Обновления будет открываться постепенно. Сейчас новые функции доступны для 50% тестеров.
Upd. Обновления открыты на всех тестеров.
Upd. Обновления открыты на всех тестеров.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥136🔥79❤20👍12
Вывод переменных в формах
В текстовых полях базовых блоков из категории Формы теперь можно использовать переменные, чтобы выводить значения, которые уже ввели в форме. Например, пользователь указал своё имя и на следующем шаге вы можете отобразить его в вопросе.
Чтобы вывести значение переменной, используйте конструкцию {{form.name=def}} в поле формы, где:
form — обязательный префикс, который нужно указать перед названием переменной и ее значением;
name — имя переменной, заданной в контенте поля;
def — значение по умолчанию, которое будет выводиться, если пользователь не заполнит поле.
Подробнее про работу с переменными и ограничения читайте в Справочном центре — https://help-ru.tilda.cc/forms/settings#show-variable
✳️ Вывод переменных работает на опубликованной странице и только в рамках одного блока.
В текстовых полях базовых блоков из категории Формы теперь можно использовать переменные, чтобы выводить значения, которые уже ввели в форме. Например, пользователь указал своё имя и на следующем шаге вы можете отобразить его в вопросе.
Чтобы вывести значение переменной, используйте конструкцию {{form.name=def}} в поле формы, где:
form — обязательный префикс, который нужно указать перед названием переменной и ее значением;
name — имя переменной, заданной в контенте поля;
def — значение по умолчанию, которое будет выводиться, если пользователь не заполнит поле.
Подробнее про работу с переменными и ограничения читайте в Справочном центре — https://help-ru.tilda.cc/forms/settings#show-variable
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥106👍14⚡12❤🔥9❤5
UPD. Всем спасибо за участие! Необходимое число откликов собрали
✨ Ищем нескольких людей, которые готовы на следующей неделе потестировать Личный кабинет интернет-магазина и дать обратную связь по его работе. У вас будет возможность попробовать новую функцию одними из первых и повлиять на финальный продукт. Взамен мы попросим вас поделиться расширенной обратной связью со скриншотами и текстовыми пояснениями.
Выбранных людей на следующей неделе добавим в телеграм-чат, где подробнее расскажем о тестировании.
Выбранных людей на следующей неделе добавим в телеграм-чат, где подробнее расскажем о тестировании.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤101👀28🔥26👍16💅2🥰1
Подключение своего домена в Tilda Docs
Теперь вы можете подключить к проекту Tilda Docs свой домен, чтобы опубликованная документация отображалась по желаемому вами адресу. Для этого перейдите в проект Tilda Docs → Настройки документации → Домен.
Подключить домен можно двумя способами: через делегирование домена на NS-серверы Тильды или через добавление А-записей для домена. Подробная инструкция в Справочном центре — https://help-ru.tilda.cc/customdomain
Подключение своего домена доступно только для тарифного плана Business.
Теперь вы можете подключить к проекту Tilda Docs свой домен, чтобы опубликованная документация отображалась по желаемому вами адресу. Для этого перейдите в проект Tilda Docs → Настройки документации → Домен.
Подключить домен можно двумя способами: через делегирование домена на NS-серверы Тильды или через добавление А-записей для домена. Подробная инструкция в Справочном центре — https://help-ru.tilda.cc/customdomain
Подключение своего домена доступно только для тарифного плана Business.
🔥56👍24❤11💋2
This media is not supported in your browser
VIEW IN TELEGRAM
Предпросмотр страницы, не выходя из редактора
Теперь предпросмотр отображается на той же вкладке, что и редактор. При этом вверху остаётся шапка редактора, чтобы вы могли сразу опубликовать страницу, перейти в настройки и воспользоваться другими инструментами.
В режиме предпросмотра всё также можно выбрать, на каком устройстве вы хотите проверить отображение страницы. А для предпросмотра на мобильных появилась возможность настроить зум — задать значение от 50 до 150% или выбрать показ по высоте экрана.
Теперь предпросмотр отображается на той же вкладке, что и редактор. При этом вверху остаётся шапка редактора, чтобы вы могли сразу опубликовать страницу, перейти в настройки и воспользоваться другими инструментами.
В режиме предпросмотра всё также можно выбрать, на каком устройстве вы хотите проверить отображение страницы. А для предпросмотра на мобильных появилась возможность настроить зум — задать значение от 50 до 150% или выбрать показ по высоте экрана.
🔥150👍44❤11🤝4👎3😍2❤🔥1😢1
В редакторе доступны иконки из The Noun Project
Теперь вы можете подобрать подходящие для проекта иконки из интегрированного сервиса The Noun Project. Все иконки по умолчанию чёрно-белые, но вы можете поменять их цвет, толщину линий и скругление. Найти нужную иконку можно через поиск на английском языке.
Чтобы посмотреть доступные в Тильде иконки, кликните в базовом блоке на иконку → Выбрать иконку. Откроется виджет с иконками из Tilda Icons и The Noun Project.
Теперь вы можете подобрать подходящие для проекта иконки из интегрированного сервиса The Noun Project. Все иконки по умолчанию чёрно-белые, но вы можете поменять их цвет, толщину линий и скругление. Найти нужную иконку можно через поиск на английском языке.
Чтобы посмотреть доступные в Тильде иконки, кликните в базовом блоке на иконку → Выбрать иконку. Откроется виджет с иконками из Tilda Icons и The Noun Project.
❤105🔥89👍13👎3🎄3
Загрузка нескольких шрифтов для проекта
Теперь вы можете загружать до трёх собственных шрифтов в каждом проекте. Для каждого из них можно загрузить до 9 начертаний для более гибкой работы с типографикой. После загрузки шрифт можно сразу назначить для заголовков или для основного текста.
Для каждого начертания (толщины) шрифта, нужно загружать отдельный файл в формате WOFF.
Где найти: Настройки сайта → Шрифты и цвета → Расширенные настройки → Загрузить шрифт.
Теперь вы можете загружать до трёх собственных шрифтов в каждом проекте. Для каждого из них можно загрузить до 9 начертаний для более гибкой работы с типографикой. После загрузки шрифт можно сразу назначить для заголовков или для основного текста.
Для каждого начертания (толщины) шрифта, нужно загружать отдельный файл в формате WOFF.
Где найти: Настройки сайта → Шрифты и цвета → Расширенные настройки → Загрузить шрифт.
🔥357❤🔥43🙏21🍾18👍9❤7🤣4🦄4🤯3😍2👏1
Передача домена другому пользователю Тильды
Домен, купленный через Tilda Domains, теперь можно передать на другой аккаунт.
Это может пригодиться, например, для дизайнеров, которые создают сайты в своём аккаунте и потом передают его заказчику. Теперь можно передать не только проект, но и отдельно домен для него. Администратор при этом останется прежним.
После передачи домена пользователь сможет оплачивать продление домена, вносить изменения в DNS-записи и NS-серверы. А чтобы запросить сертификат владения доменом или передать его другому регистратору, потребуется подтверждения администратора домена.
Где найти: Домены → выбрать домен → Управление доменом → Передача домена другому пользователю Тильды
Подробная инструкция в Справочном центре — https://help-ru.tilda.cc/domain#change-account
Домен, купленный через Tilda Domains, теперь можно передать на другой аккаунт.
Это может пригодиться, например, для дизайнеров, которые создают сайты в своём аккаунте и потом передают его заказчику. Теперь можно передать не только проект, но и отдельно домен для него. Администратор при этом останется прежним.
После передачи домена пользователь сможет оплачивать продление домена, вносить изменения в DNS-записи и NS-серверы. А чтобы запросить сертификат владения доменом или передать его другому регистратору, потребуется подтверждения администратора домена.
Где найти: Домены → выбрать домен → Управление доменом → Передача домена другому пользователю Тильды
Подробная инструкция в Справочном центре — https://help-ru.tilda.cc/domain#change-account
👍58🔥37❤🔥11⚡4❤3🙏1