ตลาดออนไลน์
SPREEAI สำหรับนักพัฒนา
สร้างห้องลองเสื้อ
สู่ทุกหน้าจอ.
เริ่มต้นด้วย Shopify, Web SDK หรือการบูรณาการ API ที่ได้รับการอนุมัติ ศูนย์กลางนี้จะนำทีมของคุณตั้งแต่การตัดสินใจครั้งแรกไปจนถึงการเปิดตัวที่ผ่านการทดสอบแล้ว.
- 04
- เส้นทางการบูรณาการ
- v2.1
- Web SDK ปัจจุบัน
- 01
- รายการตรวจสอบก่อนปล่อยจรวด
เลือกเส้นทางของคุณ
เริ่มต้นที่ที่คุณ
คอมเมิร์ซ สแต็ก มีชีวิตอยู่.
เลือกเส้นทางที่เร็วที่สุดที่เหมาะกับหน้าร้านของคุณ คุณสามารถเปลี่ยนจากแอปที่มีการจัดการไปเป็นการรวม SDK หรือ API แบบกำหนดเองได้เมื่อประสบการณ์เติบโตขึ้น.
ถ่ายทอดสดเร็วๆ นี้
เส้นทางที่เร็วที่สุด
แอปพลิเคชัน Shopify
ติดตั้ง ซิงค์เสื้อผ้า ปรับแต่ง และเปิดใช้งานโดยไม่ต้องใช้แบ็กแอนด์แบบกำหนดเอง.ดีที่สุดสำหรับร้านค้า Shopify ↗ v2.1.0เว็บไซต์กำหนดเอง
เว็บ SDK
ควบคุมตำแหน่ง การจัดสไตล์ เหตุการณ์ การปรับขนาด และพฤติกรรมการเพิ่มลงตะกร้า.จาวาสคริปต์ + ไทป์สคริปต์ ↗ เอกสารแอปพลิเคชันเนทีฟ
ชุดพัฒนาซอฟต์แวร์ iOS
นำประสบการณ์ SPREEAI เข้าสู่เส้นทางการช็อปปิ้งบน iOS ที่มีอยู่ของคุณ.เปิดคู่มือ iOS ↗ เอกสารแอปพลิเคชันเนทีฟ
แอนดรอยด์ เอสดีเค
รวมการลองสวมใส่เข้ากับประสบการณ์ผลิตภัณฑ์ Android ด้วยการควบคุมแบบเนทีฟ.เปิดคู่มือ Android ↗ การเข้าถึงสำหรับพาร์ทเนอร์ระบบกำหนดเอง
API สาธารณะ
ใช้ข้อมูลอ้างอิง API ที่ได้รับการอนุมัติสำหรับขั้นตอนการทำงานฝั่งเซิร์ฟเวอร์และแคตตาล็อก.เปิดดูเอกสารอ้างอิง API ↗เริ่มต้นใช้งาน Web SDK อย่างรวดเร็ว
จากการติดตั้งสู่
ปุ่มใช้งานได้.
ตรวจสอบสิทธิ์ครั้งเดียว จากนั้นจึงแสดงผลการลองสวมใส่หรือขนาดได้ทุกจุดบนหน้าเว็บ ใช้ข้อมูลรับรองทดสอบที่ออกให้ระหว่างการเริ่มต้นใช้งาน และห้ามใส่รหัสลับของไคลเอ็นต์ (client secret) ลงในโค้ดของเบราว์เซอร์เด็ดขาด.
npm install @spreeai/web-sdk
# หรือ
yarn add @spreeai/web-sdkimport { init } from "@spreeai/web-sdk";
const sdk = await init({
clientId: "your-client-id",
partnerId: "your-partner-id",
});
if (sdk) {
await sdk.renderTryOnButton({
elementId: "spreeai-try-on",
garments: [{ garmentId: "your-garment-id" }],
enableAddToCart: true,
});
}events: {
onTryOnButtonClick: (event) => {
analytics.track("try_on_started", event);
},
onAddToCartClicked: async (event) => {
// เชื่อมต่อกับเวิร์กโฟลว์ตะกร้าสินค้าที่มีอยู่ของคุณ
},
}โมเดลการบูรณาการ
สี่ระบบ.
ช่วงเวลาแห่งความประทับใจของลูกค้าหนึ่งช่วงเวลา.
รหัสสินค้า, แบบสินค้า, รูปภาพ และบริบทการจัด merchandising.
เสื้อผ้าเคลื่อนผ่านสถานะการประมวลผล การตรวจสอบ และความพร้อม.
หน้าร้านของคุณร้องขอประสบการณ์สำหรับผลิตภัณฑ์ที่มีสิทธิ์.
ลองสวมใส่ ค้นหาไซส์ที่ใช่ แมตช์ลุคให้สมบูรณ์ แล้วกลับไปที่หน้าชำระเงิน.
เส้นทางการผลิต
ทำการรวมระบบ
เข้าเส้นชัย.
การเปิดตัวที่ราบรื่นเป็นมากกว่าแค่ปุ่มที่ใช้งานได้ ใช้ลำดับขั้นตอนนี้เพื่อจัดระเบียบสิทธิ์การเข้าถึง สินทรัพย์ พฤติกรรม คุณภาพ และการวัดผล.
- 01เจ้าของ · ผลิตภัณฑ์ + พาณิชย์
กำหนดขอบเขตการเดินทางครั้งแรก
เลือกหนึ่งช่องทาง กลุ่มแคตตาล็อก ช่วงเวลาของลูกค้า และตัวชี้วัดความสำเร็จ.
- 02เจ้าของ · วิศวกรรม
เตรียมการเข้าถึง
ยืนยันรหัสพาร์ทเนอร์ ข้อมูลรับรองไคลอนต์ที่อนุมัติ สิทธิ์การใช้งานหน้าร้าน และสภาพแวดล้อมชั่วคราว (staging environment).
- 03เจ้าของ · ทีมแคตตาล็อก
ส่งมอบสินทรัพย์ที่สะอาดเรียบร้อย
ระบุเสื้อผ้าหนึ่งชิ้นต่อภาพ ต้องเป็นภาพด้านหน้า ความละเอียดสูง แสงสะอาด และตั้งชื่อไฟล์ให้ตรงกับ SKU.
- 04เจ้าของ · ฟรอนต์เอนด์
รวมเข้ากับระบบสเตจจิ้ง
แสดงผลเฉพาะสินค้าที่ร่วมรายการ เชื่อมโยงตัวเลือกสินค้ากับพฤติกรรมในตะกร้าสินค้า และปรับจุดเริ่มต้นให้เข้ากับแบรนด์.
- 05เจ้าของ · QA + แบรนด์
เรียกใช้ QA การเปิดตัว
ทดสอบมือถือและเดสก์ท็อป, ความครอบคลุมของเบราว์เซอร์, การเข้าถึง, ประสิทธิภาพ, ความสมจริงของภาพ และสถานะความล้มเหลว.
- 06เจ้าของ · พาณิชย์ + การวิเคราะห์
เปิดใช้งานและวัดผล
เปิดใช้งานผลิตภัณฑ์ที่พร้อมแล้ว เผยแพร่ประสบการณ์ที่เตรียมไว้ และติดตามการใช้งาน การเสร็จสมบูรณ์ และการแปลงสภาพ.
เกณฑ์มาตรฐานทรัพย์สิน
ข้อมูลนำเข้าที่ดีช่วยให้ผลลัพธ์ดียิ่งขึ้น.
- JPEG หรือ PNG
- ขั้นต่ำ 2,000 × 2,000 พิกเซล
- ต้องใช้ภาพด้านหน้า
- แนะนำให้ถ่ายจากด้านหลัง
- แสงสม่ำเสมอที่เป็นกลาง
- SKU หรือรหัสสไตล์ในชื่อไฟล์
ข้อมูลอ้างอิงสำหรับนักพัฒนา
ค้นหาถัดไป
คำตอบที่มีประโยชน์.
เริ่มต้นที่นี่
เริ่มต้นใช้งาน
ทำความเข้าใจเกี่ยวกับการเข้าถึง แพลตฟอร์มที่รองรับ และการตัดสินใจครั้งแรกที่ทีมของคุณต้องทำ.
ข้อมูลอ้างอิงอย่างเป็นทางการ ↗ การบูรณาการแบบจัดการการเริ่มต้นใช้งาน Shopify
ติดตั้งแอปพลิเคชัน ยอมรับข้อตกลง ซิงค์เสื้อผ้า ปรับแต่งปุ่ม และเริ่มใช้งานจริงได้เลย.
ข้อมูลอ้างอิงอย่างเป็นทางการ ↗ เว็บ SDKพื้นผิว API
ตรวจสอบการเริ่มต้นใช้งาน ตัวเลือกการเรนเดอร์ การกำหนดขนาด การปรับแต่ง และอินเทอร์เฟซที่มีการระบุประเภท.
ข้อมูลอ้างอิงอย่างเป็นทางการ ↗ พาร์ทเนอร์ APIข้อมูลอ้างอิง Public API
สำรวจอินเทอร์เฟซฝั่งเซิร์ฟเวอร์ที่ได้รับการอนุมัติซึ่งใช้งานได้สำหรับพาร์ทเนอร์ที่ตรวจสอบสิทธิ์แล้ว.
ข้อมูลอ้างอิง Swagger ↗ คุณภาพสินทรัพย์เสื้อผ้า
เตรียมภาพถ่ายสินค้าและข้อมูลเมตาดาต้าให้พร้อมสำหรับการนำเข้าและการตรวจสอบอย่างราบรื่น.
คู่มือ SPREEAI ↗ การผลิตการประกันคุณภาพและการเปิดตัว
ใช้เบราว์เซอร์ ประสิทธิภาพ การเข้าถึง และรายการตรวจสอบการเปิดใช้งานร่วมกัน.
คู่มือ SPREEAI ↗ สนับสนุนการแก้ไขปัญหา
แก้ไขปัญหาการตรวจสอบสิทธิ์ สิทธิ์การเข้าใช้งาน การเรนเดอร์ และประสิทธิภาพที่พบบ่อยที่สุด.
คู่มือ SPREEAI ↗ เอกสารคู่มือคู่มือการใช้งาน
เรียกดูคู่มือเริ่มต้นใช้งานด่วนสาธารณะ มาตรฐานสินทรัพย์ รายการตรวจสอบการเปิดตัว และคำแนะนำในการแก้ปัญหา.
เปิดเอกสารประกอบ ↗ไม่พบทรัพยากรนักพัฒนาที่ตรงกัน ลองใช้ “Shopify” “SDK” “assets” หรือ “QA”
สร้างสำหรับใช้งานจริง
รายละเอียดที่ปกป้อง
ประสบการณ์ของลูกค้า.
ความปลอดภัย
เก็บความลับไว้ที่ฝั่งเซิร์ฟเวอร์ ใช้เฉพาะสภาพแวดล้อมที่มีการออกให้ และหมุนเวียนข้อมูลประจำตัวผ่านเวิร์กโฟลว์ของพาร์ทเนอร์.
ความเป็นส่วนตัว
ขอภาพถ่ายของลูกค้าโดยได้รับความยินยอมอย่างชัดเจน และปรับการจัดการข้อมูลให้สอดคล้องกับแผนการรวมระบบที่ได้รับอนุมัติของคุณ.
ประสิทธิภาพ
โหลดประสบการณ์ในจุดที่จำเป็น ทดสอบอุปกรณ์จริง และตรวจสอบการถดถอยของหน้าผลิตภัณฑ์.
การเข้าถึงได้
คงการเข้าถึงด้วยแป้นพิมพ์ ลำดับการโฟกัส ชื่อที่เข้าถึงได้ และเส้นทางที่ใช้งานได้ เมื่อประสบการณ์ใช้งานไม่พร้อมใช้งาน.
คำถามที่พบบ่อยสำหรับนักพัฒนา
คำถามก่อนหน้า
คอมมิตแรก.
เราควรเลือกการผสานรวมแบบไหนดี
ใช้แอป Shopify สำหรับเส้นทางที่มีการจัดการที่เร็วที่สุด, Web SDK สำหรับการจัดวางบนเว็บแบบกำหนดเองหรือแบบไร้หัว (headless), เนทีฟ SDK สำหรับประสบการณ์ในแอป, และเอกสารอ้างอิง API ที่ได้รับการอนุมัติสำหรับเวิร์กโฟลว์ฝั่งเซิร์ฟเวอร์ตามที่ตกลงกันไว้ระหว่างการเริ่มต้นใช้งาน.
ข้อมูลประจำตัวมาจากไหน
SPREEAI จะออกรหัสพาร์ทเนอร์และข้อมูลรับรองที่อนุมัติแล้วระหว่างขั้นตอนการเริ่มต้นใช้งาน เบราว์เซอร์ SDK ใช้รหัสลูกค้าและรหัสพาร์ทเนอร์ ห้ามฝังความลับของลูกค้าไว้ในโค้ดส่วนหน้าเด็ดขาด.
แอป Shopify นี้จำเป็นต้องใช้คีย์ API หรือไม่
ขั้นตอนการเริ่มต้นใช้งานแอป Shopify ปัจจุบันจะทำการเชื่อมต่อร้านค้าหลังจากขั้นตอนข้อตกลงที่จำเป็นและการสมัครสมาชิก; แอปที่มีการจัดการไม่ต้องคัดลอกคีย์ลงในหน้าจอตั้งค่า.
ทำไมปุ่มลองใส่ถึงไม่แสดงขึ้นมา
ยืนยันว่าเสื้อผ้าดังกล่าวเสร็จสิ้นการประมวลผลแล้ว เปิดใช้งานสำหรับการลองใส่ (Try-On) จับคู่กับสินค้าหรือตัวเลือกสินค้าที่ใช้งานอยู่ และมีบล็อกแอปหรือคอนเทนเนอร์ SDK อยู่บนเทมเพลตสินค้า.
เหตุการณ์ไคลเอนต์ใดบ้างที่ใช้งานได้
คอลแบกของ SDK ที่มีการจัดทำเอกสารไว้ครอบคลุมถึงการคลิกปุ่มลองสวม (Try-On) และการโต้ตอบเพื่อเพิ่มสินค้าลงในตะกร้า เชื่อมต่อคอลแบกเหล่านี้เข้ากับเลเยอร์การวิเคราะห์ข้อมูลของคุณโดยไม่ต้องรวมภาพถ่ายของลูกค้าหรือข้อมูลส่วนบุคคลที่ไม่จำเป็น.
เว็บฮุกของเซิร์ฟเวอร์ใช้งานได้หรือไม่
เว็บฮุกแบบเซิร์ฟเวอร์พุชไม่ได้เป็นส่วนหนึ่งของเอกสารประกอบ SDK ที่เผยแพร่ในปัจจุบัน โปรดปรึกษาข้อกำหนดเหตุการณ์ฝั่งเซิร์ฟเวอร์ใดๆ กับทีมวิศวกรรมคู่ค้า (Partner Engineering) ก่อนที่จะนำไปใช้งาน.
นักพัฒนาซอฟต์แวร์ไปขอความช่วยเหลือจากที่ไหน
ใช้เส้นทางฝ่ายสนับสนุนทางเทคนิคที่มีให้ระหว่างการต้อนรับเข้าทำงานหรือทางอีเมล support@spreeai.com. รวมถึงสภาพแวดล้อม รหัสผลิตภัณฑ์ เบราว์เซอร์หรืออุปกรณ์ ประทับเวลา และขั้นตอนการจำลองปัญหาที่กระชับ ห้ามส่งข้อมูลลับเด็ดขาด.
การสนับสนุน Amazon Partner Network จะมีให้บริการเมื่อใด
การผสานรวม Amazon Partner Network กำลังอยู่ในระหว่างการพัฒนา โดยจงใจทำเครื่องหมายว่า เร็วๆ นี้ จนกว่าขั้นตอนการเริ่มต้นใช้งานและอินเทอร์เฟซการผลิตจะพร้อมสำหรับนักภายนอก.
พร้อมที่จะสร้างหรือยัง