Integração

IA conectada à sua loja WordPress

WordPress AI MCP

Use o MCP da loja para editar projetos locais do Alter Product com IA. O ChatGPT pode exibir o editor ao lado da conversa. O proprietário autorizado também pode conectar um editor já incorporado ao site.

Os exemplos usam a loja fictícia shop.example. Não publique senhas, tokens de acesso ou códigos de pareamento nas capturas ou nos guias.

Instalar o plugin WordPressWordPress com a Abilities API nativa, WooCommerce, plugin Alter Product e WordPress MCP Adapter oficial com suas dependências.

Antes de começar

Prepare a loja e uma conta com as permissões necessárias.

WordPress + WooCommerce

Prepare a loja e uma conta com as permissões necessárias.

  • WordPress 6.9+ com a Abilities API nativa, WooCommerce, plugin Alter Product e WordPress MCP Adapter oficial com suas dependências.
  • Loja HTTPS acessível publicamente e conta WordPress autorizada. Sua conta ou espaço ChatGPT deve permitir conexões MCP personalizadas. Um endereço apenas local não é acessível pela nuvem.
  • Frontend do editor compatível com o transporte WordPress MCP. Atualizar o plugin PHP não atualiza um editor hospedado separadamente.
  • Um plano Business, a API Alter Product conectada nas configurações do plugin e os recursos necessários baixados para o WordPress. O MCP não substitui a integração existente da loja com o Alter Product.
  • As configurações MCP exigem um administrador do WordPress. A criação de produtos requer permissões de gerenciamento do WooCommerce e edição de produtos, normalmente dos papéis Administrator ou Shop Manager.

Quais arquivos preciso instalar?

Instale os plugins necessários no WordPress. A conexão manual no ChatGPT usa a URL do servidor da sua loja e OAuth.

  • WordPress: instale o plugin atual do Alter Product com MCP, OAuth e o editor visual, além do WordPress MCP Adapter oficial com suas dependências. Os ZIPs são enviados ao WordPress, não ao ChatGPT. O OAuth está incluído no Alter Product; não é necessário outro plugin OAuth.
  • ChatGPT: escolha Add custom MCP server e informe a URL. Essa conexão manual não exige ZIP de integração, JSON exportado, token de acesso ou segredo do cliente.

Conecte o WordPress ao ChatGPT

Configure a loja uma vez e autorize sua conta WordPress no cliente de IA.

Ative o MCP no WordPress

No painel WordPress, abra Alter Product → MCP authoring.

  1. Ative MCP autenticado, acesso ao editor no navegador e OAuth. Salve e confira os componentes WordPress necessários.
  2. Copie a URL OAuth MCP exibida pelo plugin. Use o endereço da sua loja; o exemplo abaixo é fictício.
URL OAuth MCP da sua loja
https://shop.example/wp-json/alter-wc/v1/mcp
Ative o MCP no WordPress
Ative MCP autenticado, acesso ao editor no navegador e OAuth. Salve e confira os componentes WordPress necessários.

Adicione a conexão no ChatGPT

Configure a loja uma vez e autorize sua conta WordPress no cliente de IA.

  1. Abra Plugins no ChatGPT pelo navegador, selecione o botão de mais e escolha Add custom MCP server. Sua conta e espaço de trabalho devem permitir essa opção.
  2. Digite Alter Product WordPress como nome. A descrição é opcional.
  3. Em Connection, informe a URL MCP da sua loja, por exemplo https://shop.example/wp-json/alter-wc/v1/mcp, e escolha OAuth. Substitua shop.example pela sua loja.
  4. Leia o aviso e continue apenas se confiar no servidor da sua loja. Escolha Create as a plugin e instale o plugin privado se o ChatGPT solicitar.
  5. Conecte o plugin, entre no seu próprio site WordPress e aprove o acesso solicitado. Digite a senha do WordPress somente nesse site.
  6. Volte à conversa, selecione o plugin instalado com @ e peça a lista de projetos locais antes de fazer alterações.

