Полное руководство по интернет-магазину в Tilda: меню, каталог и все e-commerce блоки

Интернет-магазин на Tilda publishing— это уже не набор карточек, а полноценная архитектура, где каждая часть работает как элемент одной экосистемы. Чтобы собрать удобный магазин, важно понимать логику трёх ключевых блоков платформы: меню, каталог и ST-блоки.

Ниже — системный разбор всех возможностей в одном материале.

Меню — первый контакт пользователя с магазином. В сентябре–октябре Tilda полностью обновила логику e-commerce навигации и выпустила новый блок, который сильно упростил работу с большими каталогами.

Блок ME500. Online Store Menu появился 24 октября 2025 года.

Это официально анонсированное меню, созданное именно для интернет-магазинов, в отличие от классических ME100–ME400, которые подходят в основном для обычных сайтов.

Что умеет ME500:

• Полная навигация по магазину
Категории, подкатегории, подборки — всё отображается автоматически, без ручных ссылок.

• Быстрые кнопки магазина
Корзина, избранное, профиль пользователя.

• Навигация уровня мобильного приложения
Сделано под e-commerce UX, а не под обычные сайты.

• Автоматическая интеграция с каталогом
Меню ME500 подхватывает дерево категорий из каталога и обновляет навигацию, когда меняется структура товаров.

Это принципиальный шаг Tilda к полноценному e-commerce ядру: теперь меню не ручная работа, а часть общей системы магазина.

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

Чем лучше настроен каталог, тем проще управлять магазином, масштабировать ассортимент, подключать фильтры и собирать pop-up карточки.

2.1 Каталог — единая база товаров

Размещён здесь:
Tilda → Интернет-магазин → Товары.

Каждый товар создаётся один раз.
Карточки, каталоги, pop-up окна, корзина, фильтры — всё подхватывает его автоматически.
Изменили цену, фото или статус — обновилось везде.
Это правило экономит десятки часов при работе с коллекциями.

2.2 Категории и подкатегории — дерево структуры

Категории задаются прямо в каталоге, а не на странице.

Можно создавать многоуровневую структуру:
Одежда → Женская → Платья → Летние
Техника → Смартфоны → iPhone → 15 Pro
Декор → Картины → Минимализм → Новинки недели

Товар может находиться сразу в нескольких категориях — удобно для подборок.
ME500 использует это дерево автоматически.

2.3 Атрибуты = фильтры

Каждый товар может иметь:
• цвет
• размер
• материал
• бренд
• сезон
• технические характеристики

Эти атрибуты участвуют в фильтрах.
Если добавить новый атрибут в товар — фильтр появляется сам (в блоках типа ST320N).

2.4 Вариации (цвета, размеры, комплектации)

Внутри товара можно создать:
• отдельные фото для каждой вариации
• отдельную цену
• индивидуальный остаток

Это удобно для одежды, аксессуаров, электроники и товаров с конфигурациями.

2.5 Управление доступностью

Tilda поддерживает статусы:
• в наличии
• нет в наличии
• предзаказ
• ограниченно
• скрыть из каталога

Есть блок ST600 для сбора заявок на «Когда поступит».

2.6 SEO-эффект каталога

Каталог генерирует:
• уникальные товарные URL
• мета-теги
• хлебные крошки
• schema.org разметку

Поисковики индексируют каталог как полноценный e-commerce раздел.

2.7 Экспорт/импорт для масштабирования

Каталог можно:
• выгружать в Google Sheets
• загружать обратно через CSV
• изменять массово
• анализировать просмотры и клики

Для крупных магазинов — must-have.

После того как меню и каталог настроены, магазин собирается из ST-блоков — визуальных элементов, которые отображают товары.

Ниже полный обзор.

3.1 Корзина и оплата

ST100 — Корзина с формой заказа
Поддержка онлайн-оплаты, нескольких товаров, вариаций и доставки.

ST105 — Прямая оплата (без корзины)
Полезно для услуг и быстрых продаж.

ST110 — Избранное
Wishlist для товаров.


3.2 Карточки товаров

ST200 — Базовая карточка товара
Фото, описание, цена, кнопка.

ST205 — Карточка на всю ширину окна
Визуальный формат для fashion, мебели и арт-товаров.

ST210 — Карточка с залипающей информацией
Информация остаётся на виду при прокрутке.

ST215 — Фоновая карточка товара
Премиальная визуальная подача.


3.3 Каталоги, сетки и списки товаров

ST300 — Карточки + Popup
Детальная карточка открывается во всплывающем окне.

ST305N — Карточки с кнопками + Popup
Кнопки «купить», «в избранное» прямо на карточке.

ST310N — Карточки с фоном + Popup
Визуально расширенные карточки.

ST315N — Колонки товаров на всю ширину + Popup
Идеально для lookbook-подборок.

ST320N — Карточки с кнопками и фильтрами сбоку + Popup
Полноценный каталог с фильтрами.

ST330 — Список товаров + Popup
Прайс-лист, если отключить фото и описание.


3.4 Дополнительные карточки и мини-блоки

ST400N — Заголовок + цена + кнопка
Подходит для услуг.

ST405 — Вертикальная карточка товара
Компактный формат.


3.5 Pop-up карточки и уведомления

ST500 / ST505 / ST510 — Pop-up карточки товаров
Разные визуальные варианты детальных карточек.

ST600 — Подписка на поступление товара
Сбор заявок. Tilda автоматически рассылает уведомления.


3.6 Блоки из «Обложки» для магазинов

CR33 — Обложка с кнопками Apple/Google Play
Если у магазина есть приложение.

BF801 — Кнопки App Store и Google Play
Компактный блок для перехода в магазины приложений.

Индивидуальный дизайн магазина через Zero Block

Мы разобрали стандартные блоки для создания интернет-магазина на Tilda — корзина, карточки товаров, фильтры, попапы и каталоги. Этого достаточно, чтобы собрать магазин любого размера быстро и без дизайнера.

Но если вам нужен полностью индивидуальный интерфейс, собственная структура каталога или нестандартные решения для карточек товара — в Tilda есть Zero Block.

Zero позволяет:
— создавать уникальную шапку и меню магазина,
— собирать собственные карточки товаров с анимациями,
— использовать свои сетки, композиции и логіку отображения,
— интегрировать элементы каталога через HTML-виджеты,
— настраивать адаптив под мобильные устройства вручную.

Zero — это инструмент для кастом-дизайна, когда стандартных ST-блоков уже не хватает или проект требует фирменного стиля на уровне приложений.