ตลาดออนไลน์
SPREEAI สำหรับนักพัฒนา
สร้างห้องลองเสื้อ
สู่ทุกหน้าจอ.
Connect your catalogue. Shape the customer journey. Bring Always On into your storefront with the integration path that fits your team.
เลือกเส้นทางของคุณ
เริ่มต้นที่ที่คุณ
คอมเมิร์ซ สแต็ก มีชีวิตอยู่.
Use Shopify for a managed setup, or integrate with our SDKs and APIs. Choose the features your business needs and keep your brand’s shopping journey.
ถ่ายทอดสดเร็วๆ นี้
เส้นทางที่เร็วที่สุด
แอปพลิเคชัน Shopify
เทคโนโลยีของเราสามารถใช้ได้ผ่านการพันธมิตร Shopify ของเรา ติดตั้งแอป, เชื่อมต่อคอลเลกชันของคุณและรูปแบบประสบการณ์สําหรับร้านค้าของคุณดีที่สุดสําหรับ Shopify Storefronts เว็บ SDKเว็บไซต์กำหนดเอง
เว็บ 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 ·เตรียม
จุดเริ่มต้นที่ชัดเจน
อัตราการเดินทางเข้าถึงและคอลเลกชัน
รายการตรวจสอบการเตรียม
- เลือกช่องเดียวกลุ่มคอลัมน์และวัดความสําเร็จ
- ตรวจสอบการเข้าถึงพันธมิตรการรับรองและการอนุญาตในการจัดอันดับ
- ให้ภาพเสื้อผ้าที่สะอาดและสอดคล้องกับ SKU
- 02 · การเชื่อมต่อ
ทําให้มันรู้สึกเป็นชาวบ้าน
สร้างขึ้นในสต็อก ทดสอบการเดินทางทั้งหมด
รายการตรวจสอบการรวม
- เหล่าใช้จ่ายสําหรับผลิตภัณฑ์ที่ได้รับอนุญาตและเชื่อมต่อตัวเลือกและการพฤติกรรมของรถ
- คัดลอกประสบการณ์กับแบรนด์
- ตรวจสอบสถานการณ์มือถือ, desktop, accessibility, performance และ failure
- 03 · การเปิดตัว
เรียนรู้จากการใช้จริง
อนุญาตให้ผลิตภัณฑ์และวัดที่พร้อม
การเปิดตัวรายการตรวจสอบ
- ตรวจสอบความพร้อมของผลิตภัณฑ์และเผยแพร่ประสบการณ์ขั้นตอน
- การตรวจสอบการยอมรับการเสร็จสิ้นและการแปลง
- ใช้ผลลัพธ์เพื่อนําหมวดหมู่หรือเดินทางต่อไป
เกณฑ์มาตรฐานทรัพย์สิน
ข้อมูลนำเข้าที่ดีช่วยให้ผลลัพธ์ดียิ่งขึ้น.
- 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 กำลังอยู่ในระหว่างการพัฒนา โดยจงใจทำเครื่องหมายว่า เร็วๆ นี้ จนกว่าขั้นตอนการเริ่มต้นใช้งานและอินเทอร์เฟซการผลิตจะพร้อมสำหรับนักภายนอก.
พร้อมที่จะสร้างหรือยัง