নিজের সাইটে অনলাইন অর্ডার

«অনলাইন অর্ডার» উইজেট আপনার বিদ্যমান সাইটে অর্ডার গ্রহণ যোগ করে। কিছুই সরাতে বা নতুন করে সাজাতে হবে না: উইজেট আপনার সাইটের পৃষ্ঠাগুলো পড়ে, সেগুলোতে «কার্টে যোগ করুন» বোতাম বসায় এবং আপনার লেআউটের উপরে কার্ট ও অর্ডার সম্পন্নকরণ পরিচালনা করে।

কোথায়: মার্কেটিং → «আমার সাইট» → «অনলাইন অর্ডার» কার্ড → গিয়ার আইকন। ইনস্টলেশন কোড সব উইজেটের জন্য একই, দেখুন আমার সাইট।

কাজের চারটি মোড#

মোড	দর্শনার্থী কী দেখে	কখন বেছে নেবেন
নিজস্ব স্টোরফ্রন্ট	«অর্ডার করুন» বোতাম; ক্লিকে পৃষ্ঠার উপরে মেনু ও কার্টসহ আপনার স্টোরফ্রন্ট খোলে	ভিজিটিং কার্ড সাইট, ল্যান্ডিং পেজ, ব্লগ — পৃষ্ঠাগুলোতে পণ্য নেই
সাইটের উপরে	আপনার লেআউটেই আমাদের «কার্টে যোগ করুন» বোতাম — পণ্যের কার্ডে ও ক্যাটালগে, স্ক্রিনের কোণে কার্ট	সাইটে ইতিমধ্যে পণ্যের ক্যাটালগ আছে, কিন্তু অর্ডার গ্রহণ নেই (বা অসুবিধাজনক)
বোতাম প্রতিস্থাপন	একই সঙ্গে সাইটের নিজস্ব «কিনুন» বোতাম ও কার্ট লুকানো থাকে	চান সব অর্ডার শুধু আমাদের মাধ্যমে আসুক
সম্পূর্ণ ইন্টারসেপ্ট	সাইট অপরিবর্তিত দেখায়: বোতামগুলো নিজস্বই থাকে, কিন্তু সেগুলো চাপলে পণ্য আমাদের কার্টে যায়, সাইটের কার্টে গেলে আমাদের কার্ট খোলে, আর কাউন্টার ও যোগফল আমাদের সংখ্যা দেখায়	স্টোরফ্রন্ট ইতিমধ্যে ভালোভাবে সাজানো — চেহারা বদলাতে চান না, কিন্তু অর্ডার ও দাম আমাদের হওয়া উচিত

সাইট স্ক্যানিং#

«নিজস্ব স্টোরফ্রন্ট» ছাড়া সব মোড সাইট ম্যাপ অনুযায়ী কাজ করে: আপনার পৃষ্ঠাগুলোতে কোথায় পণ্যের নাম, দাম, ছবি, নিজস্ব কেনার বোতাম ও নিজস্ব কার্ট আছে।

ম্যাপ তৈরি করে স্ক্যানার: ঠিকানা দিন এবং «সাইট স্ক্যান করুন» চাপুন — সাধারণত ১–৩ মিনিট। ভেতরে:

প্ল্যাটফর্ম প্রিসেট — আটটি প্ল্যাটফর্মের জন্য প্রস্তুত সিলেক্টর সেট আছে: WooCommerce, Shopify, Magento, PrestaShop, Bitrix, InSales, Tilda, OpenCart। স্ক্যানার ফিঙ্গারপ্রিন্ট দেখে Ecwid, Squarespace ও Wix-ও চিনতে পারে, কিন্তু তাদের জন্য প্রিসেট নেই — ম্যাপ তৈরি হয় এআই বিশ্লেষণে;
এআই বিশ্লেষণ লেআউটের — নিজে লেখা সাইট ও অপ্রচলিত থিমের জন্য;
যাচাই — পাওয়া প্রতিটি সিলেক্টর বাস্তব পৃষ্ঠায় পরীক্ষা করা হয়; তথ্য পণ্যের মাইক্রোমার্কআপের সঙ্গে মেলানো হয়। যাচাই না হওয়া সিলেক্টর ম্যাপে ঢোকে না — ভুল জায়গায় বোতামের চেয়ে কম বোতাম ভালো।

