Выводим карточки товаров прямо в чат n8n

Доступ к полному просмотру и файлам открыт только для активных участников ИИшенка Pro.

Чат n8n умеет понимать markdown, а значит, ответ агента можно превратить в карточки товаров с названием, описанием, картинкой, ценой и кликабельной кнопкой «Купить». За 10 минут разбирается вся цепочка: от таблицы в Supabase до шаблона в промпте и стилей чата.

Чему научишься

Подключать таблицу Supabase как инструмент агента и фильтровать товары по цене через функцию from AI
Использовать markdown в чате n8n: жирный текст, переносы строк, ссылки и картинки
Задавать агенту шаблон карточки с плейсхолдерами и разделителем между товарами
Делать чат публичным, менять заголовок, первое сообщение и кастомные стили
Подправлять CSS (размер и скругление картинок) и встраивать чат на сайт через iframe

Тайм-коды

00:00Как структурировать ответы агента в чате n8n
01:00Результат: карточки товаров с картинкой и кнопкой «Купить»
02:02Структура таблицы товаров в Supabase
03:03Фильтр по цене и функция from AI
04:03Ответ базы: массив из трёх товаров
04:33Публичный чат: первое сообщение, заголовок, подзаголовок
05:35Кастомные стили чата через нейронку
06:06Markdown-шаблон карточки: ссылки и картинки
07:37Плейсхолдеры и разделитель в промпте агента
09:39Итог, когда нужен кастомный компонент чата
10:09Правка CSS для картинок и встраивание через iframe

Проверяем доступ...