Personal Agro Checkout Field WordPress WooCommerce Plugin

Personal Agro Checkout
Custom WooCommerce Checkout Plugin

১. প্লাগিনের পরিচিতি
Personal Agro Checkout একটি কাস্টম WooCommerce Checkout Plugin। এর মাধ্যমে অ্যাডমিন প্যানেল থেকে সম্পূর্ণ Checkout পেজ নিজের প্রয়োজন অনুযায়ী সাজানো, ডিজাইন পরিবর্তন এবং বিভিন্ন ফিচার নিয়ন্ত্রণ করা যাবে।

মূল বৈশিষ্ট্য:

• বাংলা ও ইংরেজি ভাষা সাপোর্ট।
• সম্পূর্ণ Responsive Design।
• Visual Drag & Drop Checkout Builder।
• Checkout Field Management।
• Live Preview।
• কাস্টম ডিজাইন ও লেআউট।
• WooCommerce Payment Gateway সাপোর্ট।
• Delivery Charge Management।
• নিরাপদ Checkout ও Validation।

২. Checkout পেজের প্রয়োজনীয় ফিল্ডসমূহ
Checkout পেজে নিচের ফিল্ডগুলো থাকবে:

ফিল্ড                   :  কার্যকারিতা
কাস্টমারের নাম  :  নাম ইনপুট
মোবাইল নম্বর      :   বাংলাদেশি ফোন নম্বর যাচাই
ইমেইল ঠিকানা    :   ইমেইল ফরম্যাট যাচাই
সম্পূর্ণ ঠিকানা      :   জেলা, উপজেলা, গ্রাম/এলাকা
কাস্টমার নোট      :   অতিরিক্ত নির্দেশনা
কুপন কোড          :   WooCommerce Coupon Apply/Remove
পেমেন্ট পদ্ধতি    :   সক্রিয় Payment Gateway
অর্ডার পণ্য           :  ছবি, নাম, পরিমাণ ও মূল্য

প্রতিটি ফিল্ডের জন্য আলাদাভাবে:

• Label পরিবর্তন।
• Placeholder পরিবর্তন।
• Required / Optional নিয়ন্ত্রণ।
• Hide / Show নিয়ন্ত্রণ।
• Field Order পরিবর্তন।
• Validation নিয়ন্ত্রণ।

৩. অতিরিক্ত প্রয়োজনীয় ফিচার

১. অর্ডার সাবমিটের আগে Validation: অর্ডার করার আগে সব প্রয়োজনীয় তথ্য যাচাই করতে হবে।

২. ডেলিভারি চার্জ: অ্যাডমিন প্যানেল থেকে ডেলিভারি চার্জ যোগ করার সুবিধা।

৩. জেলা ও উপজেলা অনুযায়ী ডেলিভারি চার্জ: আলাদা জেলা ও উপজেলার জন্য আলাদা চার্জ নির্ধারণ করা যাবে।

৪. অর্ডার বাটনের লেখা পরিবর্তন: অ্যাডমিন প্যানেল থেকে Order Place বাটনের Label পরিবর্তন করা যাবে।

৫. অর্ডার নম্বর প্রদর্শন: অর্ডার সফল হওয়ার পর কাস্টমারকে অর্ডার নম্বর দেখাতে হবে।

৬. Double Order Prevention: একই Checkout থেকে অনিচ্ছাকৃতভাবে একাধিক অর্ডার তৈরি হওয়া প্রতিরোধ করতে হবে।

৭. নিরাপদ Checkout: WooCommerce-এর প্রয়োজনীয় Validation, Nonce ও Security ব্যবস্থা বজায় রাখতে হবে।

৮. Live Preview: Checkout ডিজাইনের পরিবর্তন সরাসরি Preview-তে দেখা যাবে।

৯. Customer Email Notification: অর্ডার সফল হলে কাস্টমারকে ইমেইল নোটিফিকেশন পাঠাতে হবে।

৪. অ্যাডমিন প্যানেলের ডিজাইন ও মেনু

অ্যাডমিন প্যানেলে নিচের প্রধান মেনুগুলো থাকবে:

1. General Settings
2. Checkout Fields Editor
3. Drag & Drop Editor
4. Design Customizer
5. Language Settings
6. Payment Settings
7. Delivery Charge Settings
8. Notification Settings

অ্যাডমিন প্যানেলটি সহজ, পরিচ্ছন্ন ও ব্যবহারবান্ধব হতে হবে।

৫. Visual Drag & Drop Checkout Builder

প্লাগিনে একটি পূর্ণাঙ্গ Visual Drag & Drop Checkout Builder যুক্ত করতে হবে।

এটি শুধু সাধারণ Field Sorting হবে না। অ্যাডমিন প্যানেল থেকেই সরাসরি Checkout পেজের Layout ও Design পরিবর্তন করা যাবে।

Builder-এর মধ্যে পাঁচটি প্রধান ট্যাব থাকবে।

৫.১ Layout Builder

• নতুন Field যোগ করা।
• Field বাদ দেওয়া।
• Drag & Drop করে Field সাজানো।
• প্রতিটি Field Hide / Show করা।
• Field-এর অবস্থান পরিবর্তন।
• Field-এর Layout ও Order নিয়ন্ত্রণ।

৫.২ Field Settings

প্রতিটি Field-এর জন্য:

• বাংলা ও ইংরেজি Label।
• Placeholder পরিবর্তন।
• Required / Optional নির্বাচন।
• Validation নিয়ন্ত্রণ।
• Field-এর অন্যান্য প্রয়োজনীয় সেটিংস।

৫.৩ Design Settings

• Primary Color পরিবর্তন।
• Background Color পরিবর্তন।
• Button Color পরিবর্তন।
• Font ও Font Size পরিবর্তন।
• Input Design পরিবর্তন।
• Button Design পরিবর্তন।
• Input Border Radius।
• Button Border Radius।
• Checkout Layout পরিবর্তন।

৫.৪ Language Settings

• বাংলা Label সেটিংস।
• ইংরেজি Label সেটিংস।
• বাংলা ও ইংরেজি Placeholder।
• প্রতিটি Field-এর ভাষাভিত্তিক লেখা সম্পাদনা।
• Checkout Button-এর ভাষা পরিবর্তন।

৫.৫ Live Preview

• পরিবর্তনের সঙ্গে সঙ্গে Checkout Preview।
• Desktop Preview।
• Mobile Preview।
• Design পরিবর্তনের তাৎক্ষণিক ফলাফল দেখা।
• পরিবর্তন Save করার সুবিধা।

৬. Visual Builder-এর বিশেষ সুবিধা

Builder-এ নিচের সুবিধাগুলো নিশ্চিত করতে হবে:

1. Drag & Drop করে নতুন Field সাজানো।
2. প্রতিটি Field Hide / Show করা।
3. বাংলা ও ইংরেজি Label সম্পাদনা।
4. Placeholder পরিবর্তন।
5. Required / Optional নিয়ন্ত্রণ।
6. Live Checkout Preview।
7. Desktop / Mobile Preview।
8. Primary ও Background Color পরিবর্তন।
9. Button ও Input Border Radius পরিবর্তন।
10. সব পরিবর্তন Save করার সুবিধা।

বিশেষ নির্দেশনা: অ্যাডমিন প্যানেলে কোনো পরিবর্তন করলে সেটি প্রকৃত Checkout পেজেও কার্যকর হতে হবে। শুধু Preview-তে পরিবর্তন দেখালে হবে না।

৭. Delivery Charge Management

কুরিয়ার খরচের জন্য দুটি আলাদা অপশন থাকবে।

১. প্রথম কুরিয়ার চার্জ।
২. দ্বিতীয় কুরিয়ার চার্জ।

অ্যাডমিন প্যানেল থেকে:

• প্রতিটি কুরিয়ার চার্জের নাম নির্ধারণ।
• প্রতিটি কুরিয়ার চার্জের মূল্য নির্ধারণ।
• প্রয়োজন অনুযায়ী চার্জ চালু বা বন্ধ।
• জেলা ও উপজেলা অনুযায়ী ডেলিভারি চার্জ নির্ধারণ।

