online payment gateway bangladesh চেকআউট ডিজাইন

online payment gateway bangladesh বাছাইয়ের সময় চেকআউটে আগে MFS, তারপর Visa/Mastercard, NPSB-সমর্থিত ব্যাংক ট্রান্সফার এবং শেষে COD রাখুন। SSLCOMMERZ, ShurjoPay বা PortWallet—যেটিই নিন, সক্রিয় পেমেন্ট মেথড অনুযায়ী অপশন দেখান, COD-তে BDT ডেলিভারি চার্জ ও ফোন ভেরিফিকেশন বাধ্যতামূলক করুন।

মূল বিষয়গুলো

• •চেকআউটের প্রথম স্তরে সবচেয়ে পরিচিত MFS পছন্দ দেখান; সব গেটওয়ে অপশন একসঙ্গে খুলে রাখবেন না।
• •কার্ড, ব্যাংক ট্রান্সফার ও COD-এর স্ট্যাটাস এবং কনফার্মেশন কপি আলাদা রাখুন।
• •গেটওয়ে বদলালেও পেমেন্ট মেথডের অগ্রাধিকার, অর্ডার সারাংশ ও ব্যর্থ-পেমেন্ট পুনরুদ্ধার ফ্লো একই রাখুন।
• •Floow দিয়ে বাংলাদেশের পেমেন্ট পছন্দ অনুযায়ী মাল্টি-মেথড চেকআউট প্রোটোটাইপ বানান।

এই পাতায় যা আছে

• •বাংলাদেশি চেকআউটের পেমেন্ট অগ্রাধিকার
• •SSLCOMMERZ, ShurjoPay ও PortWallet: UI প্রয়োজনের তুলনা
• •কার্ড ও NPSB ব্যাংক ট্রান্সফারের কপি এক নয়
• •COD-তে ফোন ভেরিফিকেশনকে ছোট কিন্তু দৃশ্যমান ধাপ করুন
• •Floow-এ পরীক্ষার জন্য স্ক্রিন সেট

বাংলাদেশি চেকআউটের পেমেন্ট অগ্রাধিকার

বাংলাদেশের একটি মোবাইল অ্যাপ চেকআউটে পেমেন্ট পছন্দকে চারটি স্পষ্ট গ্রুপে সাজান: MFS, কার্ড, ব্যাংক ট্রান্সফার, এবং ক্যাশ অন ডেলিভারি। প্রথমে একটি নির্বাচিত MFS অপশন বা “মোবাইল ফাইন্যান্সিয়াল সার্ভিস” সারি দিন; তারপর “কার্ডে পেমেন্ট”, “ব্যাংক ট্রান্সফার” এবং “ক্যাশ অন ডেলিভারি”। এতে ব্যবহারকারীকে লম্বা লোগো-গ্রিড স্ক্যান করতে হয় না।

bkash payment gateway থাকলে তার সারিতে পরিচিত নাম, নির্বাচিত অবস্থা এবং পরের ধাপে কী হবে—যেমন অ্যাপ/ওটিপি অনুমোদন—সংক্ষেপে লিখুন। পেমেন্ট মেথড বাছার পরেই শুধু প্রয়োজনীয় ইনপুট খুলুন। কার্ড নম্বর বা ব্যাংক বাছাইয়ের ফর্ম আগে থেকে প্রসারিত রাখলে মোবাইল স্ক্রিন ভারী হয়।

প্রতিটি অবস্থায় নিচে স্থির অর্ডার সারাংশ রাখুন: পণ্যের মূল্য, BDT ডেলিভারি চার্জ, ছাড় থাকলে ছাড়, এবং মোট। এটি বিশেষভাবে গুরুত্বপূর্ণ যখন ব্যবহারকারী MFS থেকে কার্ড বা COD-তে ফিরে আসে। সক্রিয় মেথডগুলো মার্চেন্টের গেটওয়ে কনফিগারেশন থেকে নিন; অচল অপশন দেখিয়ে পেমেন্ট ব্যর্থতায় পাঠাবেন না।

SSLCOMMERZ, ShurjoPay ও PortWallet: UI প্রয়োজনের তুলনা

