Zero Block в Тильде: как работает свободный редактор
Zero Block Тильды это свободный редактор внутри одного блока: элементы ставят в любую точку по координатам, а не в готовую раскладку. Он открыт с тарифа Personal за 500 ₽ в месяц при оплате за год (на 20 октября 2026), на бесплатном Free его нет. Ниже чем он отличается от обычных блоков, как в нём работать и как настроить адаптив.
Ответ за 30 секунд
Zero Block это свободный редактор, где раскладку рисуют сами: элементы ставят по координатам, слои двигают мышью. Открыт он с тарифа Personal, а адаптив под телефон настраивают вручную для каждого из пяти диапазонов экрана. Данные по справке Тильды на 20 октября 2026.
Zero Block и свой домен открываются на одном тарифе Personal: .ru от 200 ₽ за первый год (Таймвеб, на 20 октября 2026).
Нужен ли вам Zero Block или хватит обычных блоков ТильдыPersonalтариф, с которого открыт Zero Block
12колонок в сетке Grid Container
5диапазонов экрана для адаптива
01 · 1 мин
Что такое Zero Block в Тильде и чем он отличается от обычных блоков#
В обычном блоке раскладку задаёт Тильда, а пользователь меняет только содержимое и настройки. В Zero Block раскладку рисуют самостоятельно: в рабочее поле добавляют текст, картинки, фигуры и кнопки, двигают их мышью и задают точное положение. Это путь для макета, который не помещается в готовые блоки из библиотеки.
| Параметр | Обычный блок | Zero Block |
|---|---|---|
| Раскладка | Готовая, меняются поля | Рисуется вручную по координатам |
| Скорость работы | Достаточно заменить содержимое | Дольше, зато без рамок сетки |
| Вид на телефоне | Перестраивается автоматически | Настраивается вручную для каждого экрана |
| Тариф | Free и платные | С Personal |
Весь сайт в Zero Block собрать можно, но тогда каждый блок придётся подгонять под все экраны. Поэтому его чаще берут для отдельных секций: первого экрана, схем, нестандартных карточек. Условия тарифа разобраны на странице тариф Personal.
Инструмент · 1 мин
Нужен ли вам Zero Block или хватит обычных блоков Тильды#
Выберите, что нужно получить на странице, и посмотрите, какой вариант быстрее.
Нужен ли вам Zero Block
Выберите задачу и тариф, подсказка назовёт подходящий вариант
03 · 1 мин
Как добавить Zero Block на страницу и открыть редактор#
- Добавьте блок. Нажмите кнопку Zero внизу страницы или выберите «Нулевой блок» в самом низу библиотеки, после категории «Другое».
- Откройте редактор кнопкой «Редактировать блок».
- Выберите контейнер. Grid Container привязан к сетке Тильды из 12 колонок шириной 1200 px, Window Container показывает границы окна браузера.
- Добавьте элементы кнопкой «+» в левом верхнем углу: текст, изображение, фигуру (Shape), кнопку, видео, тултип, блок кода (HTML), форму или галерею. Картинку можно перетащить из папки прямо на поле.
- Задайте точные значения в панели Settings справа внизу: выравнивание, координаты X и Y в px или %, ширину и высоту.
- Закройте редактор и опубликуйте страницу: как опубликовать сайт на Тильде.
04 · 1 мин
Как работать в Zero Block: слои, группы и выравнивание#
Элементы перемещают мышью, меняют им размер за края и копируют с зажатой клавишей Alt. Несколько элементов выделяют с Shift и выравнивают друг относительно друга или относительно контейнера.
Панель Layers показывает все элементы блока списком. Слой скрывают иконкой глаза, блокируют замком, а порядок наложения меняют командой Arrange. Так подпись помещают поверх фото, не боясь сдвинуть соседний элемент.
Группа объединяет элементы, чтобы двигать их вместе. У группы два типа: Logical применяет настройки к каждому элементу отдельно, Object ко всей группе целиком. Горячие клавиши вроде ⌘+G для группы и ⌘+L для слоёв есть в контекстном меню блока (на Windows вместо ⌘ работает Ctrl).
Текст в Zero Block оформляют своим шрифтом (свой шрифт открыт с Personal), а движение элементов задают через анимацию.
05 · 1 мин
Как сделать адаптив в Zero Block для планшета и телефона#
Брейкпоинты в Zero Block задают вручную: ширина 1200 и больше, от 980 до 1200, от 640 до 980, от 480 до 640 и от 360 до 480 px. Элемент можно подвинуть или изменить на каждом экране отдельно. Значения, которые вы поменяли для экрана, выделяются чёрным, унаследованные от большего экрана остаются серыми.
Работайте от широкого экрана к узкому: сначала доведите десктоп, затем проверяйте планшет и телефон. Если элемент на телефоне не нужен, его убирают именно на этом экране.
В настройках блока (артборда) задаются высота Grid Container, фон из цвета, градиента или картинки и поведение блока. Position принимает значения Fixed или Absolute, Overflow значения Visible, Hidden или Auto. Через Position: Fixed закрепляют шапку при прокрутке, подробности на странице меню на Тильде.
Вес страницы
Много слоёв, тяжёлые картинки и анимация в одном блоке замедляют загрузку. Как это измерить и исправить, написано на странице скорость сайта на Тильде.
06 · 1 мин
Вопросы о Zero Block в Тильде#
Как работать в Zero Block, если никогда не верстал?
Начните с одного блока и добавьте элементы кнопкой «+». Положение и размер задают мышью, точные значения вводят в панели Settings. Код писать не нужно: Zero Block это визуальный редактор.
Есть ли Zero Block на бесплатном тарифе Тильды?
Нет, он открыт с тарифа Personal за 500 ₽ в месяц при оплате за год (на 20 октября 2026). На Free доступны обычные блоки из библиотеки.
Как превратить готовую обложку Тильды в Zero Block?
Откройте настройки обложки и внизу нажмите «Convert to Zero Block». Несохранённые изменения при превращении пропадают, поэтому сначала сохраните страницу.
Можно ли сделать всплывающее окно в Zero Block?
Да. Окно рисуют в Zero Block, а открывает его блок-модификатор T1093 из категории «Другое» с указанием ID нужного блока. Шаги на странице попап на Тильде.
Почему этому можно верить
Как мы проверяли
Источники цифр на этой странице: Тарифы Тильды, tilda.cc/ru/pricing, проверено 20 октября 2026; Домены Таймвеб, timeweb.com/ru/services/domains, проверено 20 октября 2026; Виртуальный хостинг Таймвеб, timeweb.com/ru/services/hosting, проверено 20 октября 2026; Справка Тильды: Zero Block, начало работы (контейнеры, элементы, слои, группы, брейкпоинты, настройки блока), help-ru.tilda.cc/zero, проверено 20 октября 2026.
Зарегистрируйте домен для сайта
Чтобы сайт на Тильде открывался по своему адресу, нужен домен. Домены Timeweb: более 300 зон, бесплатный SSL и единая панель.
- .ru и .рф от 200 ₽ за первый год
- Более 300 доменных зон
- Бесплатный SSL на домен
- Подключение к Тильде одной записью