Out-of-the-box ecommerce, a decade later

What this post used to say

Back in December 2015, "Out of the Box eCommerce" was a brand-new feature. The pitch: paste one script tag into your existing site, and a product catalogue appears. The original embed code was a forty-field JSON blob you copied from your dashboard. Configurable, but a lot to read.

That was the whole post. A decade ago.

What changed

The embed isn't a feature anymore. It's the entire product. Shoprocket is still "a script you paste into any website" but the architecture underneath is unrecognisable from the 2015 snippet. Two big things moved.

The snippet got shorter

The 2015 payload serialised every visual preference in JSON at paste time: button colour, padding, product sort order, image dimensions, whether to show the "free shipping" pill, about thirty more switches. All of that now lives server-side, configured once in your dashboard. The embed itself is just an identifier.

Then (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>

Now (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>

One line. Same capability, better defaults, and the rendered storefront reads config from the server so you never touch those thirty switches by hand again.

Config moved to the dashboard

Anything you wanted to customise used to live in the embed payload, which meant editing the embed meant editing your website. Now you edit your store once and every embed, on every site, updates instantly. If you're selling across three sites, you change the brand colour once.

Tip: If you do need per-site overrides (one store, multiple visual themes), the widget supports data-sr-theme="handle" to pin an embed to a specific saved theme. Different snippet per site, one store behind them all.

What the embed does today

• Any website. WordPress, Squarespace, Webflow, Framer, Carrd, Notion, plain HTML, static sites. If you can paste a script tag, you can have a storefront.
• Any surface. Single buy button, product grid, slide-out cart, or full storefront. One script, four data-sr-type variants.
• Zero transaction fees. Subscription-based (see pricing); Stripe and PayPal still take their usual cut on the payment itself, but Shoprocket takes nothing on top.
• Any locale. The widget auto-detects the visitor's language across 21 locales and localises prices, payment methods, and labels.

The one thing that didn't change

The reason we called it "out of the box" in the first place was that it worked the moment you pasted it. No developer, no theme customisation, no rebuild of your existing site. That's still true ten years later. It just takes fewer characters to prove it.

If you haven't tried the current version, start a free trial. Setup is under five minutes.