দ্রুততম পথ
ডেভেলপারদের জন্য SPREEAI
ফিটিং রুম তৈরি করুন
প্রতিটি স্ক্রিনে।
আপনার ক্যাটালগ সংযুক্ত করুন। গ্রাহকের অভিজ্ঞতা উন্নত করুন। আপনার দলের জন্য উপযুক্ত ইন্টিগ্রেশন পদ্ধতির মাধ্যমে Always On-কে আপনার স্টোরফ্রন্টে নিয়ে আসুন।
আপনার পথ বেছে নিন
আপনার যেখান থেকে শুরু করবেন
কমার্স স্ট্যাক চালু আছে।
একটি পরিচালিত সেটআপের জন্য Shopify ব্যবহার করুন, অথবা আমাদের SDK এবং API-এর সাথে ইন্টিগ্রেট করুন। আপনার ব্যবসার প্রয়োজনীয় ফিচারগুলো বেছে নিন এবং আপনার ব্র্যান্ডের কেনাকাটার অভিজ্ঞতাকে সচল রাখুন।
কাস্টম ওয়েব
ওয়েব এসডিকে
প্লেসমেন্ট, স্টাইলিং, ইভেন্ট, সাইজিং এবং অ্যাড-টু-কার্ট আচরণ নিয়ন্ত্রণ করুন।জাভাস্ক্রিপ্ট + টাইপস্ক্রিপ্ট ডাক্তাররানেটিভ মোবাইল
iOS SDK
বিদ্যমান iOS শপিং প্রক্রিয়ায় SPREEAI অভিজ্ঞতাটি যুক্ত করুন।আইওএস গাইড খুলুন ডাক্তাররানেটিভ মোবাইল
অ্যান্ড্রয়েড এসডিকে
নেটিভ কন্ট্রোলের মাধ্যমে অ্যান্ড্রয়েড প্রোডাক্ট এক্সপেরিয়েন্সে ট্রাই-অন ফিচারটি যুক্ত করুন।ওপেন অ্যান্ড্রয়েড গাইড অংশীদার অ্যাক্সেসকাস্টম সিস্টেম
পাবলিক এপিআই
সার্ভার-সাইড এবং ক্যাটালগ ওয়ার্কফ্লোর জন্য অনুমোদিত এপিআই রেফারেন্স ব্যবহার করুন।ওপেন এপিআই রেফারেন্সমার্কেটপ্লেস
অ্যামাজন পার্টনার নেটওয়ার্ক
অ্যামাজন পার্টনার নেটওয়ার্ক এবং অন্যান্য প্ল্যাটফর্মে শীঘ্রই আসছে, আপনার কমার্স স্ট্যাকে SPREEAI ইন্টিগ্রেট করার আরও উপায় সহ।আপডেটগুলি প্রথমে এখানে দেখা যাবে।ওয়েব এসডিকে কুইকস্টার্ট
আপনার প্রথম ইন্টিগ্রেশন।
একবার প্রমাণীকরণ করুন, তারপর পৃষ্ঠার যেকোনো স্থানে ট্রাই-অন বা সাইজিং রেন্ডার করুন। অনবোর্ডিংয়ের সময় ইস্যু করা টেস্ট ক্রেডেনশিয়াল ব্যবহার করুন এবং ব্রাউজার কোডে কখনও ক্লায়েন্ট সিক্রেট রাখবেন না।
npm install @spreeai/web-sdk@3.0.0
# or
yarn add @spreeai/web-sdk@3.0.0import { init } from "@spreeai/web-sdk";
import "@spreeai/web-sdk/dist/web-sdk.css";
// Add <div id="spreeai-try-on"></div> to the product page first.
const sdk = await init({ clientId: "your-client-id" });
if (sdk) {
await sdk.renderTryOnButton({
elementId: "spreeai-try-on",
garments: [{ garmentId: "your-garment-id" }],
enableAddToCart: true,
});
}// Pass events inside renderTryOnButton's options.
await sdk?.renderTryOnButton({
elementId: "spreeai-try-on",
garments: [{ garmentId: "your-garment-id" }],
events: {
onTryOnButtonClick: (event) => {
console.info(event.name);
},
onAddToCartClicked: (event) => {
// Connect event.garments to your storefront's cart.
},
},
});একীকরণ মডেল
চারটি সিস্টেম।
গ্রাহকের একটি মুহূর্ত।
পণ্যের আইডি, ভ্যারিয়েন্ট, চিত্রাবলী এবং বিপণন প্রেক্ষাপট।
পোশাকগুলো প্রক্রিয়াকরণ, পর্যালোচনা এবং প্রস্তুতি পর্যায়ের মধ্য দিয়ে যায়।
আপনার স্টোরফ্রন্ট একটি যোগ্য পণ্যের জন্য অভিজ্ঞতাটি অনুরোধ করছে।
পরে দেখুন, আপনার মাপ খুঁজে নিন, সাজটি সম্পূর্ণ করুন এবং চেকআউটে ফিরে যান।
লঞ্চ করার একটি সুনির্দিষ্ট পথ
প্রস্তুত হোন। সংযুক্ত হোন।
আত্মবিশ্বাসের সাথে লাইভ করুন।
তিনটি মাইলফলক, এবং প্রতিটির জন্য একটি ব্যবহারিক চেকলিস্ট।
- ০১ · প্রস্তুত করুন
একটি সুস্পষ্ট সূচনা বিন্দু।
যাত্রা, প্রবেশাধিকার এবং তালিকা প্রণয়নকে সমন্বিত করুন।
প্রস্তুতি চেকলিস্ট
- একটি চ্যানেল, ক্যাটালগ গ্রুপ এবং সফলতার পরিমাপ বেছে নিন।
- অংশীদারের প্রবেশাধিকার, পরিচয়পত্র এবং স্টেজিং অনুমতি নিশ্চিত করুন।
- পরিষ্কার এবং SKU-এর সাথে সামঞ্জস্যপূর্ণ পোশাকের ছবি সরবরাহ করুন।
- ০২ · সংযোগ করুন
একে দেশীয় অনুভূতি দিন।
স্টেজিং-এ বিল্ড করুন। সম্পূর্ণ জার্নিটি টেস্ট করুন।
ইন্টিগ্রেশন চেকলিস্ট
- যোগ্য পণ্যগুলোর জন্য রেন্ডার করুন এবং ভ্যারিয়েন্ট ও কার্টের আচরণ সংযুক্ত করুন।
- ব্র্যান্ডের সাথে অভিজ্ঞতাটি মেলান।
- মোবাইল, ডেস্কটপ, অ্যাক্সেসিবিলিটি, পারফরম্যান্স এবং ব্যর্থতার অবস্থা পরীক্ষা করুন।
- ০৩ · লঞ্চ
বাস্তব ব্যবহার থেকে শিখুন।
প্রস্তুত পণ্যগুলো সক্রিয় করুন এবং পরিমাপ করুন।
লঞ্চ চেকলিস্ট
- পণ্যের প্রস্তুতি নিশ্চিত করুন এবং পর্যায়ক্রমিক অভিজ্ঞতাটি প্রকাশ করুন।
- গ্রহণ, সমাপ্তি এবং রূপান্তর পর্যবেক্ষণ করুন।
- পরবর্তী বিভাগ বা যাত্রার দিকনির্দেশনার জন্য ফলাফল ব্যবহার করুন।
সম্পদ বেসলাইন
সঠিক অবদান আরও ভালো ফলাফল নিয়ে আসে।
- JPEG বা PNG
- ন্যূনতম ২,০০০ × ২,০০০ পিক্সেল
- সামনের দিক থেকে দেখা প্রয়োজন
- পিছনের দিক দেখার পরামর্শ দেওয়া হচ্ছে
- নিরপেক্ষ, এমনকি আলো
- ফাইলের নামে SKU বা স্টাইল আইডি
ডেভেলপার রেফারেন্স
পরবর্তীটি খুঁজুন
উপকারী উত্তর।
এখান থেকে শুরু করুন
শুরু করা
অ্যাক্সেস, সমর্থিত প্ল্যাটফর্ম এবং আপনার দলের জন্য প্রয়োজনীয় প্রথম সিদ্ধান্তগুলো বুঝুন।
অফিসিয়াল রেফারেন্স পরিচালিত একীকরণShopify অনবোর্ডিং
অ্যাপটি ইনস্টল করুন, চুক্তিপত্রগুলো গ্রহণ করুন, পোশাকগুলো সিঙ্ক করুন, বাটনটি কাস্টমাইজ করুন এবং লাইভ হন।
অফিসিয়াল রেফারেন্স ওয়েব এসডিকেএপিআই পৃষ্ঠ
প্রারম্ভিকীকরণ, রেন্ডার বিকল্প, আকার নির্ধারণ, কাস্টমাইজেশন এবং টাইপড ইন্টারফেস পর্যালোচনা করুন।
অফিসিয়াল রেফারেন্স পার্টনার এপিআইপাবলিক এপিআই রেফারেন্স
প্রমাণীকৃত অংশীদারদের জন্য উপলব্ধ অনুমোদিত সার্ভার-সাইড ইন্টারফেসটি অন্বেষণ করুন।
সোয়াগার রেফারেন্স গুণমানপোশাক সম্পদ
পণ্যের এমন ছবি ও মেটাডেটা প্রস্তুত করুন যা ইনজেশন এবং রিভিউ প্রক্রিয়া নির্বিঘ্নে সম্পন্ন করতে পারে।
SPREEAI গাইড উৎপাদনQA এবং লঞ্চ
শেয়ার্ড ব্রাউজার, পারফরম্যান্স, অ্যাক্সেসিবিলিটি এবং গো-লাইভ চেকলিস্ট ব্যবহার করুন।
SPREEAI গাইড সমর্থনসমস্যা সমাধান
সবচেয়ে সাধারণ প্রমাণীকরণ, যোগ্যতা, রেন্ডারিং এবং পারফরম্যান্স সংক্রান্ত সমস্যাগুলো সমাধান করুন।
SPREEAI গাইড ডকুমেন্টেশনবাস্তবায়ন নির্দেশিকা
পাবলিক কুইকস্টার্ট, অ্যাসেট স্ট্যান্ডার্ড, লঞ্চ চেকলিস্ট এবং ট্রাবলশুটিং গাইডেন্স ব্রাউজ করুন।
ডকুমেন্টেশন খুলুনকোনো উপযুক্ত ডেভেলপার রিসোর্স পাওয়া যায়নি। “Shopify,” “SDK,” “assets,” অথবা “QA” চেষ্টা করুন।
উৎপাদনের জন্য তৈরি করুন
যে বিবরণগুলি রক্ষা করে
গ্রাহক অভিজ্ঞতা।
নিরাপত্তা
গোপনীয়তা সার্ভার-সাইডে রাখুন, শুধুমাত্র বরাদ্দকৃত এনভায়রনমেন্ট ব্যবহার করুন এবং পার্টনার ওয়ার্কফ্লোর মাধ্যমে ক্রেডেনশিয়াল আবর্তন করুন।
গোপনীয়তা
সুস্পষ্ট সম্মতি নিয়ে গ্রাহকের ছবি চেয়ে পাঠান এবং আপনার অনুমোদিত ইন্টিগ্রেশন প্ল্যানের সাথে ডেটা হ্যান্ডলিং সমন্বয় করুন।
কর্মক্ষমতা
যেখানে প্রয়োজন সেখানে অভিজ্ঞতাটি লোড করুন, আসল ডিভাইসে পরীক্ষা করুন এবং প্রোডাক্ট-পেজের ত্রুটিগুলো পর্যবেক্ষণ করুন।
প্রবেশগম্যতা
অভিজ্ঞতাটি অনুপলব্ধ থাকলেও কীবোর্ড অ্যাক্সেস, ফোকাস অর্ডার, অ্যাক্সেসযোগ্য নাম এবং একটি ব্যবহারযোগ্য পথ সংরক্ষণ করুন।
ডেভেলপারদের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
আগে প্রশ্ন
প্রথম কমিট।
আমাদের কোন ইন্টিগ্রেশনটি বেছে নেওয়া উচিত?
দ্রুততম পরিচালিত পথের জন্য Shopify অ্যাপ, কাস্টম বা হেডলেস ওয়েব প্লেসমেন্টের জন্য ওয়েব এসডিকে, অ্যাপ অভিজ্ঞতার জন্য নেটিভ এসডিকে, এবং অনবোর্ডিংয়ের সময় সম্মত হওয়া সার্ভার-সাইড ওয়ার্কফ্লোর জন্য অনুমোদিত এপিআই রেফারেন্স ব্যবহার করুন।
পরিচয়পত্রগুলো কোথা থেকে আসে?
SPREEAI অনবোর্ডিংয়ের সময় পার্টনার আইডি এবং অনুমোদিত ক্রেডেনশিয়াল প্রদান করে। ব্রাউজার SDK একটি ক্লায়েন্ট আইডি এবং পার্টনার আইডি ব্যবহার করে। ফ্রন্ট-এন্ড কোডে কখনও ক্লায়েন্ট সিক্রেট এমবেড করবেন না।
Shopify অ্যাপটির জন্য কি এপিআই কী (API key) প্রয়োজন?
বর্তমান Shopify অ্যাপ অনবোর্ডিং ফ্লোটি প্রয়োজনীয় চুক্তি এবং সাবস্ক্রিপশন ধাপের পরে স্টোরটিকে সংযুক্ত করে; ম্যানেজড অ্যাপটির ক্ষেত্রে সেটআপ স্ক্রিনে কী (key) কপি করার প্রয়োজন হয় না।
ট্রাই-অন বাটনটি কেন দেখা যাচ্ছে না?
নিশ্চিত করুন যে পোশাকটির প্রসেসিং সম্পন্ন হয়েছে, এটি ট্রাই-অনের জন্য সক্রিয় করা আছে, সক্রিয় প্রোডাক্ট বা ভ্যারিয়েন্টের সাথে ম্যাপ করা আছে এবং প্রোডাক্ট টেমপ্লেটে অ্যাপ ব্লক বা SDK কন্টেইনারটি উপস্থিত রয়েছে।
কোন কোন ক্লায়েন্ট ইভেন্ট উপলব্ধ আছে?
নথিভুক্ত SDK কলব্যাকগুলো ট্রাই-অন বাটন ক্লিক এবং অ্যাড-টু-কার্ট ইন্টারঅ্যাকশন কভার করে। গ্রাহকের ছবি বা অপ্রয়োজনীয় ব্যক্তিগত ডেটা অন্তর্ভুক্ত না করেই এগুলোকে আপনার অ্যানালিটিক্স লেয়ারের সাথে সংযুক্ত করুন।
সার্ভার ওয়েবহুকগুলো কি উপলব্ধ আছে?
সার্ভার-পুশ ওয়েবহুক বর্তমানে প্রকাশিত SDK ডকুমেন্টেশনের অংশ নয়। কোনো সার্ভার-সাইড ইভেন্টের উপর নির্ভর করার আগে পার্টনার ইঞ্জিনিয়ারিং-এর সাথে এর পরিধি নির্ধারণ করুন।
ডেভেলপাররা কোথা থেকে সাহায্য পান?
অনবোর্ডিংয়ের সময় প্রদত্ত টেকনিক্যাল সাপোর্টের মাধ্যমটি ব্যবহার করুন অথবা ইমেল করুন। support@spreeai.comপরিবেশ, প্রোডাক্ট আইডি, ব্রাউজার বা ডিভাইস, টাইমস্ট্যাম্প এবং একটি সংক্ষিপ্ত রিপ্রোডাকশন পাথ অন্তর্ভুক্ত করুন—কখনোই গোপনীয় তথ্য পাঠাবেন না।
অ্যামাজন পার্টনার নেটওয়ার্ক সাপোর্ট কবে থেকে পাওয়া যাবে?
অ্যামাজন পার্টনার নেটওয়ার্ক ইন্টিগ্রেশনটি বর্তমানে নির্মাণাধীন রয়েছে। বহিরাগত ডেভেলপারদের জন্য অনবোর্ডিং এবং প্রোডাকশন ইন্টারফেস প্রস্তুত না হওয়া পর্যন্ত এটিকে ইচ্ছাকৃতভাবে 'শীঘ্রই আসছে' হিসেবে চিহ্নিত করা হয়েছে।
নির্মাণের জন্য প্রস্তুত?