Elementor MCP: полное руководство по подключению и использованию

Что такое Elementor MCP

Elementor MCP (Model Context Protocol) — это открытый стандарт, который позволяет сторонним AI-инструментам напрямую взаимодействовать с визуальным редактором Elementor через WordPress AI Abilities. Вместо того чтобы генерировать изолированный код для ручного копирования, AI-агент работает нативно с редактором Elementor и архитектурой WordPress, выполняя сквозные задачи по дизайну и построению сайта.

Ключевая идея: вы подключаете к своему сайту на WordPress уже привычный AI-инструмент (Claude, Cursor, Codex и другие), и он получает прямой доступ к вашему Design System, страницам, шаблонам и динамическим данным — без необходимости вручную писать код.

MCP не заменяет стандартный редактор Elementor и полностью опционален. Всё, что создаёт AI-инструмент, сохраняется как настоящая редактируемая структура Elementor — вы можете открыть её в визуальном редакторе и доработать вручную.

Возможности Elementor MCP

После подключения AI-инструмент получает доступ к основным строительным блокам сайта Elementor:

• Создание и редактирование страниц: генерация новых страниц WordPress с настройкой URL-слагов, заголовков и шаблонов, а также полная переработка существующих страниц — не просто добавление элементов, а перестройка компоновки.
• Работа с Atomic-элементами: размещение нативных V4 Atomic-элементов, включая Flexbox- и Grid-контейнеры, текстовые блоки, аккордеоны, фоновые видео и Loop Grids.
• Глобальные стили и Design System: создание и применение глобальных CSS-классов, управление типографикой и цветовыми переменными, настройка адаптивных правил и состояний, например hover-эффектов.
• Управление архитектурой сайта: создание шаблонов Theme Builder — хедеров, футеров, шаблонов записей, архивных страниц, попапов и условий отображения.
• Динамические данные: привязка элементов холста к нативным полям записей, кастомным полям, таксономиям и другим динамическим источникам.
• Компоненты: преобразование сложных контейнеров в мастер-компоненты и размещение синхронизированных экземпляров по всему сайту.
• Публикация: сохранение черновиков или публикация страниц и шаблонов напрямую через AI-инструмент, при этом каждый сгенерированный элемент остаётся нативным и редактируемым в панели Elementor.
• Управление контентом: массовое обновление товаров и записей, отладка ошибок и устранение SEO-пробелов. Для этого требуется установленный Angie.
• Единая точка входа в WordPress: подключив MCP, ваш AI-инструмент получает доступ ко всем возможностям, зарегистрированным в WordPress Abilities API, включая WooCommerce, Yoast, WPForms, Jetpack, ACF и другие. Для этого требуется Angie.

Системные требования

Перед подключением убедитесь, что ваша установка соответствует следующим требованиям:

Проверка версии WordPress: перейдите в «Инструменты → Здоровье сайта → Информация» и найдите раздел WordPress в выпадающем меню.

Права доступа и безопасность

Подключённые AI-агенты работают строго в рамках прав той учётной записи WordPress, под которой была выполнена авторизация. AI-агент не может редактировать страницы, изменять глобальные настройки или публиковать контент за пределами разрешений вашей роли пользователя.

Как подключить Elementor MCP

Шаг 1. Откройте настройки MCP

В административной панели WordPress перейдите в Elementor → Elementor MCP или в Elementor → Редактор → Elementor MCP внутри меню редактора.

Шаг 2. Включите доступ

Нажмите кнопку Enable MCP access.

Шаг 3. Выберите AI-инструмент

Выберите подходящую вкладку из доступных вариантов: Claude Code, Claude Desktop, Codex, Cursor или Other для любого другого MCP-совместимого инструмента.

Шаг 4. Подтвердите создание пароля приложения

Установите флажок подтверждения: «I understand that clicking Generate Prompt will create an application password for this site».

Шаг 5. Сгенерируйте и скопируйте промпт

Нажмите Generate Prompt. Elementor автоматически создаст пароль приложения в фоне и сформирует скрипт подключения. Нажмите Copy prompt или скопируйте данные подключения из текстового поля вручную.

Шаг 6. Вставьте промпт в AI-инструмент

Вставьте скопированный промпт в ваш внешний AI-инструмент, например Claude, Cursor или Codex, для установки соединения.

После этого AI-инструмент получит доступ к вашему сайту и сможет выполнять задачи по построению и редактированию страниц.

Как использовать Elementor MCP

Примеры промптов для построения страниц

Одностраничный Hero-макет:

«Создай страницу Services по адресу /services с фоновым видео в hero-секции — мой загруженный клип, зацикленный без звука, с небольшой кнопкой play/pause. Текст размести слева: небольшой лейбл, заголовок «Our Premium Offerings» со словом «Offerings» курсивом в нашем акцентном цвете, короткое вступление и две кнопки — одна сплошная с отступом 16px, одна с обводкой. Затемни фон…»

Создание тематических шаблонов:

«Создай футер для всего сайта с тремя колонками: логотип и описание, навигационные ссылки, форма подписки. Примени глобальные классы из нашей дизайн-системы».

Массовое обновление контента:

«Обнови цены на все товары категории «Электроника» в WooCommerce, увеличив их на 10%». Для этого требуется Angie.

Как работает взаимодействие

AI-агент использует WordPress AI Abilities для взаимодействия с холстом Elementor в реальном времени. Он читает DOM-дерево документа, анализирует уровни вложенности контейнеров и уточняет структуру холста на основе живого превью.

Все сгенерированные элементы остаются на 100% нативными — вы можете выделить, перетащить, изменить стиль или удалить любой элемент в панели редактора в любое время.

Разрешение конфликтов

Если редактор и AI-инструмент пытаются изменить одну и ту же страницу одновременно, Elementor обнаруживает конфликт, уведомляет вас и предлагает обновить или отменить изменения перед продолжением.

Управление доступом и отключение MCP

Отзыв доступа для отдельного клиента

1. Перейдите в Пользователи → Профиль в административном меню WordPress.
2. Прокрутите вниз до раздела Application Passwords.
3. Найдите запись клиента в списке, например «Elementor MCP – Claude Code».
4. Нажмите Revoke рядом с соответствующим паролем приложения.

Полное отключение MCP для сайта

1. Перейдите в Elementor → Elementor MCP в панели WordPress.
2. Найдите раздел Turn off MCP access внизу экрана.
3. Нажмите красную кнопку Turn off.
4. В диалоговом окне подтверждения нажмите Turn off, чтобы немедленно заблокировать всем подключённым AI-агентам доступ к MCP-серверу.

Стоимость

Подключение к MCP — бесплатно. Стоимость использования зависит от тарифов и кредитов выбранного вами AI-инструмента. Ценообразование Elementor следует существующей структуре планов: базовые секции и функции могут генерироваться бесплатно, в то время как Pro-функции требуют Pro-плана.

Заключение

Elementor MCP — это шаг вперёд в интеграции AI в процесс создания сайтов. Вместо генерации кода для ручной вставки вы получаете нативного AI-ассистента, который работает непосредственно в вашем визуальном редакторе, применяет вашу дизайн-систему и создаёт реальную, редактируемую структуру Elementor. Подключение занимает несколько минут, а возможности охватывают всё: от построения отдельных секций до управления архитектурой всего сайта и массового обновления контента.