# ฝัง Shoprocket บนเว็บไซต์ใดก็ได้
> ขายจากเว็บไซต์ที่คุณมีอยู่ สร้างการฝังใน การฝัง คลิกรับโค้ด แล้ววางลงในหน้าของคุณบน WordPress, Squarespace, Wix, Webflow หรือ HTML ธรรมดา การเปลี่ยนแปลงที่บันทึกภายหลังจะไปถึงทุกหน้าโดยไม่ต้องวางใหม่
ศูนย์ช่วยเหลือ / การฝัง - อัปเดตเมื่อ 28 ตุลาคม 2569
การฝังนำส่วนหนึ่งของร้านค้าไปวางบนเว็บไซต์ใดก็ได้ ไม่ว่าจะเป็นสินค้าชิ้นเดียวพร้อมปุ่มซื้อ แคตตาล็อกสินค้าทั้งหมด หมวดหมู่ของคุณ หรือช่องค้นหา คุณสร้างใน **การฝัง** คลิก **รับโค้ด** แล้ววางโค้ดลงในหน้าของคุณ ตะกร้าและหน้าชำระเงินจะเปิดบนหน้าของคุณเลย ลูกค้าจึงไม่ต้องออกจากเว็บไซต์ของคุณ
คุณวางโค้ดเพียงครั้งเดียว เมื่อคุณเปลี่ยนการฝังภายหลัง แม้จะสลับเป็นเลย์เอาต์อื่น ทุกหน้าที่มีการฝังนั้นจะอัปเดตเมื่อคุณบันทึก
## ก่อนเริ่ม
- เพิ่มสินค้าที่ใช้งานอยู่อย่างน้อยหนึ่งชิ้น การฝังสินค้าชิ้นเดียวต้องมีสินค้าให้ขาย
- คุณต้องแก้ไขเว็บไซต์ของคุณและเพิ่มบล็อกโค้ดหรือ HTML ลงในหน้าได้ หมายเหตุสำหรับตัวสร้างเว็บไซต์แต่ละตัวอยู่ด้านล่าง
## ขั้นที่ 1 (ไม่บังคับ แนะนำ): เพิ่ม Shoprocket ในทุกหน้าของเว็บไซต์ของคุณ
ด้านบนของ **การฝัง** มีการ์ดชื่อ **เพิ่ม Shoprocket ในทุกหน้าของเว็บไซต์ของคุณ** ซึ่งมีโค้ดหนึ่งบรรทัดสำหรับส่วนหัวของเว็บไซต์ เมื่อใส่แล้ว ตะกร้าลอยและแชตสดของคุณจะทำงานในทุกหน้าของเว็บไซต์ ไม่ใช่แค่หน้าที่มีการฝัง และการฝังที่คุณเพิ่มภายหลังก็ใช้งานได้เลย
1. ในแดชบอร์ด ไปที่ **การฝัง**
2. ในการ์ด **เพิ่ม Shoprocket ในทุกหน้าของเว็บไซต์ของคุณ** คลิก **คัดลอก**
3. เลือกตัวสร้างเว็บไซต์ของคุณจากแท็บใต้โค้ด (**HTML**, **WordPress**, **Squarespace**, **Wix** หรือ **Webflow**) แล้วทำตามสองขั้นตอนเพื่อวางบรรทัดนั้นลงในส่วนหัวของเว็บไซต์
4. เปิดหน้าใดก็ได้ของเว็บไซต์ สถานะของการ์ดจะเปลี่ยนจาก **ยังไม่พบ** เป็น **เชื่อมต่อแล้ว**
คุณข้ามขั้นนี้ได้ โค้ดของทุกการฝังมีบรรทัดเดียวกันนี้อยู่แล้ว การฝังจึงทำงานได้เองในทุกหน้า
## ขั้นที่ 2: สร้างการฝัง
1. ใน **การฝัง** คลิก **การฝังใหม่**
2. ใต้ **สิ่งที่แสดง** เลือกหนึ่งอย่าง: **สินค้าชิ้นเดียว**, **แคตตาล็อกสินค้า**, **หมวดหมู่** หรือ **ค้นหา**
3. เลือกเลย์เอาต์
- **สินค้าชิ้นเดียว**: **ปุ่ม**, **กะทัดรัด**, **การ์ด**, **เด่น** หรือ **รายละเอียดเต็ม** แล้วเลือกสินค้าใต้ **สินค้าใด**
- **แคตตาล็อกสินค้า**: **กริด**, **แคโรเซล** หรือ **รายการ** ใต้ **สินค้าใดบ้าง** เลือก **สินค้าทั้งหมด**, **หนึ่งหมวดหมู่** หรือ **เลือกเอง**
- **หมวดหมู่**: **ไทล์**
- **ค้นหา**: **ช่องค้นหา** หรือ **ไอคอนค้นหา**
4. คลิก **ต่อไป**
ทุกเลย์เอาต์คือการฝังเดียวกันที่ตั้งค่าต่างกัน คุณจึงสลับเลย์เอาต์ภายหลังในตัวแก้ไขได้ และโค้ดที่คุณวางไว้ยังคงเดิม
## ขั้นที่ 3: ปรับแต่ง
ตัวแก้ไขแสดงตัวอย่างสดที่คุณคลิกดูแบบผู้ซื้อได้ ทั้งเพิ่มลงตะกร้า เปิดสินค้า และชำระเงิน เปลี่ยนสิ่งที่การฝังแสดงในแท็บ **การฝังนี้** แท็บ **ดีไซน์ร้านค้า** ตั้งสีและฟอนต์สำหรับทั้งร้าน เพื่อให้ทุกการฝังและตะกร้าลอยของคุณเข้ากัน
การฝังจะได้ชื่อเริ่มต้น เช่น “Products · Grid” คุณเปลี่ยนชื่อได้ทุกเมื่อ
เมื่อพอใจแล้ว คลิก **บันทึกและรับโค้ด**
## ขั้นที่ 4: คัดลอกโค้ดแล้ววางลงในเว็บไซต์ของคุณ
หลังบันทึก แผง **รับโค้ด** จะเปิดขึ้น หน้าตาประมาณนี้
```html
```
คัดลอกโค้ดของคุณเองด้วยปุ่มเสมอ อย่าพิมพ์ใหม่ บรรทัดแรกระบุชื่อการฝัง สคริปต์โหลด Shoprocket สำหรับร้านของคุณ และบรรทัดสุดท้ายคือจุดที่การฝังปรากฏ
1. คลิก **คัดลอกโค้ด**
2. เลือกตัวสร้างเว็บไซต์ของคุณจากแท็บในแผง แล้ววางโค้ดตรงที่ต้องการให้การฝังปรากฏ
- **HTML**: วางโค้ดตรงที่ต้องการให้การฝังปรากฏ บรรทัดสคริปต์ต้องมีในหน้าเพียงครั้งเดียว ไม่ว่าจะมีกี่การฝัง
- **WordPress**: ในตัวแก้ไขบล็อก เพิ่มบล็อก **Custom HTML** ตรงที่ต้องการวางการฝัง วางโค้ดแล้วอัปเดตหน้า บน WordPress.com สคริปต์ต้องใช้แพ็กเกจที่อนุญาตปลั๊กอิน
- **Squarespace**: แก้ไขหน้า แล้วเพิ่มบล็อก **โค้ด** ตรงที่ต้องการวางการฝัง วางโค้ด คงการแสดงผลเป็น HTML แล้วบันทึก
- **Wix**: ในตัวแก้ไข เลือก **เพิ่ม** จากนั้น **ฝังโค้ด** แล้ว **ฝัง HTML** วางโค้ดในกล่องแล้วปรับขนาดให้พอดี Wix แสดงในเฟรม ดังนั้นเผื่อพื้นที่ให้ตะกร้าด้วย
- **Webflow**: ลากองค์ประกอบ **Code Embed** ไปวางตรงที่ต้องการให้การฝังอยู่ วางโค้ด บันทึก และเผยแพร่ไซต์
หากคุณเพิ่ม Shoprocket ลงในส่วนหัวของเว็บไซต์แล้วในขั้นที่ 1 หน้านั้นต้องการเพียงบรรทัดสุดท้ายของโค้ด คือบรรทัดที่ขึ้นต้นด้วย `