# อีคอมเมิร์ซแบบพร้อมใช้ทันที เมื่อสิบปีผ่านไป

> ในเดือนธันวาคม 2015 embed นี้เป็นฟีเจอร์ใหม่เอี่ยม ตอนนี้มันคือผลิตภัณฑ์ทั้งตัว ย้อนมองสั้นๆ พร้อม snippet ต้นฉบับปี 2015 เวอร์ชันปี 2026 และสิ่งที่เปลี่ยนไปจริงๆ

Ryan Badger - 9 ธันวาคม 2558 - อ่าน 2 นาที

## บทความนี้เคยพูดว่าอะไร

ย้อนกลับไปในเดือนธันวาคม 2015 "Out of the Box eCommerce" เป็นฟีเจอร์ใหม่เอี่ยม จุดขายคือ วางแท็ก script เดียวลงในเว็บที่คุณมีอยู่ แล้วแคตตาล็อกสินค้าก็ปรากฏ โค้ด embed ต้นฉบับเป็น JSON ก้อนใหญ่สี่สิบฟิลด์ที่คุณคัดลอกมาจากแดชบอร์ด ปรับแต่งได้ แต่อ่านยาก*มาก*

นั่นคือทั้งบทความ เมื่อสิบปีก่อน

## อะไรเปลี่ยนไป

embed ไม่ใช่ฟีเจอร์อีกต่อไป มันคือผลิตภัณฑ์ทั้งตัว Shoprocket ยังเป็น "สคริปต์ที่คุณวางลงในเว็บไซต์ใดก็ได้" แต่สถาปัตยกรรมข้างใต้จำไม่ได้เลยเมื่อเทียบกับ snippet ปี 2015 มีสองเรื่องใหญ่ที่ขยับ

### snippet สั้นลง

payload ปี 2015 ซีเรียลไลซ์ทุกการตั้งค่าด้านหน้าตาเป็น JSON ตอนวาง ทั้งสีปุ่ม padding ลำดับการเรียงสินค้า ขนาดรูป การแสดงป้าย "จัดส่งฟรี" และสวิตช์อื่นอีกราวสามสิบอัน ตอนนี้ทั้งหมดอยู่ฝั่งเซิร์ฟเวอร์ ตั้งค่าครั้งเดียวในแดชบอร์ดของคุณ ตัว embed เหลือแค่ตัวระบุ

**เมื่อก่อน (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>
```

**ตอนนี้ (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>
```

หนึ่งบรรทัด ความสามารถเท่าเดิม ค่าเริ่มต้นดีกว่าเดิม และหน้าร้านที่เรนเดอร์อ่านการตั้งค่าจากเซิร์ฟเวอร์ คุณจึงไม่ต้องแตะสวิตช์สามสิบอันนั้นด้วยมืออีก

### การตั้งค่าย้ายไปอยู่ในแดชบอร์ด

ทุกอย่างที่คุณอยากปรับแต่งเคยอยู่*ใน* payload ของ embed ซึ่งหมายความว่าการแก้ embed คือการแก้เว็บไซต์ของคุณ ตอนนี้คุณแก้ร้านครั้งเดียว แล้วทุก embed บนทุกเว็บอัปเดตทันที ถ้าคุณขายผ่านสามเว็บ ก็เปลี่ยนสีแบรนด์ครั้งเดียว

> **เคล็ดลับ:** ถ้าคุณต้องการการกำหนดทับเฉพาะเว็บ (หนึ่งร้านหลายธีม) วิดเจ็ตรองรับ `data-sr-theme="handle"` เพื่อตรึง embed เข้ากับธีมที่บันทึกไว้ธีมใดธีมหนึ่ง snippet ต่างกันต่อเว็บ แต่เบื้องหลังเป็นร้านเดียว

## embed ทำอะไรได้บ้างในวันนี้

- **เว็บไซต์ใดก็ได้** WordPress, Squarespace, Webflow, Framer, Carrd, Notion, HTML ธรรมดา เว็บ static ถ้าวางแท็ก script ได้ คุณก็มีหน้าร้านได้
- **พื้นผิวใดก็ได้** ปุ่มซื้อเดี่ยว กริดสินค้า ตะกร้าแบบเลื่อนออก หรือหน้าร้านเต็มรูปแบบ หนึ่งสคริปต์ สี่รูปแบบของ `data-sr-type`
- **ไม่มีค่าธรรมเนียมธุรกรรม** คิดเป็นค่าสมัคร ([ดูราคา](https://v3.shoprocket.io/th/pricing.md)) Stripe และ PayPal ยังคิดค่าธรรมเนียมตามปกติกับการชำระเงินเอง แต่ Shoprocket ไม่คิดซ้อนเพิ่ม
- **ภาษาใดก็ได้** วิดเจ็ตตรวจจับภาษาของผู้เข้าชมอัตโนมัติจาก 21 ภาษา และปรับราคา วิธีชำระเงิน และป้ายกำกับให้ตรงท้องถิ่น

## สิ่งเดียวที่ไม่เปลี่ยน

เหตุผลที่เราเรียกมันว่า "out of the box" ตั้งแต่แรกคือมันใช้งานได้ทันทีที่วาง ไม่ต้องมีนักพัฒนา ไม่ต้องปรับธีม ไม่ต้องสร้างเว็บเดิมใหม่ ซึ่งสิบปีต่อมาก็ยังจริงอยู่ เพียงแต่ใช้ตัวอักษรน้อยลงในการพิสูจน์

ถ้าคุณยังไม่เคยลองเวอร์ชันปัจจุบัน [เริ่มทดลองใช้ฟรี](https://app-v3.shoprocket.io/signup) ตั้งค่าไม่ถึงห้านาที

---

- HTML version: https://v3.shoprocket.io/th/blog/out-of-the-box-ecommerce-a-decade-later
- Language: ไทย (th)
- 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), [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), [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)