# Ecommerce siap pakai, satu dekade kemudian

> Pada Desember 2015, embed ini adalah fitur yang baru lahir. Kini embed ini adalah seluruh produknya. Retrospektif singkat dengan snippet asli 2015, versi modern 2026, dan apa yang sebenarnya berubah.

Ryan Badger - 9 Desember 2015 - 2 menit baca

## Apa yang dulu dikatakan artikel ini

Kembali pada Desember 2015, "Out of the Box eCommerce" adalah fitur yang baru lahir. Pitch-nya: tempel satu tag skrip ke situs Anda yang sudah ada, dan katalog produk muncul. Kode embed aslinya adalah gumpalan JSON berisi empat puluh kolom yang Anda salin dari dashboard. Bisa dikonfigurasi, tetapi *banyak* sekali untuk dibaca.

Itulah seluruh artikelnya. Sepuluh tahun lalu.

## Apa yang berubah

Embed ini bukan lagi sebuah fitur. Embed ini adalah seluruh produknya. Shoprocket masih "skrip yang Anda tempel ke situs web mana pun", tetapi arsitektur di bawahnya tak lagi dikenali dari snippet 2015. Dua hal besar bergeser.

### Snippet-nya jadi lebih pendek

Payload 2015 men-serialisasi setiap preferensi visual dalam JSON saat ditempel: warna tombol, padding, urutan pengurutan produk, dimensi gambar, apakah menampilkan pil "gratis ongkir", sekitar tiga puluh sakelar lainnya. Semua itu kini berada di sisi server, dikonfigurasi sekali di dashboard Anda. Embed itu sendiri hanyalah sebuah pengenal.

**Dulu (2015):**

```
<script type="application/json">
{"store_id":"1","publishable_key":"1","options":{
  "products_to_display":"categorized",
  "product_size":"medium",
  "image_width":"1126",
  "image_height":"1400",
  "button_style":"standard",
  "product_pagination_limit":"6"
  /* …thirty more fields… */
},"styles":{
  "button_background":"#233642",
  "button_color":"#ffffff"
  /* …and so on… */
}}
</script>
<script async src="https://cdn.shoprocket.io/loader.js"></script>
```

**Sekarang (2026):**

```
<!-- EXAMPLE ONLY. Grab your real snippet from Sales channels → Embeds in your dashboard -->
<script src="https://cdn.shoprocket.io/loader.js" data-pk="pk_yourkey"></script>
<div data-shoprocket="catalog" data-embed-id="emb_xxx"></div>
```

Satu baris. Kemampuan yang sama, default yang lebih baik, dan storefront yang ditampilkan membaca konfigurasi dari server sehingga Anda tidak perlu lagi menyentuh tiga puluh sakelar itu secara manual.

### Konfigurasi pindah ke dashboard

Apa pun yang ingin Anda sesuaikan dulu berada *di dalam* payload embed, yang berarti mengedit embed sama dengan mengedit situs web Anda. Sekarang Anda mengedit toko sekali dan setiap embed, di setiap situs, diperbarui seketika. Kalau Anda berjualan di tiga situs, Anda mengubah warna brand sekali saja.

> **Tips:** Kalau Anda memang butuh penimpaan per situs (satu toko, beberapa tema visual), widget mendukung `data-sr-theme="handle"` untuk mengunci sebuah embed ke tema tersimpan tertentu. Snippet berbeda per situs, satu toko di balik semuanya.

## Yang dilakukan embed saat ini

- **Situs web apa pun.** WordPress, Squarespace, Webflow, Framer, Carrd, Notion, HTML polos, situs statis. Kalau Anda bisa menempel tag skrip, Anda bisa punya storefront.
- **Permukaan apa pun.** Tombol beli tunggal, grid produk, keranjang geser, atau storefront penuh. Satu skrip, empat varian `data-sr-type`.
- **Tanpa biaya transaksi.** Berbasis langganan ([lihat harga](https://v3.shoprocket.io/id/harga.md)); Stripe dan PayPal tetap mengambil potongan seperti biasa pada pembayaran itu sendiri, tetapi Shoprocket tidak mengambil apa pun di atasnya.
- **Lokal apa pun.** Widget mendeteksi otomatis bahasa pengunjung di 21 lokal dan melokalkan harga, metode pembayaran, dan label.

## Satu hal yang tidak berubah

Alasan kami menyebutnya "out of the box" sejak awal adalah karena ia langsung berfungsi begitu Anda menempelkannya. Tanpa developer, tanpa kustomisasi tema, tanpa membangun ulang situs Anda yang sudah ada. Itu masih benar sepuluh tahun kemudian. Hanya saja kini butuh lebih sedikit karakter untuk membuktikannya.

Kalau Anda belum mencoba versi yang sekarang, [mulai uji coba gratis](https://app-v3.shoprocket.io/signup). Penyiapannya kurang dari lima menit.

---

- HTML version: https://v3.shoprocket.io/id/blog/ecommerce-siap-pakai-satu-dekade-kemudian
- Language: Bahasa Indonesia (id)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/out-of-the-box-ecommerce-a-decade-later.md), [Deutsch](https://v3.shoprocket.io/de/blog/ecommerce-out-of-the-box-ein-jahrzehnt-spaeter.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/out-of-the-box-ecommerce-a-decade-later.md), [English](https://v3.shoprocket.io/blog/out-of-the-box-ecommerce-a-decade-later.md), [Español](https://v3.shoprocket.io/es/blog/ecommerce-listo-para-usar-una-decada-despues.md), [Français](https://v3.shoprocket.io/fr/blog/ecommerce-cle-en-main-dix-ans-apres.md), [עברית](https://v3.shoprocket.io/he/blog/out-of-the-box-ecommerce-a-decade-later.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/out-of-the-box-ecommerce-a-decade-later.md), [Italiano](https://v3.shoprocket.io/it/blog/ecommerce-pronto-all-uso-dieci-anni-dopo.md), [日本語](https://v3.shoprocket.io/ja/blog/out-of-the-box-ecommerce-a-decade-later.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/e-komercija-is-dezes-po-desimtmecio.md), [Norsk](https://v3.shoprocket.io/nb/blogg/nettbutikk-ut-av-boksen-ti-ar-etter.md), [Nederlands](https://v3.shoprocket.io/nl/blog/out-of-the-box-ecommerce-tien-jaar-later.md), [Polski](https://v3.shoprocket.io/pl/blog/ecommerce-z-pudelka-dekade-pozniej.md), [Português](https://v3.shoprocket.io/pt/blog/ecommerce-pronto-para-usar-uma-decada-depois.md), [Română](https://v3.shoprocket.io/ro/blog/ecommerce-gata-de-utilizare-un-deceniu-mai-tarziu.md), [Русский](https://v3.shoprocket.io/ru/blog/out-of-the-box-ecommerce-a-decade-later.md), [ไทย](https://v3.shoprocket.io/th/blog/out-of-the-box-ecommerce-a-decade-later.md), [Türkçe](https://v3.shoprocket.io/tr/blog/hazir-kutudan-eticaret-on-yil-sonra.md), [中文](https://v3.shoprocket.io/zh/blog/out-of-the-box-ecommerce-a-decade-later.md)