বাজার
ডেভেলপারদের জন্য SPREEAI
ফিটিং রুমটি তৈরি করুন
প্রতিটি স্ক্রিনে।.
শফাই, ওয়েব এসডিকে অথবা একটি অনুমোদিত এপিআই ইন্টিগ্রেশনের মাধ্যমে শুরু করুন। এই হাবটি আপনার টিমকে প্রথম সিদ্ধান্ত থেকে একটি পরীক্ষিত লঞ্চ পর্যন্ত নিয়ে যায়।.
- 04
- ইন্টিগ্রেশন পাথস
- v২.১
- বর্তমান ওয়েব এসডিকে
- 01
- লঞ্চ চেকলিস্ট
আপনার পথ বেছে নিন
যেখান থেকে আপনি
কমার্স স্ট্যাক বেঁচে আছে।.
আপনার স্টোরফ্রন্টের জন্য সবচেয়ে দ্রুত পথটি বেছে নিন। অভিজ্ঞতা বৃদ্ধির সাথে সাথে আপনি একটি পরিচালিত অ্যাপ থেকে কাস্টম এসডিকে বা এপিআই ইন্টিগ্রেশনে চলে যেতে পারেন।.
লাইভশীঘ্রই আসছে
সবচেয়ে দ্রুত পথ
শপিফাই অ্যাপ
ইনস্টল করুন, গার্মেন্টস সিঙ্ক করুন, কাস্টমাইজ করুন এবং কাস্টম ব্যাকএন্ড ছাড়াই লঞ্চ করুন।.শোপিফাই স্টোরফ্রন্টের জন্য সেরা ↗ v2.1.0কাস্টম ওয়েব
ওয়েব এসডিকে
কন্ট্রোল প্লেসমেন্ট, স্টাইলিং, ইভেন্টস, সাইজিং এবং অ্যাড-টু-কার্ট আচরণ।.জাভাস্ক্রিপ্ট + টাইপস্ক্রিপ্ট ↗ নথিপত্রনেটিভ মোবাইল
আইওএস এসডিকে
SPREEAI অভিজ্ঞতাকে একটি বিদ্যমান iOS শপিং জার্নিতে যুক্ত করুন।.আইওএস গাইড খুলুন ↗ নথিপত্রনেটিভ মোবাইল
অ্যান্ড্রয়েড এসডিকে
নেটিভ কন্ট্রোল সহ একটি অ্যান্ড্রয়েড প্রোডাক্ট অভিজ্ঞতার মধ্যে ট্রাই-অন ইন্টিগ্রেট করুন।.অ্যান্ড্রয়েড গাইড খুলুন অংশীদারদের প্রবেশাধিকারকাস্টম সিস্টেমস
পাবলিক এপিআই
সার্ভার-সাইড এবং ক্যাটালগ ওয়ার্কফ্লোর জন্য অনুমোদিত API রেফারেন্স ব্যবহার করুন।.ওপেন এপিআই রেফারেন্স ↗ওয়েব এসডিকে কুইকস্টার্ট
ইন্সটল থেকে
কার্যকরী বোতাম.
একবার প্রমাণীকরণ করুন, তারপর পৃষ্ঠার যেকোনো জায়গায় ট্রাই-অন বা সাইজিং রেন্ডার করুন। অনবোর্ডিংয়ের সময় দেওয়া টেস্ট শংসাপত্র ব্যবহার করুন এবং ব্রাউজার কোডে কখনই ক্লায়েন্ট সিক্রেট রাখবেন না।.
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) => {
// আপনার বিদ্যমান কার্ট ওয়ার্কফ্লোর সাথে সংযোগ করুন।
},
}ইন্টিগ্রেশন মডেল
চারটি সিস্টেম।.
গ্রাহকের একটি মুহূর্ত।.
পণ্যের আইডি, রূপভেদ, চিত্রাবলী এবং মার্চেন্ডাইজিং প্রেক্ষাপট।.
গার্মেন্টসগুলো প্রসেসিং, রিভিউ এবং রেডিনেস স্টেটের মধ্য দিয়ে অগ্রসর হয়।.
আপনার স্টোরফ্রন্ট একটি যোগ্য পণ্যের জন্য অভিজ্ঞতার অনুরোধ করে।.
পড়ে দেখুন, আপনার সাইজ খুঁজে নিন, লুকটি সম্পন্ন করুন এবং চেকআউটে ফিরে যান।.
উৎপাদন পথ
যোগফল নিন
রেখা পার করে।.
একটি পরিচ্ছন্ন লঞ্চ কেবল একটি সচল বোতামের চেয়েও বেশি কিছু। অ্যাক্সেস, অ্যাসেট, আচরণ, গুণমান এবং পরিমাপকে এক সারিতে আনতে এই ক্রমটি ব্যবহার করুন।.
- 01মালিক · প্রোডাক্ট + কমার্স
প্রথম যাত্রার পরিধি নির্ধারণ করুন
একটি চ্যানেল, ক্যাটালগ গ্রুপ, গ্রাহক মুহূর্ত এবং সফলতার পরিমাপ বেছে নিন।.
- 02মালিক · প্রকৌশল
অ্যাক্সেস প্রস্তুত করুন
পার্টনার আইডি, অনুমোদিত ক্লায়েন্ট শংসাপত্র, স্টোরফ্রন্ট অনুমতি এবং স্টেজিং এনভায়রনমেন্ট নিশ্চিত করুন।.
- 03মালিক · ক্যাটালগ টিম
পরিষ্কার সম্পদ জমা দিন
প্রতিটি ছবির জন্য একটি করে পোশাক, সামনের দৃশ্য প্রয়োজন, উচ্চ রেজোলিউশন, পরিষ্কার আলো এবং SKU-সংযুক্ত ফাইলের নাম দিন।.
- 04মালিক · ফ্রন্ট-এন্ড
স্টেজিংয়ে ইন্টিগ্রেট করুন
শুধুমাত্র যোগ্য পণ্যগুলিতে রেন্ডার করুন, রূপান্তর এবং কার্ট আচরণের সাথে সংযুক্ত করুন এবং এন্ট্রি পয়েন্টটিকে ব্র্যান্ডের সাথে মিলিয়ে নিন।.
- 05মালিক · কিউএ + ব্র্যান্ড
লঞ্চ QA চালান
মোবাইল এবং ডেস্কটপ পরীক্ষা করুন, ব্রাউজার কভারেজ, অ্যাক্সেসিবিলিটি, পারফরম্যান্স, ভিজ্যুয়াল বিশ্বস্ততা এবং ফেইলিওর স্টেট।.
- 06মালিক · বাণিজ্য + অ্যানালিটিক্স
সক্রিয় করুন এবং পরিমাপ করুন
রেডি প্রোডাক্টগুলি চালু করুন, স্টেড করা অভিজ্ঞতাটি প্রকাশ করুন এবং গ্রহণযোগ্যতা, সম্পূর্ণতা এবং রূপান্তর মনিটর করুন।.
অ্যাসেট বেলাইন
ভালো ইনপুট ভালো ফলাফল দেয়।.
- JPEG নাকি PNG
- ২,০০০ × ২,০০০ পিক্সেল সর্বনিম্ন
- সামনের দৃশ্য প্রয়োজন
- পেছনের দৃশ্য সুপারিশ করা হয়
- নিরপেক্ষ এবং সমান আলো
- ফাইলে নামের মধ্যে এসকেইউ বা স্টাইল আইডি
ডেভেলপার রেফারেন্স
পরবর্তী খুঁজুন
দরকারী উত্তর।.
এখানে শুরু করুন
শুরু করা
অ্যাক্সেস, সমর্থিত প্ল্যাটফর্ম এবং আপনার দলের প্রথম যে সিদ্ধান্তগুলি নিতে হবে তা বুঝুন।.
অফিসিয়াল রেফারেন্স ম্যানেজড ইন্টিগ্রেশনশপিফাই অনবোর্ডিং
অ্যাপটি ইনস্টল করুন, চুক্তিগুলো গ্রহণ করুন, পোশাক সিঙ্ক করুন, বোতাম কাস্টমাইজ করুন এবং লাইভ যান।.
অফিসিয়াল রেফারেন্স ওয়েব এসডিকেএপিআই সারফেস
Initialization, render options, sizing, customization এবং typed interfaces পর্যালোচনা করুন।.
অফিসিয়াল রেফারেন্স পার্টনার এপিআইপাবলিক এপিআই রেফারেন্স
অনুমোদিত সার্ভার-সাইড ইন্টারফেসটি অন্বেষণ করুন যা প্রমাণীকৃত অংশীদারদের জন্য উপলব্ধ।.
সোয়াগার রেফারেন্স ↗ গুণগত মানতৈরি পোশাকের সম্পদ
পণ্য অনুমোদনের প্রক্রিয়া নির্বিঘ্ন করতে পণ্যের ছবি এবং মেটাডেটা প্রস্তুত করুন।.
স্প্রি-এআই গাইড ↗ উৎপাদনকিউএ এবং লঞ্চ
শেয়ার করা ব্রাউজার, পারফরম্যান্স, অ্যাক্সেসিবিলিটি এবং গো-লাইভ চেকসিস্ট ব্যবহার করুন।.
স্প্রি-এআই গাইড ↗ সহায়তাসমস্যা সমাধান
সবচেয়ে সাধারণ প্রমাণীকরণ, যোগ্যতা, রেন্ডারিং এবং পারফরম্যান্স সংক্রান্ত সমস্যাগুলো সমাধান করুন।.
স্প্রি-এআই গাইড ↗ নথিপত্রবাস্তবায়ন নির্দেশিকা
পাবলিক কুইকস্টার্ট, অ্যাসেট স্ট্যান্ডার্ড, লঞ্চ চেকલિস্ট এবং ট্রাবলশুটিং নির্দেশিকা ব্রাউজ করুন।.
ডকুমেন্টেশন খুলুন ↗কোনো ডেভেলপার রিসোর্স মেলেনি। “Shopify,” “SDK,” “assets,” অথবা “QA” দিয়ে চেষ্টা করুন।”
প্রোডাকশনের জন্য বিল্ড করুন
যে বিবরণগুলো রক্ষা করে
গ্রাহক অভিজ্ঞতা.
নিরাপত্তা
গোপন তথ্য সার্ভার-সাইডে রাখুন, শুধুমাত্র প্রদত্ত এনভায়রনমেন্ট ব্যবহার করুন এবং পার্টনার ওয়ার্কফ্লোর মাধ্যমে শংসাপত্রগুলি পরিবর্তন করুন।.
গোপনীয়তা
গ্রাহকের স্পষ্ট সম্মতির সাথে তাদের ছবি সংগ্রহ করুন এবং ডেটা হ্যান্ডলিং আপনার অনুমোদিত ইন্টিগ্রেশন প্ল্যানের সাথে সামঞ্জস্যপূর্ণ করুন।.
কার্যক্ষমতা
যেখানে প্রয়োজন সেখানে অভিজ্ঞতা লোড করুন, আসল ডিভাইসগুলো টেস্ট করুন এবং প্রোডাক্ট-পেজ রিগ্রেশন মনিটর করুন।.
অ্যাক্সেসিবিলিটি
অভিজ্ঞতা অনুপলব্ধ থাকলে কীবোর্ড অ্যাক্সেস, ফোকাস ক্রম, অ্যাক্সেসযোগ্য নাম এবং একটি ব্যবহারযোগ্য পথ বজায় রাখুন।.
ডেভলপার FAQ
Questions before
the first commit.
Which integration should we choose?
Use the Shopify App for the fastest managed path, the Web SDK for custom or headless web placement, the native SDKs for app experiences, and the approved API reference for server-side workflows agreed during onboarding.
Where do credentials come from?
SPREEAI issues the partner ID and approved credentials during onboarding. The browser SDK uses a client ID and partner ID. Never embed a client secret in front-end code.
Does the Shopify App require API keys?
The current Shopify App onboarding flow connects the store after the required agreements and subscription step; the managed app does not require copying keys into the setup screen.
Why does the Try-On button not appear?
Confirm the garment has completed processing, is enabled for Try-On, maps to the active product or variant, and that the app block or SDK container is present on the product template.
Which client events are available?
The documented SDK callbacks cover Try-On button clicks and add-to-cart interactions. Connect them to your analytics layer without including customer imagery or unnecessary personal data.
Are server webhooks available?
Server-push webhooks are not part of the currently published SDK documentation. Scope any server-side event requirement with Partner Engineering before relying on it.
Where do developers get help?
Use the technical support path provided during onboarding or email support@spreeai.com. Include the environment, product ID, browser or device, timestamp and a concise reproduction path—never send secrets.
When will Amazon Partner Network support be available?
The Amazon Partner Network integration is in development. It is intentionally marked Coming Soon until the onboarding and production interface are ready for external developers.
Ready to build?