Інтеграція

ШІ з доступом до вашого магазину WordPress

WordPress AI MCP

Підключення MCP магазину дає змогу редагувати локальні проєкти Alter Product за допомогою ШІ. ChatGPT може показувати редактор поруч із розмовою; власник магазину також може підключити редактор, уже вбудований на його сайті.

У прикладах використано вигаданий магазин shop.example. Не публікуйте паролі, токени доступу та коди сполучення на знімках екрана.

Встановлення плагіна WordPressПотрібні WordPress із нативним Abilities API, WooCommerce, плагін Alter Product та офіційний WordPress MCP Adapter з усіма залежностями.

Перед початком

Підготуйте магазин та обліковий запис із правами на потрібний проєкт.

WordPress + WooCommerce

Підготуйте магазин та обліковий запис із правами на потрібний проєкт.

  • Потрібні WordPress 6.9+ із нативним Abilities API, WooCommerce, плагін Alter Product та офіційний WordPress MCP Adapter з усіма залежностями.
  • Магазин має бути доступним за публічною HTTPS-адресою. Потрібні авторизований обліковий запис WordPress і підтримка власних MCP-підключень у вашому акаунті або робочому просторі ChatGPT.
  • Фронтенд редактора має підтримувати транспорт WordPress MCP. Оновлення PHP-плагіна саме собою не оновлює окремо розміщений редактор.
  • План Business, підключений API Alter Product у налаштуваннях плагіна й потрібні ресурси, завантажені у WordPress. MCP не замінює наявної інтеграції магазину з Alter Product.
  • Налаштування MCP доступні адміністратору WordPress. Для створення товарів потрібні права керування WooCommerce та редагування товарів - зазвичай роль Administrator або Shop Manager.

Які файли потрібні?

Установіть необхідні плагіни у WordPress. Ручне підключення в ChatGPT використовує адресу сервера магазину та OAuth.

  • WordPress: установіть актуальний плагін Alter Product з MCP, OAuth і візуальним редактором, а також окремий офіційний WordPress MCP Adapter із залежностями. ZIP-пакети завантажують у WordPress, а не в ChatGPT. OAuth входить до Alter Product; окремий плагін OAuth не потрібний.
  • ChatGPT: виберіть Add custom MCP server і вкажіть адресу. Для цього ручного підключення не потрібні ZIP інтеграції, експортований JSON, токен доступу чи секрет клієнта.

Підключення WordPress до ChatGPT

Налаштуйте магазин один раз, а потім надайте доступ своєму обліковому запису WordPress.

Увімкніть MCP у WordPress

У панелі WordPress відкрийте Alter Product → MCP authoring.

  1. Увімкніть авторизовану роботу через MCP, доступ редактора в браузері та вхід OAuth. Збережіть налаштування й перевірте наявність необхідних компонентів WordPress.
  2. Скопіюйте показаний плагіном URL сервера OAuth MCP. Використовуйте адресу свого магазину; приклад нижче вигаданий.
URL OAuth MCP вашого магазину
https://shop.example/wp-json/alter-wc/v1/mcp
Увімкніть MCP у WordPress
Увімкніть авторизовану роботу через MCP, доступ редактора в браузері та вхід OAuth. Збережіть налаштування й перевірте наявність необхідних компонентів WordPress.

Додайте підключення в ChatGPT

Налаштуйте магазин один раз, а потім надайте доступ своєму обліковому запису WordPress.

  1. Відкрийте Plugins у ChatGPT в браузері, натисніть плюс і виберіть Add custom MCP server. Цю можливість має бути дозволено для вашого акаунта та робочого простору.
  2. Уведіть Alter Product WordPress як назву. Опис необов’язковий.
  3. У розділі Connection вкажіть MCP-адресу магазину, наприклад https://shop.example/wp-json/alter-wc/v1/mcp, і виберіть OAuth. Замініть shop.example адресою власного магазину.
  4. Прочитайте попередження й продовжуйте лише за умови довіри до сервера магазину. Виберіть Create as a plugin і за запитом установіть приватний плагін.
  5. Підключіть плагін, увійдіть на власному сайті WordPress і підтвердьте запитаний доступ. Пароль WordPress уводьте лише на цьому сайті.
  6. Поверніться до розмови, виберіть установлений плагін через @ і перед змінами попросіть список локальних проєктів.

