RevealTheme logo

Panduan deteksi · 2026

Cara mendeteksi tema Shopify di situs web mana pun

Shopify menggerakkan 10% dari seluruh e-commerce. Setiap toko Shopify meninggalkan tanda tangan yang dapat diprediksi di HTML-nya: beginilah detektor kami menemukan tema aktif.

Cara tercepat: gunakan detektor gratis kami

Tempel URL apa pun dan dapatkan tema, plugin, serta tumpukan teknologi Shopify dalam 2 detik.

Buka detektor Shopify →

Apa yang dicari detektor kami

URL aset cdn.shopify.com

Setiap toko Shopify memuat CSS, JS, dan gambar dari cdn.shopify.com. Jalur URL berisi ID tema dan nama toko.

Di mana: Tag <link> dan <script> dari HTML

Objek JavaScript Shopify.theme

Shopify mengekspos window.Shopify.theme = { id, name, role } di JavaScript toko. Ini adalah identifikasi tema paling langsung.

Di mana: <script> inline di dalam <body>

Petunjuk theme.liquid

Tema Shopify menggunakan template Liquid. Komentar dan nama kelas dari theme.liquid membocorkan pengenal tema (mis. 'dawn', 'debut', 'brooklyn').

Di mana: Nama kelas dan komentar HTML

Header X-ShopId dan X-Shopify-Stage

Edge Shopify menambahkan header respons ini di setiap permintaan. X-ShopId mengidentifikasi toko secara unik.

Di mana: Header respons HTTP

Canonical atau tautan myshopify.com

Bahkan toko dengan domain khusus menyertakan URL myshopify.com di tautan administrasi, endpoint pembayaran, atau aset cadangan.

Di mana: <link rel='canonical'> atau URL aset di HTML

Daftar periksa inspeksi manual

Jika detektor mengembalikan hasil yang tidak konklusif, telusuri pemeriksaan manual ini di alat pengembang browser Anda (klik kanan → Inspeksi):

  1. 1

    Lihat kode sumber. Cari 'cdn.shopify.com': ada di setiap toko Shopify.

  2. 2

    Di konsol DevTools, ketik window.Shopify.theme. Jika Shopify, ia mengembalikan objek tema secara langsung.

  3. 3

    Kunjungi /admin atau /cart: keduanya mengembalikan respons khusus Shopify.

  4. 4

    Periksa URL pembayaran: toko Shopify menggunakan jalur /checkouts/ bahkan di domain khusus.

  5. 5

    Cari pengenal tema di nama kelas (mis. 'template-product', 'shopify-section').

Mengapa mengidentifikasi tumpukan teknologi sebuah situs?

Tiga alasan yang sah: riset pesaing (alat apa yang digunakan pemimpin di industri Anda?), kualifikasi prospek (apakah situs calon klien ini memenuhi syarat untuk layanan Anda?), dan perencanaan migrasi (Anda perlu mengetahui tumpukan teknologi saat ini sebelum membuat anggaran untuk desain ulang).

Semua hal di atas adalah aktivitas catatan publik: setiap sinyal yang kami periksa terlihat di HTML atau respons HTTP halaman, yaitu data yang sama yang dapat dilihat siapa pun melalui «Lihat sumber halaman». Kami hanya menganalisisnya lebih cepat dan menyajikannya dengan jelas.

Apa yang tidak dapat diungkap oleh deteksi

Deteksi mengidentifikasi apa yang sedang berjalan. Deteksi tidak dapat memberi tahu Anda mengapa sebuah situs memilih tumpukan teknologi tersebut, berapa biaya yang mereka keluarkan, siapa pengembangnya, atau bagaimana peta jalan mereka. Untuk itu, bicaralah dengan seseorang.

Deteksi juga tidak dapat menembus caching yang agresif, konfigurasi headless, atau tema yang dibuat dari nol tanpa penanda bawaan framework. Kami menandai deteksi dengan tingkat keyakinan rendah agar Anda tahu kapan harus menggali lebih dalam.