SSLCOMMERZ, ShurjoPay ও PortWallet তুলনার মূল প্রশ্ন শুধু “কোনটি পেমেন্ট নেয়” নয়; বরং অ্যাপের মধ্যে পেমেন্ট-তালিকা কতটা নিয়ন্ত্রণ করবেন। তিন ক্ষেত্রেই আপনার UI-তে একটি পরিষ্কার মেথড সিলেকশন, অর্ডার-রেফারেন্স, পেমেন্ট শুরু করার অবস্থা এবং গেটওয়ে থেকে ফেরার পর ফলাফল স্ক্রিন দরকার। কোন কোন চ্যানেল—MFS, কার্ড বা ব্যাংক—সক্রিয় আছে, তা ইন্টিগ্রেশন ও মার্চেন্ট অ্যাকাউন্টে নিশ্চিত করুন।

একটি গেটওয়ে-নিরপেক্ষ ফলাফল স্ক্রিন বানান: সফল, ব্যর্থ, বাতিল এবং অপেক্ষমাণ। এতে ভবিষ্যতে প্রোভাইডার বদলালেও ecommerce in bangladesh অ্যাপের চেকআউট অভিজ্ঞতা ভাঙবে না।

কার্ড ও NPSB ব্যাংক ট্রান্সফারের কপি এক নয়

Visa/Mastercard পেমেন্টে ব্যবহারকারী সাধারণত কার্ড তথ্য দিয়ে ব্যাংকের অথেনটিকেশন ধাপে যান। তাই কনফার্মেশন কপিতে বলুন: “কার্ড পেমেন্ট অনুমোদিত হয়েছে। আপনার অর্ডার নম্বর …”। পেমেন্ট এখনও যাচাইয়ে থাকলে “সফল” লিখবেন না; লিখুন: “কার্ড পেমেন্টের ফলাফল যাচাই করা হচ্ছে।”

NPSB-সমর্থিত ব্যাংক ট্রান্সফারের ভাষা আলাদা হওয়া দরকার। এখানে ব্যবহারকারী ব্যাংক নির্বাচন, ট্রান্সফার অনুমোদন বা ব্যাংকিং চ্যানেলে যাওয়ার প্রত্যাশা করতে পারেন। কপি হতে পারে: “ব্যাংক ট্রান্সফারের অনুরোধ পাঠানো হয়েছে। ব্যাংক থেকে নিশ্চিত হলে অর্ডার কনফার্ম হবে।” অথবা চূড়ান্ত অবস্থায়: “NPSB ব্যাংক ট্রান্সফার নিশ্চিত হয়েছে। আপনার অর্ডার প্রস্তুত করা হচ্ছে।” বাংলাদেশ ব্যাংক NPSB পরিচালনা করে; তবে আপনার গেটওয়েতে এই পদ্ধতি চালু আছে কি না তা মার্চেন্ট সেটআপে যাচাই করুন।

দুই পদ্ধতির জন্য একই “ধন্যবাদ” স্ক্রিন ব্যবহার করা যায়, কিন্তু স্ট্যাটাস-লাইন, প্রত্যাশিত সময়ের ভাষা এবং পুনরায় চেষ্টা করার বোতাম আলাদা রাখুন। ব্যর্থ কার্ড পেমেন্টে “অন্য কার্ডে চেষ্টা করুন”; ব্যর্থ ব্যাংক ট্রান্সফারে “অন্য পেমেন্ট পদ্ধতি বেছে নিন” বেশি কার্যকর।

COD-তে ফোন ভেরিফিকেশনকে ছোট কিন্তু দৃশ্যমান ধাপ করুন

COD কোনো ফাঁকা বিকল্প নয়। ব্যবহারকারী “ক্যাশ অন ডেলিভারি” বাছলে প্রথমে একই স্ক্রিনে BDT ডেলিভারি চার্জ, মোট পরিশোধযোগ্য BDT পরিমাণ এবং “ডেলিভারির সময় নগদে পরিশোধ করুন” দেখান। ডেলিভারি চার্জ লোকেশন, পণ্য বা কুরিয়ারভেদে বদলালে অর্ডার সারাংশে তার উৎস স্পষ্ট করুন; অপ্রত্যাশিত চার্জ প্লেস-অর্ডার বোতামের পরে দেখাবেন না।

