পেমেন্ট ফর্ম

একটি ক্রয় সম্পূর্ণ করার আগে অর্থপ্রদানের ফর্মটি প্রায়শই শেষ ধাপ। সর্বাধিক রূপান্তর করতে, নিশ্চিত করুন যে আপনার অর্থপ্রদানের ফর্মটি ব্যবহারকারী-বান্ধব এবং নিরাপদ৷

নিশ্চিত করুন যে ব্যবহারকারীরা জানেন কি পূরণ করতে হবে

আপনার পেমেন্ট ফর্ম যতটা সম্ভব সহজ রাখুন, শুধুমাত্র প্রয়োজনীয় ক্ষেত্রগুলি দেখান৷

অর্থপ্রদানের পরিমাণ নির্দেশ করুন। সাবমিট বাটন তার জন্য আদর্শ।

<button>Pay $300.00</button>  

আপনার <label> উপাদানগুলির জন্য স্ব-ব্যাখ্যামূলক শব্দ ব্যবহার করুন। উদাহরণস্বরূপ, 'সিভিভি'-এর মতো সংক্ষিপ্ত রূপের পরিবর্তে 'সিকিউরিটি কোড' ব্যবহার করুন যা শুধুমাত্র কিছু ব্র্যান্ড ব্যবহার করে।

ব্যবহারকারীদের তাদের অর্থপ্রদানের বিবরণ লিখতে সহায়তা করুন

রূপান্তরগুলি সর্বাধিক করতে, ব্যবহারকারীরা যত তাড়াতাড়ি সম্ভব আপনার অর্থপ্রদানের ফর্মটি পূরণ করতে পারে তা নিশ্চিত করুন৷

নম্বর লেখার জন্য একটি অপ্টিমাইজ করা অন-স্ক্রীন কীবোর্ড দেখানোর জন্য কার্ড নম্বর এবং নিরাপত্তা কোড ক্ষেত্রগুলির জন্য inputmode="numeric" ব্যবহার করুন।

ব্রাউজার অটোফিল অফার করে তা নিশ্চিত করতে আপনার পেমেন্ট ফর্ম নিয়ন্ত্রণের জন্য উপযুক্ত autocomplete মান যোগ করুন। নামের জন্য autocomplete="cc-name" , কার্ড নম্বরের জন্য autocomplete="cc-number" এবং মেয়াদ শেষ হওয়ার তারিখের জন্য autocomplete="cc-exp" ব্যবহার করুন।

ব্যবহারকারীদের সঠিক বিন্যাসে তথ্য প্রবেশ করানো নিশ্চিত করুন

ব্যবহারকারীরা সম্পূর্ণ ফর্মটি পূরণ করেছে তা নিশ্চিত করতে প্রতিটি <input> এর জন্য required বৈশিষ্ট্য ব্যবহার করুন।

পেমেন্ট কার্ড নিরাপত্তা কোড তিন বা চার সংখ্যা হতে পারে. শুধুমাত্র তিন এবং চার সংখ্যার অনুমতি দিতে minlength="3" এবং maxlength="4" ব্যবহার করুন৷

নিশ্চিত করুন যে ব্যবহারকারীরা শুধুমাত্র কার্ড নম্বর এবং নিরাপত্তা কোডের জন্য নম্বর লিখছেন। pattern="[0-9 ]+" ব্যবহার করুন ব্যবহারকারীদের একটি কার্ড নম্বর প্রবেশ করার সময় স্পেস অন্তর্ভুক্ত করার অনুমতি দিতে, যেহেতু এইভাবে সংখ্যাগুলি প্রকৃত কার্ডগুলিতে প্রদর্শিত হয়৷

সম্পদ