ফলাফলে দেখা যায়: শনাক্ত করা প্ল্যাটফর্ম, স্ক্যান করা পৃষ্ঠার সংখ্যা, চেনা একটি পণ্যের নমুনা এবং আলাদাভাবে — পণ্যের পৃষ্ঠা ও ক্যাটালগ কার্ড। ম্যাপ একটি বোতামে প্রয়োগ হয় এবং উইজেটের সেটিংসের সঙ্গে সংরক্ষিত হয়। সাইট বদলেছে — শুধু আবার স্ক্যান করুন।

বোতাম বসানো ও সাজসজ্জা#

লাইভ প্রিভিউসহ মকআপে সেট করা হয় — সাধারণ পণ্যের পৃষ্ঠা ও ক্যাটালগ:

পণ্যের পৃষ্ঠায় বোতাম: দামের নিচে, সাইটের নিজস্ব বোতামের পাশে, স্ক্রিনের নিচে ভাসমান বা বন্ধ ( «সম্পূর্ণ ইন্টারসেপ্ট»-এর মূল দৃশ্য — নিজস্ব বোতাম নেই, অতিথি নিজস্বটি চাপে);
ক্যাটালগ কার্ডে বোতাম: কার্ডের উপরে, কার্ডের নিচে বা বন্ধ;
কার্টের বোতাম: স্ক্রিনের চার কোণের যেকোনোটি;
বোতামের রং ও টেক্সট («কার্টে যোগ করুন», «অর্ডার করুন», নিজস্ব) — ক্যাপশন আপনার সাইটের প্রতিটি ভাষার জন্য আলাদাভাবে দেওয়া যায়।

নিজস্ব দাম#

আলাদা টগল: উইজেট আপনার সাইটের দাম নিজের দামে রূপান্তর করে অতিথিকে দেখায় — পণ্যের পৃষ্ঠায়, ক্যাটালগে ও কার্টে।

সব পণ্যের জন্য মূল নিয়ম: শতাংশ, মুদ্রায় সারচার্জ, «কম নয় / বেশি নয়» সীমা এবং রাউন্ডিং (পূর্ণসংখ্যা পর্যন্ত, শেষে …9, পয়সা .99, সমান দশক …0, 10/50/100-এর গুণিতক)।
পৃষ্ঠার ঠিকানা, নাম বা আর্টিকেল অনুযায়ী নির্দিষ্ট ওভাররাইড: নিজস্ব দাম, নিজস্ব নিয়ম, কার্টে ভিন্ন নাম বা «বিক্রয় থেকে সরানো» — তখন বোতাম বসে না।
প্রদর্শনের অপশন: নতুন দামের পাশে পুরোনো দাম কাটা, «অফারের দাম»-এর মতো ক্যাপশন, নিজস্ব মুদ্রা ক্যাপশন, দামের অতিরিক্ত স্থান (স্টিকি প্যানেল, «মিল পণ্য» ব্লক)। সাইটের মার্কআপে সরাসরি দাম পুনরায় আঁকা বন্ধও করা যায়: অতিথি সাইটের দাম দেখবে, কিন্তু কার্টে যাবে আপনার দাম।
ক্যাবিনেটে আপনার সাইটের একটি নমুনা দামে «আগে → পরে» প্রিভিউ আছে।

⚠️ পুনর্লিখন ভিজ্যুয়াল: আপনার সাইটের ব্যাকএন্ড নতুন দাম জানে না। তাই নিজস্ব দাম অর্থবহ হয় অর্ডার ইন্টারসেপ্টের সঙ্গে — নাহলে যে অতিথি টিকে থাকা নিজস্ব বোতাম চাপে, সে পুরোনো দামে আপনার বাইরে অর্ডার করবে। «সম্পূর্ণ ইন্টারসেপ্ট» মোডে নিজস্ব দাম ডিফল্টভাবে চালু, আর ইন্টারসেপ্ট ছাড়া চালু করলে অ্যাডমিন সতর্ক করে।

অর্ডারের পরে কী হয়#