Checkout পেজে নির্ধারিত চার্জ সঠিকভাবে প্রদর্শন করতে হবে এবং Order Total-এর সঙ্গে যোগ করতে হবে।

৮. Mobile Number ও Email Validation

Mobile Number Validation

• বাংলাদেশি মোবাইল নম্বর যাচাই করতে হবে।
• ভুল নম্বর গ্রহণ করা যাবে না।
• অসম্পূর্ণ নম্বর দিয়ে অর্ডার করা যাবে না।
• প্রয়োজন অনুযায়ী 01XXXXXXXXX এবং +8801XXXXXXXXX ফরম্যাট গ্রহণ করতে হবে।

Email Validation

• সঠিক ইমেইল ফরম্যাট যাচাই করতে হবে।
• ভুল ইমেইল ফরম্যাট গ্রহণ করা যাবে না।
• Required সেটিংস অনুযায়ী ইমেইল বাধ্যতামূলক বা ঐচ্ছিক হবে।

৯. Order Confirmation ও Notification

অর্ডার সফল হওয়ার পর:

• Order Confirmation Page প্রদর্শন।
• অর্ডার নম্বর প্রদর্শন।
• অর্ডারের বিস্তারিত তথ্য প্রদর্শন।
• কাস্টমারকে ইমেইল নোটিফিকেশন পাঠানো।
• WooCommerce-এর অর্ডার সিস্টেমের সঙ্গে সম্পূর্ণ সামঞ্জস্য রাখা।

১০. Design ও Responsive System

Checkout পেজের ডিজাইন এমন হতে হবে যেন মোবাইল, ট্যাবলেট ও ডেস্কটপে সুন্দরভাবে কাজ করে।

ডিজাইন কাস্টমাইজেশনে থাকবে:

• Primary Color।
• Background Color।
• Button Color।
• Font ও Font Size।
• Input Field Design।
• Button Design।
• Border Radius।
• Field Spacing।
• Checkout Layout।

১১. গুরুত্বপূর্ণ শর্ত ও পূর্ববর্তী ফিচার সংরক্ষণ

নতুন Builder ও ফিচার যুক্ত করার সময় নিচের বিষয়গুলো অবশ্যই অনুসরণ করতে হবে:

১. আগের ডিজাইন, ফিচার ও অন্যান্য সেটিংস অপরিবর্তিত রাখতে হবে।

২. নতুন Visual Builder যুক্ত করতে হবে।

৩. আগের ফিচারগুলো যেন নতুন Builder-এর কারণে নষ্ট না হয়।

৪. Admin Panel থেকে Save করা সেটিংস ডাটাবেজে সংরক্ষণ করতে হবে।

৫. Checkout পেজে Save করা সেটিংস বাস্তবায়ন করতে হবে।

৬. WooCommerce-এর বিদ্যমান Payment Gateway ও Order Processing সিস্টেমের সঙ্গে সামঞ্জস্য রাখতে হবে।

৭. মোবাইল ও ডেস্কটপ উভয় জায়গায় সঠিকভাবে কাজ করতে হবে।

৮. নিরাপদ কোডিং ও WooCommerce Validation নিশ্চিত করতে হবে।

১২. চূড়ান্ত লক্ষ্য

Personal Agro Checkout-কে একটি পূর্ণাঙ্গ Custom WooCommerce Checkout Management Plugin হিসেবে তৈরি করতে হবে।

যেখানে অ্যাডমিন কোনো কোডিং ছাড়াই নিজের ইচ্ছামতো Checkout পেজের:

• Layout পরিবর্তন করতে পারবেন।
• Field যোগ ও বাদ দিতে পারবেন।
• Drag & Drop করে সাজাতে পারবেন।
• Field-এর Label ও Placeholder পরিবর্তন করতে পারবেন।
• Required / Optional নিয়ন্ত্রণ করতে পারবেন।
• বাংলা ও ইংরেজি ভাষা নির্ধারণ করতে পারবেন।
• কালার, বাটন, ফন্ট ও ইনপুট ডিজাইন পরিবর্তন করতে পারবেন।
• Delivery Charge নিয়ন্ত্রণ করতে পারবেন।
• Live Preview দেখতে পারবেন।