Guia de detecção · 2026
Como detectar o tema do Shopify em qualquer site
O Shopify impulsiona 10% de todo o e-commerce. Cada loja Shopify deixa assinaturas previsíveis no seu HTML: é assim que nosso detector encontra o tema ativo.
A forma mais rápida: use nosso detector gratuito
Cole qualquer URL e obtenha o tema, os plugins e a stack do Shopify em 2 segundos.
Abrir o detector de Shopify →O que o nosso detector procura
URLs de recursos cdn.shopify.com
Cada loja Shopify carrega CSS, JS e imagens a partir de cdn.shopify.com. O caminho da URL contém o ID do tema e o nome da loja.
Onde: Tags <link> e <script> do HTML
Objeto JavaScript Shopify.theme
O Shopify expõe window.Shopify.theme = { id, name, role } no JavaScript da loja. É a identificação de tema mais direta.
Onde: <script> inline dentro de <body>
Pistas de theme.liquid
Os temas do Shopify usam templates Liquid. Os comentários e nomes de classe do theme.liquid vazam o identificador do tema (por exemplo, 'dawn', 'debut', 'brooklyn').
Onde: Nomes de classe e comentários do HTML
Cabeçalhos X-ShopId e X-Shopify-Stage
O edge do Shopify adiciona esses cabeçalhos de resposta em cada requisição. X-ShopId identifica a loja de forma única.
Onde: Cabeçalhos de resposta HTTP
Canonical ou links myshopify.com
Mesmo as lojas com domínio personalizado incluem URLs myshopify.com nos links de administração, nos endpoints de checkout ou nos recursos de reserva.
Onde: <link rel='canonical'> ou URLs de recursos do HTML
Lista de verificação de inspeção manual
Se o detector retornar resultados não conclusivos, passe por estas verificações manuais nas ferramentas de desenvolvedor do seu navegador (clique com o botão direito → Inspecionar):
- 1
Exibir código-fonte. Procure por 'cdn.shopify.com': presente em cada loja Shopify.
- 2
No console do DevTools, digite window.Shopify.theme. Se for Shopify, retorna o objeto do tema diretamente.
- 3
Visite /admin ou /cart: ambos retornam respostas específicas do Shopify.
- 4
Verifique a URL de checkout: as lojas Shopify usam caminhos /checkouts/ mesmo em domínios personalizados.
- 5
Procure o identificador do tema nos nomes de classe (por exemplo, 'template-product', 'shopify-section').
Por que identificar a stack de um site?
Três motivos legítimos: pesquisa da concorrência (quais ferramentas o líder do seu setor usa?), qualificação de leads (o site deste prospect atende aos requisitos do seu serviço?) e planejamento de migração (você precisa conhecer a stack atual antes de orçar um redesign).
Tudo o que foi mencionado são atividades de registro público: cada sinal que verificamos é visível no HTML ou na resposta HTTP da página, os mesmos dados que qualquer pessoa pode ver com «Exibir código-fonte». Nós apenas os analisamos mais rápido e os apresentamos de forma clara.
O que a detecção não pode dizer
A detecção identifica o que está em execução. Ela não pode dizer por que um site escolheu essa stack, quanto gastam nela, quem é o desenvolvedor ou qual é o roteiro deles. Para isso, fale com uma pessoa.
Também não consegue enxergar através de um cache agressivo, configurações headless ou temas criados do zero sem os marcadores padrão do framework. Sinalizamos as detecções de baixa confiança para que você saiba quando se aprofundar mais.