TecnologiaArtigo
Headless commerce: quando a arquitetura desacoplada compensa para a loja média
Em resumo
Headless commerce separa a vitrine do motor da loja e dá liberdade total ao front-end, mas troca a mensalidade do tema por um time de desenvolvimento permanente. O ConnectWeek mostra o que muda na prática, os sinais de que a loja precisa disso, a conta de custo em três anos com valores hipotéticos e os riscos de SEO e de aplicativos que pouca gente calcula.
Headless commerce compensa para a loja média quando três condições aparecem juntas: a vitrine precisa fazer coisas que o tema da plataforma não faz, o mesmo catálogo atende vários pontos de contato (site, aplicativo, loja física, marketplace próprio) e a empresa tem, ou vai contratar, um time de desenvolvimento permanente. Fora disso, a arquitetura desacoplada troca a mensalidade de um tema por um software próprio que precisa de manutenção para sempre. A ideia é simples: o motor da loja, com catálogo, carrinho, pedidos e pagamento, fica na plataforma, e o front-end é construído à parte, conversando por APIs. A Shopify, por exemplo, descreve na documentação de lojas headless três caminhos: o framework próprio Hydrogen com hospedagem no Oxygen, qualquer outra tecnologia ligada pelo canal Headless, ou componentes que embutem produtos em páginas existentes.
O que muda na prática quando a loja vira headless?
| Aspecto | Loja com tema | Loja headless |
|---|---|---|
| Vitrine | tema da plataforma, ajustado por configuração e código do tema | aplicação própria, com qualquer layout e tecnologia |
| Quem mantém | a plataforma e o fornecedor do tema | o time da loja ou a agência contratada |
| Aplicativos da loja de apps | funcionam, em geral, ao instalar | os que injetam código no tema precisam ser reintegrados um a um |
| Checkout | da plataforma | na maioria dos projetos, continua o da plataforma |
| Novos pontos de contato | limitados ao que a plataforma oferece | o mesmo motor alimenta site, aplicativo, totem, vendedor |
| SEO técnico | resolvido pelo tema, com limites | responsabilidade do projeto, do zero |
O ponto mais subestimado é o terceiro: avaliação, recomendação, chat, frete na página do produto, selo de confiança. Cada aplicativo que funcionava com um clique vira uma integração a desenvolver ou a substituir.
Sinais de que a loja precisa de headless
- A vitrine trava o negócio: configurador de produto, montagem de kit, catálogo com conteúdo editorial pesado ou experiência que o tema não permite e que já foi testada como relevante para conversão.
- Vários pontos de contato: aplicativo próprio, venda assistida na loja física e site usando o mesmo catálogo e o mesmo estoque.
- Velocidade como gargalo medido: métricas de carregamento ruins mesmo depois de limpar aplicativos e otimizar imagens no tema.
- Time permanente: ao menos duas pessoas de desenvolvimento dedicadas, internas ou em contrato contínuo com agência, além de alguém de produto que priorize o que entra.
- Receita que paga a conta: faturamento em que alguns pontos percentuais de conversão a mais cobrem o custo adicional, como mostra a seção seguinte.
Sinais de que não precisa: a queixa é com o visual, e um tema melhor resolve; a loja tem um desenvolvedor freelancer ocasional; ou o problema real está em cadastro, frete ou atendimento.
A conta em três anos
Valores hipotéticos, para mostrar a ordem de grandeza. Premissas: loja média; tema premium com ajustes feitos por agência; projeto headless com front-end próprio, hospedagem e duas pessoas de desenvolvimento em contrato contínuo.
| Item (hipotético) | Tema | Headless |
|---|---|---|
| Implantação | R$ 15.000 | R$ 120.000 |
| Manutenção e evolução da vitrine | R$ 1.000 por mês | R$ 10.000 por mês |
| Hospedagem do front-end e ferramentas | incluída | R$ 1.500 por mês |
| Reintegração de aplicativos | não se aplica | R$ 30.000 uma vez |
| Licença e aplicativos da plataforma | R$ 1.000 por mês nos dois casos | R$ 1.000 por mês nos dois casos |
| Total em 36 meses | cerca de R$ 87 mil | cerca de R$ 600 mil |
Sem contar a licença, comum aos dois cenários, o tema custa cerca de R$ 51 mil e o headless cerca de R$ 564 mil em três anos: a diferença passa de R$ 500 mil, ou perto de R$ 14 mil por mês. Para pagar isso, a nova vitrine precisa gerar margem adicional desse tamanho. Numa loja com margem de contribuição de 30%, são cerca de R$ 47,5 mil por mês de faturamento a mais, só para empatar. A comparação de plataformas pelo custo total, em três faixas de faturamento, está no artigo sobre como comparar plataformas de e-commerce.
O risco de SEO que precisa estar no projeto
O front-end próprio pode ficar mais rápido que o tema, mas também pode esconder o conteúdo do Google. A documentação do Google sobre SEO para JavaScript explica que o Googlebot rastreia, renderiza e depois indexa, e recomenda renderização no servidor ou pré-renderização, porque deixa o site mais rápido para usuários e rastreadores e porque nem todos os robôs executam JavaScript. Isso vale também para os agentes de IA que leem o catálogo da loja. Exija no contrato:
- HTML completo no servidor para páginas de produto, categoria e conteúdo.
- Manutenção das URLs atuais ou redirecionamento 301 de cada uma, com mapa conferido antes da virada.
- Dados estruturados, títulos, canônicas e sitemap gerados pelo novo front-end.
- Medição de tráfego orgânico por grupo de página nas oito semanas seguintes à migração.
Os erros técnicos que mais derrubam tráfego numa troca de vitrine estão no artigo sobre erros de SEO técnico.
O meio-termo que quase ninguém considera
Entre o tema e o headless completo há caminhos intermediários: manter o tema e construir à parte só as páginas que precisam de liberdade, como guias e conteúdo editorial; usar componentes da plataforma para vender dentro de um site de conteúdo existente; ou trocar só a busca e a recomendação por serviços especializados ligados ao tema. Esses caminhos entregam parte do ganho com uma fração do custo e da manutenção.
Antes de qualquer um deles, vale uma rodada de limpeza no tema atual: remover aplicativos que carregam scripts em todas as páginas, comprimir e redimensionar imagens, reduzir fontes externas e revisar a página de produto no celular. Muitas lojas descobrem que a lentidão atribuída à plataforma vinha de excesso de aplicativos instalados ao longo dos anos. Se, depois disso, as métricas de carregamento continuarem ruins e a vitrine continuar limitando vendas medidas, o projeto headless passa a ter um argumento concreto.
Perguntas para fazer antes de decidir
- Que resultado de negócio a nova vitrine precisa gerar, e como ele será medido?
- Quem mantém o front-end daqui a dois anos, se a agência sair?
- Quais aplicativos atuais param de funcionar e quanto custa substituir cada um?
- O checkout continua o da plataforma?
- Como o projeto garante HTML no servidor e a preservação das URLs?
O tema voltou à agenda do setor e é um dos assuntos do ECBR Summit Plataformas, em 17 de novembro. Leve as cinco perguntas para conversas com fornecedores.
Fonte: Shopify — documentação de lojas headless
Perguntas frequentes
O que é headless commerce?
É a arquitetura em que a vitrine da loja (o front-end, o que o cliente vê) é separada do motor de comércio (catálogo, carrinho, pedidos, pagamento), e os dois conversam por APIs. A loja pode ter um site, um aplicativo e um quiosque usando o mesmo motor, cada um com o seu front-end.
Headless commerce vale a pena para loja pequena?
Raramente. O ganho aparece quando a loja precisa de experiências que o tema não entrega, vende em vários pontos de contato com o mesmo catálogo e tem time de desenvolvimento permanente. Para a loja que fatura pouco e muda pouco a vitrine, um bom tema bem configurado costuma entregar mais por menos.
Headless melhora o SEO?
Pode melhorar a velocidade, mas também pode piorar a indexação se o conteúdo depender de JavaScript para aparecer. O Google recomenda renderização no servidor ou pré-renderização, porque deixa o site mais rápido e nem todos os robôs executam JavaScript. Projeto headless precisa prever isso desde o início.
Quanto custa um projeto headless?
O custo principal não é a licença, e sim o desenvolvimento e a manutenção do front-end, que passa a ser software próprio da loja. No exemplo hipotético do ConnectWeek, o custo em três anos, com a licença da plataforma incluída, sobe de cerca de R$ 87 mil com tema para cerca de R$ 600 mil com headless, e só compensa se a nova vitrine gerar receita adicional que pague a diferença.