Trabalhe no editor visível

Abra o Designer ou Product Generator em um cliente ChatGPT compatível para acompanhar as alterações.

Designer · Customizer · Configurator · Viewer · Product Generator

Abra o Designer ou Product Generator em um cliente ChatGPT compatível para acompanhar as alterações.

  1. Peça à ferramenta conectada para abrir o Designer ou Product Generator e selecione o projeto local correto.
  2. Descreva uma pequena alteração, confira a prévia e use Desfazer/Refazer quando necessário. Aguarde o carregamento completo do editor.
  3. Use Salvar no editor para gravar o rascunho no WordPress. Confira o resultado antes de alterar o produto publicado.
MCP
alter-product-app-catalog
alter-product-open-editor
Designer conectado ao WordPress com camiseta 3D e área UV 2D
Designer aberto pelo WordPress MCP: a peça aparece em 3D ao lado da área UV 2D, da grade e das réguas. Salvar continua sendo uma ação separada.

Use o editor no seu site

O proprietário pode conectar um editor incorporado compatível ao mesmo MCP WordPress.

WordPress → AI MCP

Para o espaço do proprietário no seu site, ative o MCP e o acesso ao editor no navegador. A conexão dentro do ChatGPT exige também OAuth; clientes locais compatíveis podem usar uma senha de aplicativo do WordPress.

  1. Entre no WordPress da loja com a conta autorizada no cliente de IA. No produto incorporado localmente, escolha Editar com IA. Abrir gerador com IA também aparece quando o design tem um projeto local do Generator vinculado.
  2. O espaço separado do proprietário conecta-se automaticamente ao MCP WordPress da loja. Em um editor administrativo já aberto, abra AI MCP e escolha a conexão WordPress do plugin.
  3. Na conversa, liste os editores conectados e selecione o projeto e a aba corretos. Mantenha essa aba aberta.
  4. Confira a prévia incorporada e desconecte AI MCP ao terminar. Salvar continua sendo uma ação separada.

Onde ficam o trabalho e os dados

O WordPress processa os comandos MCP; a edição e os cálculos 3D acontecem no navegador conectado.

WordPress + Alter Product

O WordPress autentica, verifica permissões e encaminha tarefas e resultados limitados. Não executa a simulação de tecido.

Designs locais e documentos do gerador usam o armazenamento normal do plugin. JavaScript do editor, autorização da integração, recursos baixados e serviços externos ainda podem seguir a configuração habitual do Alter Product. Isso não garante tráfego externo zero nem funcionamento offline.

Diagrama de conexão - WordPress AI MCP
Diagrama de conexão. O WordPress processa os comandos MCP; a edição e os cálculos 3D acontecem no navegador conectado.

Salvamento, permissões e revogação

OAuth usa os direitos do usuário WordPress conectado, sem conceder novo papel de administrador. Edições no navegador oferecem Desfazer/Refazer; alterações de produto no servidor têm regras próprias de salvamento e publicação. Revogue a autorização IA para encerrar o acesso à conta e desconecte o editor para encerrar a sessão.

Se a conexão ou a prévia falhar

Identifique a etapa com problema antes de repetir um comando.

MCP · OAuth · MCP Apps

Identifique a etapa com problema antes de repetir um comando.

  • Clientes na nuvem precisam de URL HTTPS pública. Testes locais exigem um túnel HTTPS temporário configurado explicitamente; localhost não é a URL do servidor para o ChatGPT.
  • Se não aparecerem ferramentas, confira MCP, OAuth, Abilities API nativa, adaptador oficial, URL exata e permissões WordPress.
  • Se as ferramentas funcionarem sem editor visível, confira MCP Apps, versão do frontend e restrições de frames do cliente. Um wrapper WordPress não elimina essas regras.
  • Se a sessão estiver indisponível, reabra o editor correto do proprietário, conecte AI MCP e selecione a sessão. Leia o estado atual antes de repetir uma gravação com resultado incerto.