Durante quase 30 anos, construímos lojas virtuais pensando em uma coisa: ajudar pessoas a encontrar onde clicar.
Menu, busca, filtros, página de produto, escolha de tamanho, botão de comprar, carrinho e checkout.
Aplicamos conceitos de UI e UX, melhoramos a velocidade, criamos novos componentes e reduzimos etapas, mas a lógica continuou praticamente a mesma: existe uma pessoa olhando para uma tela e tentando descobrir o que fazer.
A chegada dos agentes de IA começa a mudar essa lógica. E o novo suporte da Shopify ao WebMCP talvez seja uma das demonstrações mais claras disso até agora.
Não é mais sobre a IA conseguir “enxergar” o site
Agentes já conseguem acessar páginas, interpretar textos, identificar campos e até tentar clicar em botões. O problema é que isso não significa que eles realmente entendam o site.
Para uma IA, olhar uma página, interpretar seu código, descobrir qual botão adiciona um produto ao carrinho e reproduzir os mesmos cliques de uma pessoa é um processo demorado, cheio de interpretação e com gastos excessivos de tokens.
O WebMCP propõe algo diferente.
Em vez de o agente tentar descobrir sozinho como operar aquela página, o próprio site informa quais ações estão disponíveis e como utilizá-las.
O Chrome resume a diferença de forma simples: em vez de interpretar um botão ou campo para descobrir sua finalidade, o agente recebe essa finalidade explicitamente do site. Isso reduz a quantidade de etapas e de interpretações necessárias.
Na prática, é como se uma loja passasse a dizer: “Se você é um agente, esta é a função para adicionar este produto ao carrinho.”
E a Shopify acaba de colocar isso nas lojas
Desde 5 de agosto, as lojas Shopify em Liquid já expõem ferramentas WebMCP nativamente. Não existe app para instalar ou configuração para habilitar.
Um agente compatível pode pesquisar o catálogo, navegar pela loja, consultar produtos e variantes, alterar o carrinho, seguir para o checkout, gerenciar pedidos e consultar políticas e FAQs. A Shopify também disponibilizou o recurso no developer preview do Hydrogen.
Mas a parte mais interessante não é a lista de funcionalidades.
É onde isso acontece.
Tudo ocorre dentro da sessão do próprio consumidor, na aba da loja que ele está vendo. Se uma alteração no carrinho normalmente abre o cart drawer do tema, por exemplo, a ação executada pelo agente também pode provocar esse comportamento.
Isso cria uma dinâmica diferente daquela que normalmente imaginamos quando falamos de comércio agêntico.
O agente não precisa substituir a loja
Quando a Shopify começou a avançar com UCP, Storefront MCP e outras iniciativas de comércio agêntico, uma das primeiras imagens que surgiram foi esta:
Você pede um produto para o ChatGPT, Gemini ou outro agente, ele encontra uma loja, conversa com os sistemas do lojista e conduz a compra.
A interação começa no agente.
Com WebMCP, existe outra possibilidade.
Você continua dentro da loja. Só não precisa mais navegar sozinho.
Imagine entrar em uma loja de moda e simplesmente dizer:
“Quero uma camiseta preta, tamanho M, de algodão e até R$ 300.”
Em vez de abrir o menu, escolher a categoria, aplicar filtros, entrar em produtos e conferir variantes, um agente pode usar as capacidades declaradas pela própria loja para ajudar nessa tarefa.
A interface visual continua ali.
As fotos continuam importantes.
O branding continua importante.
O conteúdo continua importante.
Mas aparece uma nova forma de interagir com tudo isso.
Talvez a IA não substitua o site.
Talvez ela substitua parte da navegação dentro do site.
Uma loja, duas interfaces
Essa talvez seja a forma mais simples de entender o que está acontecendo.
Até hoje, quando construíamos uma loja virtual, criávamos uma interface para pessoas.
- Menus precisam ser compreensíveis.
- Filtros precisam funcionar.
- Botões precisam indicar claramente uma ação.
- A arquitetura da informação precisa ajudar alguém a chegar ao produto certo.
Agora começamos a ter uma segunda preocupação: o agente também consegue entender o que existe e o que pode fazer?
Para humanos, continuaremos construindo menus, busca, filtros, componentes e páginas.
Para agentes, começaremos a expor produtos, atributos, ações, contexto e regras de forma estruturada.
São duas interfaces para a mesma operação de comércio. E isso muda algumas das perguntas que fazemos durante um projeto.
- Não apenas: “Uma pessoa consegue encontrar esse produto?” Mas também: “Um agente consegue encontrar esse produto?”
- Não apenas: “Essa informação está bonita na página?” Mas também: “Essa informação está estruturada de uma forma que uma IA consegue entender?”
- Não apenas: “É possível executar essa ação?” Mas: “Essa ação também está disponível para um agente?”
Ainda estamos no começo
É importante colocar esse lançamento no tamanho correto.
WebMCP ainda é um padrão em desenvolvimento. O suporte dos agentes está atualmente restrito a navegadores baseados no Chromium participantes do origin trial, e o próprio Chrome deixa claro que a especificação ainda está em discussão e pode evoluir.
Ou seja: ninguém precisa redesenhar sua operação amanhã porque os consumidores deixarão de usar menus na próxima semana.
Mas a direção começa a ficar muito clara.
UCP criou uma linguagem para agentes participarem de jornadas de comércio.
MCP começou a abrir catálogos e capacidades das lojas para esses agentes.
Agora o WebMCP traz essa interação também para dentro da própria experiência web.
Pouco a pouco, estamos deixando de construir e-commerces apenas para serem visitados por máquinas. Estamos começando a construí-los para serem entendidos e operados por elas.
Durante décadas, uma parte importante do trabalho de otimização de um e-commerce foi reduzir o número de cliques necessários para alguém comprar. Talvez estejamos entrando em uma fase em que, para algumas jornadas, não haverá clique nenhum.
Quer saber mais? Leia os links abaixo.
Abraços,
Érico Scorpioni
https://shopify.dev/docs/api/web-mcp
https://developer.chrome.com/docs/ai/webmcp
