Electronic Catalog Maker Как это работает
Нажми на маркер, чтобы открыть крупный план предмета — там его описание и кнопка «Купить». ⌂ вернёт в комнату.
Нажми на номер на плитке, чтобы увидеть описание товара и кнопку «Купить». Список вверху переключает группы. Есть фото и таблица? Конструктор сетки соберёт такую же за тебя →
Демо-пароль: stool-2026. Введи его на экране блокировки ниже; обложка и название видны и без пароля.
Выбери услугу, чтобы увидеть, что это и как она проходит, — кнопка «Записаться» откроет календарь записи. ⌂ вернёт к списку.
Нажми на метку на карте, чтобы открыть страницу мастера — там услуги, цены и кнопка «Записаться». ⌂ вернёт к карте. Конструктор карт соберёт такую же из твоих точек →
Выбери точку или листай стрелками, чтобы увидеть сведения о позиции. Кнопка «Вписать» показывает изображение целиком.
Открыть полное демо Редактировать этот пример
Кнопка «Купить» ведёт на оформление заказа в нашем демо-магазине, где любая позиция стоит $0.
Кнопка «Записаться» открывает демо-календарь — записи в нём ненастоящие.
Сделай свой каталог: добавь изображение → отметь детали точками → сохрани файл каталога и открой его в Просмотрщике.
Размести на своём сайте: демо выше — это и есть встраиваемый виджет. Чтобы поставить его к себе на страницу, нужны один тег <script> и одна строка <ecm-viewer>. Пример на сайте магазина → · Как встроить →
Готов для ИИ-ассистентов экспериментально В браузере с поддержкой WebMCP ассистент сам ищет по каталогу, показывает нужный товар и складывает покупки в корзину. Как это работает →
Смотри, как это работает: ChatGPT собирает уголок для чтения (76 с, без звука)
Запись экрана, время ожидания ускорено, интерфейс ChatGPT на английском. WebMCP пока экспериментальный и работает только в некоторых браузерах и ассистентах.
Для кого это
Мебель и товары для дома
Товары в интерьере: нажми на предмет на фото комнаты — откроется его описание и кнопка «Купить». Или покажи весь ассортимент сеткой товаров. Открыть демо → · Собрать сетку из своих фото →
Запчасти и оборудование
Разнесённые схемы, связанные с артикулами, описаниями и кнопкой «Купить»: номер на схеме совпадает со строкой в таблице. Открыть демо →
Платные и закрытые каталоги
Продавай инструкцию или курс, либо делись одними каталогами со всеми, а другими — только с теми, кому дали пароль. Один пароль на файл — без аккаунтов и сервера; открыть может любой, у кого есть пароль. Защищённую копию ты создаёшь в редакторе. Открыть демо (пароль: stool-2026) →
Обучение
Схемы, которые можно исследовать, для уроков и школьных проектов — без учётных записей учеников и без облака. Страница для школ →
Залы и фитнес
Выбери группу мышц, найди тренажёр, узнай, как его настроить, и распечатай тренировку — без приложения и аккаунта. Открыть демо →
Услуги и запись
Список услуг с фото: клиент выбирает услугу, читает, как она проходит, и нажимает «Записаться» — открывается твой календарь записи. Открыть демо →
Мастера рядом
Карта района с меткой на каждого мастера: клиент выбирает, кто ближе, смотрит услуги и цены и нажимает «Записаться». Открыть демо → · Собрать свою карту →
Тесты и самопроверка
Варианты ответа прямо на картинке: нажми — станет зелёным или красным, счёт считается сам. Демо на английском. Открыть демо →
Игры и квесты
Комнаты, спрятанные предметы и финал под паролем: целый квест из каталогов, без программирования. Пройти «Дом с привидениями» → · Все игры
Каким бывает каталог
- Без переходов
- По списку
- С главной картинки
- Одна позиция
- Фото с точками
- Разнесённая схема
- Плитки
- Карта с точками
- Таблица
- Карточка
- Купить
- Узнать больше
- Упражнение
- Записаться
- Ответить
- Без действия
Примеры
Живые демо и то, что в них выбрано на уровнях 1, 2 и 4 (таблица и карточка есть у каждого каталога).
- Сетка товаров++
- Автозапчасти++
- Мебель++
- Гостиная++
- Биология клетки++
- Фитнес++
- Косметолог++
- Мастера на карте++
- Тест++
с плюсом выбранное копится в списке (корзина, коллекция, тренировка, мои записи), без плюса действие срабатывает сразу. Это переключается в настройках каталога.
Приложения
Открыть полную схему ↗Всё строится вокруг твоих файлов каталога
- Бесплатно Без подписки, учётных записей и тарифов. Исходный код открыт (MIT).
-
Каталог — это один файл
Изображения, точки и данные хранятся вместе в одном файле
.ecatmна твоём устройстве. Он никуда не уходит, пока ты им не поделишься. - Фотографии и схемы Ставь точки на любое изображение — фото комнаты, схему запчастей, анатомическую таблицу — и связывай изображения между собой: нажми на диван в комнате, чтобы открыть его крупный план.
- Ссылки на твой собственный магазин Направляй позиции в любой интернет-магазин, которым ты уже пользуешься. Никакого нашего маркетплейса или оформления заказа посередине нет.
- Работает без сети после первого запуска После первого запуска на компьютере, планшете или телефоне приложения сохраняются в браузере и продолжают работать без подключения.
- Живое редактирование и общий доступ — только если нужно Две необязательные программы, которые запускаются у тебя: сервер совместной работы — для живого редактирования вместе, и сервер каталогов — чтобы открыть доступ к папке с каталогами в локальной сети или через интернет. Всё остальное работает без них.