তারপর আলাদা ফোন ভেরিফিকেশন স্ক্রিন দিন। শিরোনাম: “COD অর্ডার নিশ্চিত করুন”। ফোন নম্বরটি সম্পাদনার সুযোগসহ দেখান, “কোড পাঠান” বোতাম দিন, এবং কোড পাঠানোর পরে ছয়-সংখ্যার ইনপুট, পুনরায় পাঠানোর নিয়ন্ত্রণ ও নম্বর পরিবর্তনের লিংক রাখুন। সফল যাচাইয়ের আগে অর্ডারকে নিশ্চিত বলবেন না। সফল হলে কপিতে লিখুন: “ফোন নম্বর যাচাই হয়েছে। আপনার COD অর্ডার গ্রহণ করা হয়েছে।”

ঠিকানা অসম্পূর্ণ হলে ভেরিফিকেশনের আগে ঠিকানা সংশোধনে ফেরান। COD বাতিল বা সন্দেহজনক অর্ডারের অভ্যন্তরীণ নিয়ম থাকলেও ব্যবহারকারীর সামনে দোষারোপমূলক ভাষা নয়; বিকল্প পেমেন্ট পদ্ধতি দেখান।

Floow-এ পরীক্ষার জন্য স্ক্রিন সেট

Floow-এ চারটি শাখাসহ একটি মাল্টি-মেথড চেকআউট প্রোটোটাইপ বানান: MFS, কার্ড, NPSB ব্যাংক ট্রান্সফার ও COD। প্রথম স্ক্রিনে ডেলিভারি ঠিকানা, পেমেন্ট পছন্দ এবং স্থির BDT অর্ডার সারাংশ রাখুন। দ্বিতীয় স্তরে শুধু নির্বাচিত মেথডের কাজ দেখান—MFS অনুমোদনে পাঠানো, কার্ড পেমেন্ট শুরু, ব্যাংক ট্রান্সফার শুরু, অথবা COD ফোন ভেরিফিকেশন।

প্রোটোটাইপে অন্তত পাঁচটি ফলাফল স্টেট যোগ করুন: কার্ড সফল, কার্ড ব্যর্থ, NPSB ট্রান্সফার অপেক্ষমাণ, COD ওটিপি ভুল, এবং COD নিশ্চিত। ব্যবহারকারীকে জিজ্ঞেস করুন তারা পেমেন্ট মেথড বদলাতে পারছেন কি না, মোট BDT কত বুঝতে পারছেন কি না, এবং “অর্ডার নিশ্চিত” কথাটি কেবল সত্যিকারের নিশ্চিত অবস্থায় দেখছেন কি না।

এভাবে Floow-এ একই অর্ডারের জন্য SSLCOMMERZ, ShurjoPay ও PortWallet-ভিত্তিক প্রবাহের ভিজ্যুয়াল পার্থক্য পরীক্ষা করুন। গেটওয়ের নামের চেয়ে পেমেন্টের অবস্থা, ফিরে আসার পথ এবং স্পষ্ট কপিই রূপান্তরে বেশি প্রভাব ফেলে।

বাংলাদেশি চেকআউটের প্রস্তাবিত মেথড-ভিত্তিক স্ক্রিন ও কপি

সাধারণ ভুলগুলো

সব MFS, কার্ড, ব্যাংক ও COD লোগো প্রথম স্ক্রিনে সমান গুরুত্বে দেখানো।

চারটি গ্রুপে সাজান এবং ব্যবহৃত বা অগ্রাধিকারপ্রাপ্ত পদ্ধতিকে আগে রাখুন; বিস্তারিত অপশন নির্বাচনের পরে খুলুন।

কার্ড সফল এবং ব্যাংক ট্রান্সফার অপেক্ষমাণ—দুই অবস্থায় একই কনফার্মেশন লেখা।

Visa/Mastercard অনুমোদন ও NPSB ট্রান্সফার যাচাইয়ের জন্য আলাদা স্ট্যাটাস কপি এবং আলাদা পুনরুদ্ধার পথ দিন।

COD বাছার পর ডেলিভারি চার্জ বা ফোন যাচাই না দেখানো।

অর্ডার দেওয়ার আগে BDT ডেলিভারি চার্জ, মোট এবং ওটিপিভিত্তিক ফোন ভেরিফিকেশন দেখান।

গেটওয়ে থেকে অ্যাপে ফেরার পর খালি বা অস্পষ্ট ফলাফল পৃষ্ঠা দেখানো।

সফল, ব্যর্থ, বাতিল ও অপেক্ষমাণ—চারটি ফলাফলের জন্য অর্ডার নম্বর, পরবর্তী কাজ এবং পেমেন্ট মেথড বদলানোর পথ রাখুন।