Робота у видимому редакторі

У сумісному клієнті ChatGPT можна відкрити Designer або Product Generator і бачити результат команд.

Designer · Customizer · Configurator · Viewer · Product Generator

У сумісному клієнті ChatGPT можна відкрити Designer або Product Generator і бачити результат команд.

  1. Попросіть відкрити Designer або Product Generator та виберіть потрібний локальний проєкт.
  2. Дочекайтеся завантаження редактора. Внесіть невелику зміну, перевірте результат і спробуйте Undo та Redo.
  3. Щоб записати чернетку в WordPress, скористайтеся Save у редакторі. Перевіряйте результат перед зміною опублікованого товару.
MCP
alter-product-app-catalog
alter-product-open-editor
Designer, підключений до WordPress, із 3D-футболкою та робочим середовищем UV 2D
Designer відкрито через WordPress MCP: тривимірний виріб видно поруч з областю UV 2D, сіткою та лінійками. Збереження виконується окремо.

Редактор на власному сайті

Власник магазину може підключити підтримуваний вбудований редактор до того самого WordPress MCP.

WordPress → AI MCP

Для робочого середовища власника на своєму сайті ввімкніть MCP і доступ редактора в браузері. Для підключення всередині ChatGPT додатково потрібен OAuth; сумісні локальні клієнти можуть використовувати пароль застосунку WordPress.

  1. Увійдіть у WordPress магазину під обліковим записом, авторизованим у ШІ-клієнті. Біля локально вбудованого товару виберіть Редагувати з ШІ. Якщо дизайн має пов’язаний локальний проєкт Generator, з’явиться також Відкрити генератор із ШІ.
  2. Окреме робоче середовище власника автоматично підключається до WordPress MCP магазину. У вже відкритому редакторі адміністратора відкрийте AI MCP і виберіть підключення WordPress плагіна.
  3. Попросіть показати підключені редактори та виберіть потрібний проєкт і вкладку. Не закривайте вкладку під час роботи ШІ.
  4. Перевірте зміни в попередньому перегляді. Після завершення відключіть AI MCP; збереження проєкту виконується окремо.

Де виконується робота

Команди MCP обробляє ваш WordPress; редагування та 3D-обчислення відбуваються в підключеному браузері.

WordPress + Alter Product

WordPress перевіряє користувача та права, передає обмежені завдання й результати між ШІ та редактором. Симуляцію тканини він не виконує.

Локальні дизайни та проєкти генератора зберігаються звичайним способом у WordPress. JavaScript редактора, авторизація інтеграції, ресурси й додаткові сервіси можуть і надалі звертатися до Alter Product відповідно до налаштувань. Це не автономний режим і не обіцянка відсутності зовнішнього трафіку.

Схема підключення - WordPress AI MCP
Схема підключення. Команди MCP обробляє ваш WordPress; редагування та 3D-обчислення відбуваються в підключеному браузері.

Збереження, права та відкликання доступу

OAuth використовує права користувача WordPress, який увійшов, і не призначає його адміністратором. Для змін у браузері доступні Undo/Redo; серверні зміни товарів мають власні правила збереження й публікації. Відкличте дозвіл ШІ-клієнта, щоб закрити доступ до акаунта, та відключіть редактор для завершення поточного сеансу.

Якщо підключення чи перегляд не працюють

Перш ніж повторювати команду редагування, визначте етап помилки.

MCP · OAuth · MCP Apps

Перш ніж повторювати команду редагування, визначте етап помилки.

  • Для хмарного клієнта потрібна публічна HTTPS-адреса. Локальна перевірка потребує явно налаштованого тимчасового HTTPS-тунелю; localhost не підходить як адреса сервера ChatGPT.
  • Якщо інструменти не з’явилися, перевірте MCP, OAuth, Abilities API, офіційний MCP Adapter, точний URL та права користувача WordPress.
  • Якщо команди доступні, а редактора немає, перевірте підтримку MCP Apps, версію фронтенда й обмеження на вбудовування. Обгортка WordPress не скасовує правил клієнта.
  • Якщо сеанс браузера недоступний, знову відкрийте потрібний редактор власника, підключіть AI MCP і виберіть сеанс. Перед повторенням запису з невідомим результатом прочитайте поточний стан проєкту.