Shopify headless: o que é e quando vale a pena em 2026
Shopify headless é separar a vitrine da sua loja (o site que o cliente vê) da Shopify, que continua cuidando do admin, do catálogo, do estoque, dos clientes e do checkout. Vale a pena quando o tema não consegue entregar a experiência de que você precisa e há um time de desenvolvimento para manter o código; antes disso, vale ver até onde um tema bem configurado chega, com muito menos custo.
Como programadores de apps para Shopify, olhamos o headless pelo que muda na operação da loja. As definições vêm da página Experiências de compra personalizadas da Central de Ajuda e da documentação do Hydrogen em shopify.dev, lidas em 23 de outubro de 2026.
O que é headless commerce
Na definição da Shopify, headless é uma arquitetura em que o front-end e o back-end do site são independentes. Numa vitrine personalizada, você substitui o canal Loja virtual (o front-end com tema Liquid) por um site construído com as linguagens e ferramentas que preferir, e conecta esse site à Shopify, que segue como back-end. O mesmo modelo serve para outros lugares de venda: um app de celular, um jogo, um aparelho inteligente.
As opções que a Shopify lista vão do simples ao complexo:
- Botão de compra em um site ou blog que você já tem, pelo canal Buy Button, sem programar.
- SDKs (JavaScript Buy, Mobile Buy, Unity Buy) para levar o carrinho a um site próprio, a um app ou a um jogo.
- Storefront API, para controle total em qualquer plataforma.
- Headless com B2B, para vitrines de atacado sob medida.
O que continua na Shopify e o que você perde
| Continua igual | Muda ou se perde |
|---|---|
| Admin, produtos, coleções, estoque por local | O editor de temas: quem não programa deixa de mudar seções e páginas sozinho |
| Pedidos, clientes, descontos, relatórios de vendas | Blocos e incorporações de apps do tema: apps que dependem deles não aparecem na vitrine própria sem integração |
| Checkout da Shopify: a vitrine headless envia o cliente para o checkout da Shopify | Relatório de desempenho da web: em temas Liquid, a Shopify mede os Core Web Vitals sozinha; no Hydrogen, isso precisa ser configurado |
| Pagamentos, frete, impostos | Apps da própria Shopify pensados para a loja virtual; o Grow SEO, por exemplo, não funciona com vitrines Hydrogen |
Sem o editor de temas, cada mudança de layout, inclusive uma página de campanha, passa a ser uma tarefa de desenvolvimento, a menos que um CMS dê essa edição ao marketing.
Hydrogen, Oxygen e outras opções
Hydrogen é o framework da Shopify para construir vitrines headless, e Oxygen é a hospedagem da Shopify para essas vitrines. O plano Shopify Plus inclui até 25 vitrines Hydrogen hospedadas no Oxygen. Na edição Spring ’26, a Shopify anunciou que o Hydrogen passou a funcionar com qualquer framework de front-end.
Segundo a documentação para desenvolvedores (Hydrogen and Oxygen fundamentals, lida em 31 de outubro de 2026), o Oxygen não tem custo extra nos planos pagos Starter, Basic, Grow, Advanced e Plus: você o ativa instalando o canal Hydrogen. O número de ambientes públicos muda por plano, então confira o limite do seu antes de orçar o projeto.
Também dá para fazer headless sem Hydrogen: com a Storefront API, qualquer framework (Next.js, Nuxt, Astro) e qualquer hospedagem. Escolha pelo que o seu time já sabe manter.
Velocidade: headless não é automaticamente mais rápido
Sobre velocidade, a documentação do Hydrogen em shopify.dev diz duas coisas: o cache é opcional e precisa ser configurado, e os Core Web Vitals que os temas Liquid reportam automaticamente no admin passam a depender de você instalar a medição. Antes de decidir por velocidade, meça o tema atual nos relatórios de desempenho da web da Shopify e veja se o problema é o tema, os apps ou as imagens.
Quanto custa manter
Além do plano da Shopify (o Oxygen vem sem custo extra nos planos pagos), o custo de um projeto headless está em três frentes:
- Construção: o desenvolvimento da vitrine, normalmente por uma agência ou um parceiro da Shopify, cobrado por eles.
- Manutenção: cada nova seção, campanha ou integração vira código. Conte com horas de desenvolvimento todo mês, não só no lançamento.
- Ferramentas ao redor: um CMS para os textos e imagens, se o marketing precisar editar sem programar, e a hospedagem, se não for o Oxygen.
Faixas de preço publicadas por agências são estimativas de quem vende o projeto; peça duas propostas com escopo igual e o custo mensal de manutenção por escrito.
Checklist: você precisa mesmo de headless?
Responda antes de pedir orçamento:
- O tema atual, com seções e modelos alternativos, realmente não consegue fazer o que você quer? Veja até onde vai a personalização da loja Shopify sem código.
- Você tem, ou vai contratar, desenvolvedores para manter o site todo mês?
- A equipe de marketing aceita depender do desenvolvedor para mudar páginas?
- Os apps de que a loja depende funcionam fora do tema?
- Você precisa vender em outro lugar além do site (app próprio, jogo, quiosque)?
Se as respostas 1 e 2 forem “não”, o caminho mais barato é melhorar o tema; o roteiro para isso está em redesenhar a loja Shopify. Outros guias de operação da loja, na seção gestão da loja.
Perguntas frequentes
Headless funciona no plano Basic da Shopify? Funciona. A Storefront API e os SDKs servem para criar vitrines próprias, e o Oxygen, a hospedagem do Hydrogen, não tem custo extra no Basic nem nos outros planos pagos. O Plus inclui até 25 vitrines Hydrogen; nos demais planos, confira quantos ambientes públicos (as URLs de produção) o seu plano permite antes de contratar o projeto.
O checkout muda numa loja headless? A vitrine headless envia o cliente para o checkout da Shopify, então pagamentos, frete e impostos seguem as mesmas configurações do admin. O que você otimiza nesse checkout continua valendo; veja a otimização de checkout na Shopify.
Posso usar os apps da Shopify App Store numa loja headless? Apps que trabalham no admin (estoque, pedidos, edição de produtos) continuam funcionando. Apps que aparecem na vitrine por blocos ou incorporações do tema precisam de integração própria no seu site, e alguns, como o Grow SEO da Shopify, não funcionam com vitrines Hydrogen.