অতিথি পণ্য কার্টে জমা করে, কার্ট খোলে এবং অর্ডার সম্পন্ন করে — নাম, ফোন, ডেলিভারি বা ঠিকানাসহ নিজে সংগ্রহ, মন্তব্য। অর্ডার ক্যাবিনেটের «অর্ডার» বিভাগে আসে, স্টোরফ্রন্ট, POS ও অ্যাগ্রিগেটরের অর্ডারের সমানভাবে: একই স্ট্যাটাস, নোটিফিকেশন, প্রিন্ট ও কিচেনে পাঠানো। আলাদা «উইজেট ইনবক্স» নেই। অর্ডারের প্রতিটি লাইন আসে আপনার সাইটের যে পৃষ্ঠা থেকে সেটি কার্টে রাখা হয়েছিল তার লিংকসহ, — অপারেটর দেখতে পান ঠিক কী অর্ডার হয়েছে।

অনলাইন অর্ডার সম্পর্কে বাকি সবকিছু সেখানেই সেট করা হয়, উইজেটের মোডালে: এটি অ্যাকর্ডিয়ন আকারে সাজানো, সেকশনগুলো «আপনার সাইটে উইজেট», «অর্ডার গ্রহণ», «ডেলিভারি ও নিজে সংগ্রহ», «পেমেন্ট», «অর্ডার সম্পন্নকরণ» ও «রসিদের ফিসকালাইজেশন» — ক্যাবিনেটের সংশ্লিষ্ট বিভাগের মতো একই ফর্ম, এক জায়গায় সংগৃহীত।

বোতাম “স্টকে ফিরলে জানান”#

একই উইজেটের দ্বিতীয়, আলাদা ট্যাগ — আপনার সাইটে স্টক শেষ হওয়া পণ্যের পেজের জন্য। অতিথি বোতামে ক্লিক করেন, ইমেইল রেখে যান, চিঠির লিংক দিয়ে তা নিশ্চিত করেন এবং পণ্যটি আবার স্টকে ফিরলে একটি চিঠি পান; নিশ্চিতকরণের চিঠিতে “নিশ্চিত করুন”-এর পাশে “প্রত্যাখ্যান করুন”-ও থাকে। বিজ্ঞপ্তি পাঠায় সেই একই ব্যবস্থা, যা আমাদের স্টোরফ্রন্টে “স্টকে ফিরলে জানান” সদস্যতার ক্ষেত্রে কাজ করে — দ্বিতীয়টি তৈরি হয় না।

কীভাবে যুক্ত করবেন: অনলাইন অর্ডারের সেটিংস উইন্ডোতে “🔔 স্টকে ফিরলে জানান” কার্ডটি খুলুন, পণ্য বেছে নিন এবং থাকলে আপনার প্রকাশিত ক্যাটালগ থেকে ভ্যারিয়েন্ট নির্বাচন করুন — জেনারেটর কোড তৈরি করবে। পণ্যের পেজে data-cenaly-stock="<товар>" অ্যাট্রিবিউটসহ বোতামটি বসান (প্রস্তুত উদাহরণ — একই কার্ডে) এবং একবার stock/v1.js ট্যাগটি যোগ করুন। লঞ্চারটির ওজন এক কিলোবাইটেরও কম এবং এটি ঠিক একটি কাজ করে — ক্লিকের জন্য অপেক্ষা করা; সদস্যতার ফর্ম, অভিধান ও পাঠানো আলাদা ফাইলে আসে, অতিথির কাজ করার পরেই।

জেনে রাখা জরুরি:

পণ্য ম্যানুয়ালি সংযুক্ত হয়। অন্যের ক্যাটালগ আমরা মেলাই না এবং অন্যের পেজ থেকে স্টক পড়ি না: “স্টকে ফিরেছে” মানে আমাদের কাছে আপনার ক্যাটালগে স্টক আছে, যা আমাদের স্টোরফ্রন্টও দেখে। প্রকাশিত লোকেশন ক্যাটালগে না থাকা পণ্য বোতামটি গ্রহণ করবে না।
সদস্যতা ইমেইলে নিশ্চিত হয় (double opt-in): চিঠির লিংকে ক্লিক করার আগে স্টক ফেরার চিঠি যায় না।
সদস্যতা পণ্য সংরক্ষণ করে না। আমাদের ক্যাটালগে স্টকে ফিরলে বিজ্ঞপ্তি পাঠানো হয়। বর্তমান সংস্করণে একটি ইমেইল একটি পণ্যের জন্য একবার গণনা হয়: একই পণ্যের অন্য ভ্যারিয়েন্টে আবার সদস্যতা নিলে আগে বেছে নেওয়া ভ্যারিয়েন্ট বদলে যায় না।
কঠোর CSP-তে শুধু nonce থাকলে সদস্যতার ফর্ম এখনই খুলবে না, CDN স্ক্রিপ্টের অতিরিক্ত অনুমতি বা উপযুক্ত 'strict-dynamic' নীতি ছাড়া: বিস্তারিত — “আমার সাইট”-এ।
এটি একক ট্যাগ নয়। “স্টকে ফিরলে জানান” বোতামটি “আমার সাইট”-এর একক লোডার তোলে না — এর নিজস্ব ট্যাগ ও পেজে নিজস্ব মার্কআপ আছে, কারণ এটি শুধু সেখানেই বসে যেখানে আপনি এটি রেখেছেন।

সীমাবদ্ধতা#

স্ক্যানার সার্ভার-সাইড HTML পড়ে। ক্যাটালগ পুরোপুরি JavaScript-এ আঁকা হলে পণ্যের পেজ নাও মিলতে পারে — তখন “নিজের স্টোরফ্রন্ট” মোড কাজ করে।
কার্টের পণ্য নেওয়া হয় আপনার সাইটের পেজ থেকে, ক্যাবিনেটের ক্যাটালগ থেকে নয়: নাম ও দাম উইজেট পেজ থেকেই পড়ে (এবং প্রয়োজনে আপনার দামের নিয়ম অনুযায়ী পুনর্গণনা করে)। এজন্য ক্যাটালগ আমাদের কাছে সরানোর দরকার নেই — তবে ক্যাবিনেটের স্টক থেকে এসব অর্ডার কাটা যায় না।
উইজেটের কার্টে বেছে নেওয়া যায় হাতে পেয়ে পেমেন্ট বা অনলাইন পেমেন্ট, যদি লোকেশনের জন্য সমর্থিত প্রোভাইডার কনফিগার করা থাকে। অর্ডার তৈরি হলে অতিথি প্রোভাইডারের পেজে যান; উইজেট নিজে কার্ডের তথ্য নেয় না। পেমেন্ট প্রস্তুত করা না গেলে ইতিমধ্যে তৈরি অর্ডারের জন্য তা আবার করা যায়।
“বোতাম প্রতিস্থাপন” মোডে সাইটের নিজস্ব বোতাম দৃশ্যত লুকানো হয়; সাইটে চেকআউটের অন্য পথ থাকলে (যেমন অন্যের কার্টের সরাসরি লিংক), তা নিজে সরাতে হবে — অথবা “সম্পূর্ণ ইন্টারসেপ্ট” মোডে যেতে হবে, যা এমন সব রূপান্তর নিজে নিয়ে নেয়।

সমস্যা সমাধান#

সাইটে “কার্টে যোগ করুন” বোতাম নেই।

ট্যাগ পাওয়া যায়নি — “আমার সাইট” বিভাগে “ইনস্টলেশন যাচাই করুন”-এ ক্লিক করুন। “কোড নেই” — ট্যাগ বসানো হয়নি বা টেমপ্লেটের সব পেজে নেই; “অন্য লোকেশনের কোড” — ট্যাগে অন্যের data-domain আছে। ট্যাগ বসায় Google Tag Manager — যাচাই তা দেখবে না, সাইট নিজের চোখে দেখুন।
পরিবর্তন পৌঁছায়নি — উইজেটের ফাইল CDN দিয়ে বিতরণ হয় 5 মিনিট ক্যাশে নিয়ে: অপেক্ষা করে ক্যাশ পরিষ্কার করে পেজ রিফ্রেশ করুন।
সাইটম্যাপ তৈরি হয়নি বা প্রয়োগ হয়নি — “নিজের স্টোরফ্রন্ট” ছাড়া অন্য মোডে বোতাম বসে সাইটম্যাপ অনুযায়ী: সাইট স্ক্যান করুন এবং ফলাফল প্রয়োগ করুন।
স্ক্যানার পণ্যের পেজ পায়নি — এটি সার্ভার-সাইড HTML পড়ে; ক্যাটালগ পুরোপুরি JavaScript-এ আঁকা হলে “নিজের স্টোরফ্রন্ট” মোডে যান।
পণ্যের পেজের বোতাম প্লেসমেন্ট সেটিংসে বন্ধ আছে — “সম্পূর্ণ ইন্টারসেপ্ট” পরিস্থিতিতে এটাই উদ্দেশ্য, যেখানে অতিথি সাইটের নিজস্ব বোতামে ক্লিক করেন।