সচরাচর জিজ্ঞাসিত প্রশ্ন

বাংলাদেশে অ্যাপে কোন পেমেন্ট অপশন আগে দেখাব?

বাংলাদেশি অ্যাপে আগে MFS পছন্দ দেখান, তারপর Visa/Mastercard কার্ড, NPSB-সমর্থিত ব্যাংক ট্রান্সফার এবং শেষে COD। তবে চূড়ান্ত ক্রম আপনার সক্রিয় গেটওয়ে মেথড ও গ্রাহকের ব্যবহারভিত্তিক হওয়া উচিত। প্রতিটি অপশনের সঙ্গে মোট BDT পরিমাণ দেখালে পেমেন্ট বদলানোর সময় বিভ্রান্তি কমে।

COD অর্ডার কীভাবে নিশ্চিত করব?

COD অর্ডার নিশ্চিত করতে অর্ডার দেওয়ার আগে BDT ডেলিভারি চার্জ, মোট পরিশোধযোগ্য অর্থ এবং ডেলিভারির সময় নগদে পরিশোধের বার্তা দেখান। এরপর ফোন নম্বরে ওটিপি পাঠিয়ে যাচাই করুন। ওটিপি সফল হওয়ার পরেই “COD অর্ডার গ্রহণ করা হয়েছে” কপি ও অর্ডার নম্বর দেখানো উচিত।

কার্ড ও মোবাইল ব্যাংকিং পেমেন্ট এক স্ক্রিনে রাখা উচিত কি?

কার্ড ও মোবাইল ব্যাংকিং পেমেন্ট একই চেকআউট স্ক্রিনে পছন্দ হিসেবে রাখা যায়, কিন্তু তাদের ফর্ম ও অনুমোদন ধাপ একসঙ্গে খোলা উচিত নয়। ব্যবহারকারী MFS বাছলে শুধু MFS-এর পরবর্তী নির্দেশনা দেখান; কার্ড বাছলে কেবল কার্ড পেমেন্টের ধাপ খুলুন। এতে মোবাইল স্ক্রিন ছোট ও সিদ্ধান্ত সহজ থাকে।

SSLCOMMERZ, ShurjoPay ও PortWallet-এর জন্য কি আলাদা চেকআউট ডিজাইন লাগবে?

SSLCOMMERZ, ShurjoPay ও PortWallet-এর জন্য সম্পূর্ণ আলাদা চেকআউট ডিজাইন প্রয়োজন নেই। একটি গেটওয়ে-নিরপেক্ষ মেথড সিলেকশন, BDT অর্ডার সারাংশ এবং সফল-ব্যর্থ-অপেক্ষমাণ ফলাফল স্ক্রিন রাখুন। শুধু কোন পেমেন্ট চ্যানেল সক্রিয় এবং গেটওয়ে থেকে ফেরার আচরণ কী, তার ভিত্তিতে নির্দেশনা ও স্টেট সমন্বয় করুন।

শেষ কথা

ভালো বাংলাদেশি চেকআউট গেটওয়ের লোগো দিয়ে শুরু হয় না; শুরু হয় পেমেন্ট পছন্দের অগ্রাধিকার, পরিষ্কার BDT মোট, এবং প্রতিটি পদ্ধতির সত্যনিষ্ঠ কনফার্মেশন দিয়ে। Floow দিয়ে MFS, কার্ড, NPSB ব্যাংক ট্রান্সফার ও ফোন-যাচাইকৃত COD-এর প্রবাহ একসঙ্গে প্রোটোটাইপ করে পরীক্ষা করুন।

---

আগে স্ক্রিনগুলো ডিজাইন করুন

সহজ ভাষায় আপনার অ্যাপের বর্ণনা দিন—floow.design আপনার জন্য iOS ও Android স্ক্রিন তৈরি করে দেবে, যা আপনি পরে আরও পরিমার্জন করে হ্যান্ডঅফ করতে পারবেন।

বিনামূল্যে ডিজাইন শুরু করুন →

---

সূত্র

• •বাংলাদেশ ব্যাংক
• •SSLCOMMERZ
• •ShurjoPay
• •PortWallet
• •bKash

Related reading

• •freelancing in bangladesh-এর জন্য অ্যাপ UI
• •mobile banking app design: বাংলাদেশি UX
• •ecommerce in bangladesh অ্যাপ UX গাইড