সুবিধা সেকশন এক সারি কার্ড দেখায়, প্রতিটিতে একটি আইকন, একটি হেডিং ও একটি ছোট টেক্সট। প্রতিটি ক্রেতাকে আপনি যেসব প্রতিশ্রুতি দেন, যেমন ফ্রি ডেলিভারি, ক্যাশ অন ডেলিভারি, নিরাপদ পেমেন্ট বা সহজ রিটার্ন, সেগুলোর জন্য এটি ব্যবহার করুন।
সেকশনটি যোগ করুন
- বিল্ডার খুলুন এবং পেজ ট্যাবে হোম পেজ বেছে নিন।
- সেকশন ট্যাবে নতুন সেকশন যোগ করুন ক্লিক করুন এবং মার্কেটিং গ্রুপ থেকে সুবিধা বেছে নিন।
- সেকশনটি সিলেক্ট করুন এবং একটি সুবিধা কার্ড যোগ করতে নতুন ব্লক যোগ করুন ক্লিক করুন। ক্রম বদলাতে কার্ডগুলো টেনে সরান।
এটি শুধু হোম পেজে পাওয়া যায়, প্রতি পেজে একটি, সর্বোচ্চ 8টি কার্ডসহ।
সেকশনের সেটিংস
- ডেস্কটপ কলাম: কম্পিউটারে পাশাপাশি কয়টি কার্ড বসবে (1 থেকে 6)। বাড়তি কার্ড নতুন সারিতে যায়।
- মোবাইল কলাম: ফোনে পাশাপাশি কয়টি কার্ড বসবে (1 থেকে 3)। একটি রাখলে প্রতিটি টেক্সট সহজে পড়া যায়।
- সারফেস: কার্ড প্রতিটি সুবিধাকে নিজের প্যানেলে রাখে, সাধারণ সেগুলোকে সরাসরি সেকশনের ব্যাকগ্রাউন্ডে বসায়, আর ডিভাইডার কার্ডগুলোর মাঝে একটি পাতলা লাইন টানে। কোণ, বর্ডার ও শ্যাডো আসে আপনার থিম থেকে।
- সেকশনের প্রস্থ, কালার স্কিম, কার্ডগুলোর মাঝে ফাঁকা, প্যাডিং এবং একটি কাস্টম CSS ট্যাব।
প্রতিটি সুবিধার কার্ড
- আইকন: একটি আইকন বেছে নিন, যেমন ডেলিভারি ট্রাক, ঢাল বা তালা। শুধু টেক্সটের কার্ডের জন্য কিছু না বেছে নিন।
- ছবি: শুধু এই কার্ডের জন্য আইকনের বদলে নিজের ছবি ব্যবহার করুন। এটি আইকনের সাইজেই দেখায়।
- অ্যালাইনমেন্ট: আইকন ও অ্যাকসেন্ট লাইনের জন্য শুরু বা মাঝখানে। হেডিং ও টেক্সটের অ্যালাইনমেন্ট তাদের নিজের টেক্সট ব্লকে থাকে।
- আইকনের সাইজ: আইকন বা ছবির সাইজ।
- অ্যাকসেন্ট লাইন: টেক্সটের নিচে একটি ছোট লাইন যা কার্ডটি শেষ করে। ডিফল্টভাবে চালু।
- হোভার ইফেক্ট: মাউস কার্ডের উপর থাকলে লিফট আইকনটিকে উপরে তোলে আর স্কেল সেটিকে বড় করে, আর দুটোই অ্যাকসেন্ট লাইনকে লম্বা করে। কিছু না কার্ডটিকে স্থির রাখে।
প্রতিটি কার্ডে সর্বোচ্চ 2টি টেক্সট ব্লক থাকে: প্রথমটি হেডিং, দ্বিতীয়টি ছোট টেক্সট। যেকোনো টেক্সট ব্লকের মতো এগুলো সাজাতে পারেন, দেখুন গ্রুপ, টেক্সট, বাটন ও ডিভাইডার ব্লক: লেআউট কম্পোনেন্টের সেটিংস কীভাবে কাজ করে? আইকনের সাইজ, অ্যালাইনমেন্ট, অ্যাকসেন্ট লাইন ও হোভার প্রতিটি কার্ডে আলাদাভাবে সেট হয়, তাই এক সারিতে মিশিয়ে ব্যবহার করতে পারেন।
কিছু আইডিয়া
- ডেলিভারি ও পেমেন্ট: "ফ্রি ডেলিভারি", "ক্যাশ অন ডেলিভারি", "সহজ রিটার্ন" এবং "সপ্তাহে 7 দিন সাপোর্ট", 4টি ডেস্কটপ কলাম ও 2টি মোবাইল কলামসহ।
- ব্র্যান্ডের প্রতিশ্রুতি: "হাতে তৈরি", "প্রাকৃতিক উপাদান", "দেশে তৈরি", আপনার নিজের আঁকা ছবিসহ।
জেনে রাখুন
- কার্ডগুলো লিংক নয়, তাই হোভার ইফেক্ট শুধু আইকন ও লাইনকে নাড়ায়, কার্ডকে কখনো নয়।
- যেসব ক্রেতা নিজের ডিভাইসে কম মোশন (reduced motion) চালু করেছেন, তারা কার্ডগুলো কোনো নড়াচড়া ছাড়াই দেখেন।
- প্রোডাক্ট পেজে কেনার বাটনের কাছে ছোট ভরসার মেসেজের জন্য এর বদলে ব্যাজ ব্লক ব্যবহার করুন। দেখুন প্রোডাক্ট পেজে কলাপসিবল ট্যাব, ডেলিভারির তারিখ, সাইজ গাইড, ব্যাজ বা আগে ও পরের ছবি কীভাবে যোগ করব?
- শুধু সেটুকুই প্রতিশ্রুতি দিন যা আপনি সত্যিই দেন। ক্রেতারা এই কার্ডগুলোর উপর ভরসা করেন।