RevealTheme logo

Guía de detección · 2026

Cómo detectar el tema de Shopify en cualquier sitio web

Shopify impulsa el 10 % de todo el comercio electrónico. Cada tienda Shopify deja firmas predecibles en su HTML: así es como nuestro detector encuentra el tema activo.

La forma más rápida: usa nuestro detector gratuito

Pega cualquier URL y obtén el tema, los plugins y la pila de Shopify en 2 segundos.

Abrir el detector de Shopify →

Qué busca nuestro detector

URLs de recursos cdn.shopify.com

Cada tienda Shopify carga CSS, JS e imágenes desde cdn.shopify.com. La ruta de la URL contiene el ID del tema y el nombre de la tienda.

Dónde: Etiquetas <link> y <script> del HTML

Objeto JavaScript Shopify.theme

Shopify expone window.Shopify.theme = { id, name, role } en el JavaScript de la tienda. Es la identificación de tema más directa.

Dónde: <script> en línea dentro de <body>

Pistas de theme.liquid

Los temas de Shopify usan plantillas Liquid. Los comentarios y nombres de clase de theme.liquid filtran el identificador del tema (p. ej. 'dawn', 'debut', 'brooklyn').

Dónde: Nombres de clase y comentarios del HTML

Cabeceras X-ShopId y X-Shopify-Stage

El edge de Shopify añade estas cabeceras de respuesta en cada solicitud. X-ShopId identifica de forma única la tienda.

Dónde: Cabeceras de respuesta HTTP

Canónica o enlaces myshopify.com

Incluso las tiendas con dominio personalizado incluyen URLs myshopify.com en los enlaces de administración, los endpoints de pago o los recursos de reserva.

Dónde: <link rel='canonical'> o URLs de recursos del HTML

Lista de verificación de inspección manual

Si el detector devuelve resultados no concluyentes, repasa estas comprobaciones manuales en las herramientas de desarrollo de tu navegador (clic derecho → Inspeccionar):

  1. 1

    Ver el código fuente. Busca 'cdn.shopify.com': presente en cada tienda Shopify.

  2. 2

    En la consola de las DevTools, escribe window.Shopify.theme. Si es Shopify, devuelve el objeto del tema directamente.

  3. 3

    Visita /admin o /cart: ambos devuelven respuestas específicas de Shopify.

  4. 4

    Comprueba la URL de pago: las tiendas Shopify usan rutas /checkouts/ incluso en dominios personalizados.

  5. 5

    Busca el identificador del tema en los nombres de clase (p. ej. 'template-product', 'shopify-section').

¿Por qué identificar la pila de un sitio?

Tres razones legítimas: investigación de la competencia (¿qué herramientas usa el líder de tu sector?), cualificación de leads (¿el sitio de este prospecto cumple los requisitos para tu servicio?) y planificación de migración (necesitas conocer la pila actual antes de presupuestar un rediseño).

Todo lo anterior son actividades de registro público: cada señal que comprobamos es visible en el HTML o la respuesta HTTP de la página, los mismos datos que cualquiera puede ver con «Ver código fuente». Nosotros solo los analizamos más rápido y los presentamos de forma clara.

Lo que la detección no puede decirte

La detección identifica qué se está ejecutando. No puede decirte por qué un sitio eligió esa pila, cuánto gastan en ella, quién es su desarrollador o cuál es su hoja de ruta. Para eso, habla con una persona.

Tampoco puede ver a través de un almacenamiento en caché agresivo, configuraciones headless o temas creados desde cero sin los marcadores predeterminados del framework. Señalamos las detecciones de baja confianza para que sepas cuándo profundizar más.