কার্টের বোতাম হারিয়ে গেছে। প্লেসমেন্ট সেটিংসে বেছে নেওয়া স্ক্রিনের কোণটি যাচাই করুন; মাল্টিবোতাম চালু থাকলে এবং তার পাখায় “অর্ডার করুন” আইটেম থাকলে উইজেটের নিজস্ব বোতাম ইচ্ছাকৃতভাবে নিভে যায়।

বোতাম ভুল জায়গায় বসেছে বা সাইট আপডেটের পর হারিয়ে গেছে। মার্কআপ বদলেছে — “পুনরায় স্ক্যান করুন”-এ ক্লিক করুন: প্লেসমেন্ট সেটিংস তখনও সংরক্ষিত থাকবে।

পেজে দাম বদলায়নি। সাইটের মার্কআপে সরাসরি দাম পুনরায় আঁকা সেটিংস দিয়ে বন্ধ করা যায় — তখন অতিথি সাইটের দাম দেখেন, আর কার্টে যায় আপনার দাম। এটাও যাচাই করুন যে দামের নিয়ম চালু আছে এবং এই পণ্যের জন্য কোনো নির্দিষ্ট ওভাররাইড নেই।

অতিথি সাইটে অর্ডার করেছেন, কিন্তু ক্যাবিনেটে অর্ডার নেই। সম্ভবত অর্ডারটি আমাদের বাইরে গেছে — টিকে থাকা নিজস্ব বোতাম বা সাইটের কার্টের সরাসরি লিংক দিয়ে। এর সমাধান “বোতাম প্রতিস্থাপন” বা “সম্পূর্ণ ইন্টারসেপ্ট” মোড।

অর্ডারে দাম ভুল। দাম পুনর্লিখন দৃশ্যমান: আপনার সাইটের ব্যাকএন্ড তা জানে না। নিজের দাম চালু করা অর্থবহ শুধু অর্ডার ইন্টারসেপ্টের সঙ্গেই — নইলে কিছু অর্ডার পুরোনো দামে আপনার বাইরে চলে যাবে।

সাধারণ প্রশ্ন#

আমাকে কি ক্যাটালগ আপনার কাছে স্থানান্তর করতে হবে? না। উইজেট আপনার সাইটের পৃষ্ঠাগুলোতেই থাকা পণ্যের সঙ্গে কাজ করে — নাম ও দাম সেখান থেকেই পড়ে। অ্যাকাউন্টে ক্যাটালগ প্রয়োজন যদি আপনি স্টক হিসাব, আইটেমভিত্তিক বিশ্লেষণ এবং আমাদের স্টোরফ্রন্ট চান: সাইটের ঠিকানা দিয়ে ইমপোর্ট করে বা ফাইল দিয়ে স্থানান্তর করা যায় — দেখুন AI-ইমপোর্ট ক্যাটালগ এবং ইন্টারনেট-দোকান।

সাইট বদলে গেলে কী হবে? «পুনরায় স্ক্যান করুন» চাপুন — ম্যাপ হালনাগাদ হবে, বসানোর সেটিংস সংরক্ষিত থাকবে।

উইজেট কি লেআউট নষ্ট করবে? বোতামগুলো আপনার মার্কআপের পাওয়া জায়গাগুলোতে বসানো হয়, উপস্থাপনা কনফিগার করা যায়; কার্ট ও চেকআউট পৃষ্ঠার উপরে খোলে এবং আপনার লেআউট স্পর্শ করে না।

নিজের ওয়েবসাইটে অনলাইন অর্ডার