# E-commerce pronto para usar, uma década depois

> Em dezembro de 2015, este embed era um recurso novinho. Hoje ele é o produto inteiro. Uma retrospectiva curta, com o snippet original de 2015, a versão moderna de 2026 e o que realmente mudou.

Ryan Badger - 9 de dezembro de 2015 - 2 min de leitura

## O que este post dizia antes

Em dezembro de 2015, o "Out of the Box eCommerce" era um recurso novinho. A proposta: cole uma tag de script no seu site atual e um catálogo de produtos aparece. O código de embed original era um bloco de JSON com quarenta campos, que você copiava do painel. Configurável, mas com *muita* coisa para ler.

Esse era o post inteiro. Há uma década.

## O que mudou

O embed não é mais um recurso. É o produto inteiro. A Shoprocket continua sendo "um script que você cola em qualquer site", mas a arquitetura por baixo está irreconhecível em comparação com o snippet de 2015. Duas grandes coisas mudaram.

### O snippet ficou mais curto

A carga de 2015 serializava em JSON todas as preferências visuais no momento de colar: cor do botão, espaçamento, ordem de classificação dos produtos, dimensões das imagens, se devia mostrar a etiqueta de "frete grátis", mais umas trinta opções. Tudo isso agora vive no servidor, configurado uma vez no seu painel. O embed em si é só um identificador.

**Antes (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>
```

**Agora (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>
```

Uma linha. A mesma capacidade, padrões melhores, e a loja renderizada lê a configuração do servidor, então você nunca mais mexe nessas trinta opções à mão.

### A configuração foi para o painel

Tudo o que você queria personalizar antes ficava *dentro* da carga do embed, o que significava que editar o embed era editar o seu site. Agora você edita a sua loja uma vez e todos os embeds, em todos os sites, se atualizam na hora. Se você vende em três sites, muda a cor da marca uma só vez.

> **Dica:** Se você precisa mesmo de ajustes por site (uma loja, vários temas visuais), o widget aceita `data-sr-theme="handle"` para fixar um embed num tema salvo específico. Um snippet diferente por site, uma única loja por trás de todos.

## O que o embed faz hoje

- **Qualquer site.** WordPress, Squarespace, Webflow, Framer, Carrd, Notion, HTML puro, sites estáticos. Se você consegue colar uma tag de script, consegue ter uma loja.
- **Qualquer superfície.** Botão de compra avulso, grade de produtos, carrinho deslizante ou loja completa. Um script, quatro variantes de `data-sr-type`.
- **Zero taxa de transação.** Baseado em assinatura ([veja os preços](https://v3.shoprocket.io/pt/precos.md)); a Stripe e o PayPal ainda cobram a taxa habitual sobre o pagamento em si, mas a Shoprocket não cobra nada por cima.
- **Qualquer idioma.** O widget detecta automaticamente o idioma do visitante entre 21 e localiza preços, formas de pagamento e textos.

## A única coisa que não mudou

O motivo de termos chamado de "pronto para usar" logo de início era que funcionava assim que você colava. Sem desenvolvedor, sem personalizar tema, sem reconstruir o seu site atual. Isso continua valendo dez anos depois. Só que agora são menos caracteres para provar.

Se você ainda não experimentou a versão atual, [comece um teste grátis](https://app-v3.shoprocket.io/signup). A configuração leva menos de cinco minutos.

---

- HTML version: https://v3.shoprocket.io/pt/blog/ecommerce-pronto-para-usar-uma-decada-depois
- Language: Português (pt)
- 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), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/ecommerce-siap-pakai-satu-dekade-kemudian.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), [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)