বিল্ডারের সেকশন ও ব্লক
38টি আর্টিকেল
- সেকশন ও ব্লক: কীভাবে যোগ করব ও সাজাব, আর প্রতিটি পেজে কোন কোন সেকশন থাকতে পারে? স্টোরফ্রন্ট বিল্ডারে সেকশন ও ব্লকের পার্থক্য, কীভাবে যোগ করবেন ও সাজাবেন, প্রতিটি পেজে কোন সেকশন পাওয়া যায়, কোন সেকশন আবশ্যক, এবং একটি পেজে প্রতিটি ধরনের কয়টি থাকতে পারে।
- কীভাবে হেডার, ফুটার ও ঘোষণা বার (গ্লোবাল সেকশন) সেট আপ করব? যে সেকশনগুলো সাধারণত প্রতিটি পেজে থাকে তার একটি পরিচিতি: হেডার, ফুটার ও ঘোষণা বার, সাথে সোশ্যাল মিডিয়া আইকন, নিউজলেটার ও উপরে ফিরে যান। প্রতিটি পেজ কীভাবে নিজস্ব কপি রাখে এবং কীভাবে একটি সব পেজে কপি করবেন।
- কীভাবে আমার স্টোরের হেডার সেট আপ করব (লোগো, মেনু, সার্চ, কার্ট, স্টিকি ও স্বচ্ছ হেডার)? হেডার সেকশন সেট আপ করুন: লোগোর সাইজ ও অবস্থান, মেনুর ধরন (মেগা, ড্রপডাউন, ড্রয়ার) ও মোবাইলের নেভিগেশন বার, সার্চ আইকন, কার্ট ড্রয়ার বা ড্রপডাউন, পতাকাসহ দেশ বাছাই, স্ক্রলে স্টিকি হেডার, এবং হিরোর উপর স্বচ্ছ হেডার।
- ঘোরানো বা স্ক্রল করা মেসেজসহ কীভাবে ঘোষণা বার যোগ করব? অফার, ফ্রি ডেলিভারি বা নোটিশের জন্য একটি ঘোষণা বার যোগ করুন: সর্বোচ্চ 7টি মেসেজ দিন, স্লাইডার (একবারে একটি মেসেজ) বা টিকার (স্ক্রল করা লাইন) বেছে নিন, এবং মেসেজের মাঝের সময়, সেপারেটর, দিক, ফন্টের সাইজ, প্রস্থ, রং ও প্যাডিং সেট করুন।
- কীভাবে আমার স্টোরের ফুটার সেট আপ করব (আমাদের সম্পর্কে, মেনু, সোশ্যাল আইকন, পেমেন্ট আইকন, পলিসি লিংক, কপিরাইট)? ফুটার সেকশন ও এর ব্লকগুলো সেট আপ করুন: লোগো ও যোগাযোগের তথ্যসহ আমাদের সম্পর্কে, ফুটার মেনু, সোশ্যাল মিডিয়া আইকন, পেমেন্ট আইকন, প্রাইভেসি ও পলিসি লিংক, প্রযুক্তি সহায়তায়সহ কপিরাইট, টেক্সট, ডিভাইডার, এবং কলাম বানানোর জন্য গ্রুপ।
- হোম পেজে কোন কোন সেকশন যোগ করতে পারি (হিরো, বাছাই করা প্রোডাক্ট, স্লাইডশো, ইন্ডিকেটর, কালেকশন)? বিল্ডারে হোম পেজের সেকশনগুলোর পরিচিতি: হিরো ব্যানার, স্লাইডশো, বাছাই করা প্রোডাক্ট, কালেকশন, ইন্ডিকেটর (অ্যানিমেটেড সংখ্যা), ও সুবিধা, সাথে প্রোডাক্ট ও কালেকশন কার্ড, প্রতিটির পূর্ণ গাইডের লিংকসহ।
- কীভাবে আমার হোম পেজে হিরো ব্যানার সেট আপ করব? আপনার হোম পেজে হিরো ব্যানার সেট আপ করুন: এক বা দুটি ছবি বা ভিডিও, উচ্চতা (ছোট, ফুল-স্ক্রিন, ছবি, কাস্টম), উপরে টেক্সট ও বাটন, অবস্থান ও অ্যালাইনমেন্ট, টেক্সট সহজে পড়ার জন্য রঙের ওভারলে, এবং হিরো ভিডিও কেন চলতে নাও পারে।
- হোম পেজে কয়েকটি স্লাইডসহ একটি স্লাইডশো কীভাবে যোগ করব? হোম পেজে একটি স্লাইডশো (ক্যারোসেল, ছবির স্লাইডার) যোগ করুন: ছবি বা ভিডিওসহ সর্বোচ্চ 7টি স্লাইড, প্রতিটি স্লাইডে টেক্সট ও বাটন, Frame, Inset বা Layer মোড, মিডিয়ার উচ্চতা, অটো-রোটেটের গতি, তীর, বিন্দু, কাউন্টার এবং পজ বাটন।
- হোম পেজে বাছাই করা প্রোডাক্ট (সবচেয়ে বেশি বিক্রি, নতুন, ডিসকাউন্টে) কীভাবে দেখাব? বাছাই করা প্রোডাক্ট সেকশন দিয়ে হোম পেজে প্রোডাক্টের গ্রিড বা ক্যারোসেল দেখান: নতুন, পুরোনো, সবচেয়ে বেশি বিক্রি, ডিসকাউন্টে থাকা বা সবচেয়ে বেশি রেটিংয়ের প্রোডাক্ট, একটি কালেকশনে সীমিত করা, প্রোডাক্টের সংখ্যা, কলাম, "আরও দেখুন" বোতাম এবং মোবাইলে ক্যারোসেল।
- হোম পেজে বা কালেকশন পেজে আমার কালেকশনগুলো কীভাবে দেখাব? হোম পেজে বা সব কালেকশন পেজে কালেকশন সেকশন দিয়ে আপনার কালেকশন (ক্যাটাগরি) কার্ড হিসেবে দেখান: কাস্টম ক্রম, সবচেয়ে নতুন, সবচেয়ে বেশি বিক্রি, সবচেয়ে বেশি রেটিং বা বর্ণানুক্রমে, গ্রিড, ক্যারোসেল বা বেন্টো লেআউট, কালেকশনের সংখ্যা এবং সাব-কালেকশনের লিংক।
- কালেকশন পেজে সাব-কালেকশন কীভাবে দেখাব? কালেকশন পেজে সাব-কালেকশন সেকশন দিয়ে যে কালেকশনটি দেখা হচ্ছে তার ভিতরের কালেকশন (সাব-কালেকশন, সাব-ক্যাটাগরি) দেখান: ক্রম, কালেকশনের সংখ্যা, গ্রিড, ক্যারোসেল বা বেন্টো লেআউট, কার্ড, এবং কেন কিছু কালেকশনে সেকশনটি দেখায় না।
- ফ্রি ডেলিভারি বা নিরাপদ পেমেন্টের মতো সুবিধার কার্ড কীভাবে যোগ করব? হোম পেজে সুবিধা সেকশন যোগ করুন: আইকন বা নিজের ছবি, একটি হেডিং ও ছোট টেক্সটসহ ভরসার কার্ড, যেমন ফ্রি ডেলিভারি, ক্যাশ অন ডেলিভারি, নিরাপদ পেমেন্ট বা সহজ রিটার্ন। কলাম, কার্ড, সাধারণ বা ডিভাইডার স্টাইল, আইকনের সাইজ, অ্যাকসেন্ট লাইন এবং হোভার ইফেক্ট।
- অ্যানিমেটেড সংখ্যা ও পরিসংখ্যান (ইন্ডিকেটর সেকশন) কীভাবে দেখাব? ইন্ডিকেটর সেকশন দিয়ে সন্তুষ্ট কাস্টমার, ডেলিভারি করা অর্ডার বা ব্যবসার বছরের মতো গুরুত্বপূর্ণ সংখ্যা দেখান: ক্রেতারা স্ক্রল করে পৌঁছালে সংখ্যাগুলো গুনে বাড়ে, প্রিফিক্স ও সাফিক্স (+, %, K), উপরে বা নিচে লেবেল, প্রতি সারিতে আইটেম, ফন্টের সাইজ, বোল্ড এবং ডিভাইডার।
- প্রশ্ন ও উত্তরসহ একটি FAQ সেকশন কীভাবে যোগ করব? আপনার পেজগুলোতে একটি FAQ (সাধারণ জিজ্ঞাসা) সেকশন যোগ করুন: ক্লিক করলে খোলে এমন প্রশ্ন, অ্যাকর্ডিয়ন বা আলাদা আলাদা মোড, ডিফল্টভাবে খোলা, ডিভাইডার, কার্ড বা সাধারণ স্টাইল, প্রশ্নগুলোর পাশে বা উপরে টাইটেল, এবং সার্চ ইঞ্জিনের জন্য FAQ ডেটা।
- আগে ও পরের ছবির একটি স্লাইডার কীভাবে যোগ করব? আপনার পেজগুলোতে আগে ও পরে সেকশন (ছবি তুলনার স্লাইডার) যোগ করুন: আগের ছবি ও পরের ছবি বাছাই, লেবেল, পাশাপাশি বা উপর-নিচে, অনুপাত, ডিভাইডারের অবস্থান, দেখা গেলে একটি হিন্ট, ডেস্কটপে মাউস অনুসরণ, এবং পাশে বা উপরে একটি টাইটেল।
- প্রোডাক্ট ও ল্যান্ডিং পেজে কোন কোন সেকশন থাকে (প্রোডাক্টের তথ্য, রিভিউ, সম্পর্কিত প্রোডাক্ট)? প্রোডাক্ট পেজ ও ল্যান্ডিং পেজের সেকশনগুলোর একটি সংক্ষিপ্ত পরিচয়: প্রোডাক্টের তথ্য (গ্যালারি, টাইটেল, বিবরণ, অর্ডার ফর্ম, স্টিকি বাটন), ল্যান্ডিং তথ্য, অর্ডার ফর্ম, রিভিউ, সম্পর্কিত প্রোডাক্ট এবং প্রোডাক্ট পেজের বাড়তি ব্লক, প্রতিটির বিস্তারিত গাইডের লিংকসহ।
- প্রোডাক্ট পেজে প্রোডাক্টের তথ্য সেকশন কীভাবে সেট আপ করব (ছবি, টাইটেল, বিবরণ, স্টিকি বাটন)? প্রোডাক্ট পেজের প্রোডাক্টের তথ্য সেকশন সেট আপ করুন: ছবি ও ভিডিওর গ্যালারি (গ্রিড বা ক্যারোসেল, থাম্বনেইল, জুম, স্টিকি গ্যালারি), প্রোডাক্টের টাইটেল ও বিবরণ ব্লক, ডিভাইডার, সমান কলাম, এবং স্টিকি কেনার বাটন বা বার।
- ল্যান্ডিং তথ্য সেকশন ও অর্ডার ফর্ম কীভাবে সেট আপ করব (বাটন, কাউন্টডাউন, WhatsApp)? ল্যান্ডিং পেজের ল্যান্ডিং তথ্য সেকশন এবং প্রোডাক্ট ও ল্যান্ডিং পেজে ব্যবহৃত অর্ডার ফর্ম সেট আপ করুন: ইনলাইন বা পপ আপ ফর্ম, {{form}} প্লেসহোল্ডার, সঞ্চয়ী ব্যাজ, কাউন্টডাউন, গিফটের টেক্সট, অর্ডারের সারসংক্ষেপ, কার্টে যোগ করুন ও এখনই কিনুন বাটন, এবং WhatsApp অর্ডার বাটন।
- প্রোডাক্ট পেজে কলাপসিবল ট্যাব, ডেলিভারির তারিখ, সাইজ গাইড, ব্যাজ বা আগে ও পরের ছবি কীভাবে যোগ করব? বিল্ডারে প্রোডাক্ট পেজের ব্লক: শিপিং ও রিটার্নের তথ্যের জন্য কলাপসিবল ট্যাব (অ্যাকর্ডিয়ন), অর্ডারের শেষ সময়সহ আনুমানিক ডেলিভারির তারিখের টাইমলাইন, পপআপে সাইজ গাইডের চার্ট, ভরসার ব্যাজ এবং আগে ও পরের ছবির স্লাইডার।
- প্রোডাক্ট পেজে কাস্টমারদের রিভিউ কীভাবে দেখাব (রিভিউ সেকশন)? প্রোডাক্ট ও ল্যান্ডিং পেজে রিভিউ সেকশন সেট আপ করুন: রেটিংয়ের সারসংক্ষেপ ও স্টারের বণ্টন, "রিভিউ লিখুন" বাটন ও ফর্ম, ছবি জুমসহ রিভিউ কার্ড, গ্রিড বা ক্যারোসেল, প্রতি পেজে রিভিউ, সাজানো, এবং কোনো রিভিউ না থাকলে কী দেখায়।
- প্রোডাক্ট পেজে সম্পর্কিত প্রোডাক্ট কীভাবে দেখাব? প্রোডাক্ট ও ল্যান্ডিং পেজে সম্পর্কিত প্রোডাক্ট সেকশন যোগ করুন: সোর্স বেছে নিন (সবচেয়ে নতুন, সবচেয়ে বেশি বিক্রি, ডিসকাউন্টে আছে, সবচেয়ে বেশি রেটিং, একই কালেকশন, বা প্রতিটি প্রোডাক্টের জন্য আপনার বাছাই করা প্রোডাক্ট), সংখ্যা, গ্রিড বা ক্যারোসেল, কলাম এবং প্রোডাক্ট কার্ড সেট করুন।
- প্রোডাক্ট কার্ড ও কালেকশন কার্ডের লুক কীভাবে বদলাব? প্রোডাক্ট ও কালেকশন গ্রিডে ব্যবহৃত প্রোডাক্ট কার্ড (ছবির অনুপাত, টাইটেল, দাম ও সঞ্চয়ী ব্যাজ, স্টার রেটিং, কেনার বাটন: কার্টে যোগ করুন, এখনই কিনুন বা প্রোডাক্ট দেখুন, ভ্যারিয়েন্টের সোয়াচ) এবং কালেকশন কার্ড (স্ট্যান্ডার্ড বা ওভারলে স্টাইল, ছবি, টাইটেল, প্রোডাক্টের সংখ্যা, বাটন) বদলান।
- যেকোনো পেজে কোন সেকশন যোগ করা যায়, আর কার্ট, চেকআউট ও যোগাযোগ পেজে কী থাকে? যেকোনো পেজে যোগ করা যায় এমন সেকশনগুলোর (টেক্সট, ছবি, ডিভাইডার, সোশ্যাল মিডিয়া আইকন, নিউজলেটার, কাস্টম কোড) এবং কালেকশন, সার্চ, কার্ট, চেকআউট, ধন্যবাদ, যোগাযোগ, পলিসি ও 404 পেজের প্রধান সেকশনের একটি সংক্ষিপ্ত পরিচয়, প্রতিটির বিস্তারিত গাইডের লিংকসহ।
- কার্ট পেজ ও চেকআউট পেজ কীভাবে কাস্টমাইজ করব? কার্ট পেজের কার্ট সেকশন (ছবির অনুপাত, ছবির সাইজ, ঘনত্ব, ফ্রি শিপিং বার, খালি কার্ট) এবং চেকআউট পেজের চেকআউট সেকশন (অর্ডার ফর্ম, শিপিং ও পেমেন্টের অপশন, অর্ডারের সারসংক্ষেপ) কাস্টমাইজ করুন, আর জানুন ক্রেতারা কখন কোন পেজ দেখেন।
- অর্ডারের পর ধন্যবাদ পেজ (অর্ডার কনফার্মেশন) কীভাবে কাস্টমাইজ করব? অর্ডারের পর কাস্টমাররা যে ধন্যবাদ পেজ দেখেন তা কাস্টমাইজ করুন: অর্ডার কনফার্মেশন সেকশন, অর্ডারের সারসংক্ষেপ, অর্ডারের তথ্য (অর্ডার ID বা নম্বর, তারিখ, পেমেন্ট ও শিপিং পদ্ধতি), কাস্টমারের তথ্য, {{first_name}} ও অন্যান্য ভেরিয়েবলসহ নিজের ধন্যবাদ বার্তা, বাটন এবং ছবি।
- যোগাযোগ পেজ ও এর যোগাযোগ ফর্ম কীভাবে সেট আপ করব? যোগাযোগ পেজের যোগাযোগ সেকশন সেট আপ করুন: কোন ইমেইলে মেসেজ আসবে, ফর্মের ফিল্ড (নাম, ইমেইল, বিষয়, মেসেজ), সফল হওয়ার মেসেজ, স্প্যাম ঠেকাতে ক্যাপচা, বাটনের টেক্সট ও স্টাইল, লেআউট, এবং মেসেজ কেন না আসতে পারে।
- সার্চের ফলাফলের পেজ কীভাবে কাস্টমাইজ করব? ক্রেতারা আপনার স্টোরে সার্চ করলে যে পেজে ফলাফল দেখায় তা কাস্টমাইজ করুন: প্রোডাক্ট সার্চ সেকশন, কলাম, মোবাইল কলাম, প্রোডাক্ট কার্ড, ফলাফলের উপরের টেক্সট, প্রোডাক্ট কীভাবে মেলানো হয়, এবং আরও দেখুন বাটন।
- কালেকশন পেজের প্রোডাক্ট গ্রিড (কালেকশনের প্রোডাক্ট) কীভাবে কাস্টমাইজ করব? কালেকশন পেজ কাস্টমাইজ করুন: কালেকশনের প্রোডাক্ট গ্রিড, কলাম, মোবাইল কলাম, ফাঁকা, প্রোডাক্ট কার্ড, {{collection_name}}, {{collection_description}} ও {{products_count}} সহ হেডিং, সাব-কালেকশন, প্রোডাক্টের ক্রম এবং আরও দেখুন বাটন।
- আমার পলিসি পেজের লুক কীভাবে বদলাব (পলিসি সেকশন)? আপনার প্রাইভেসি পলিসি, সেবার শর্তাবলি, রিফান্ড, শিপিং ও কুকি পলিসি দেখানোর পেজের ডিজাইন করুন: পলিসি সেকশন, পড়ার সময়, প্রস্থ, রং, প্যাডিং, কাস্টম CSS, এবং পলিসির লেখা কোথায় এডিট করবেন।
- আমার 404 (পেজ পাওয়া যায়নি) পেজ কীভাবে কাস্টমাইজ করব? কোনো লিংক না থাকলে ক্রেতারা যে 404 পেজ দেখেন তা কাস্টমাইজ করুন: 404 সেকশন, এর লেখা, বাটন, ডিভাইডার ও গ্রুপ, ডিফল্ট হোমপেজে ফিরে যান বাটন, প্রস্থ, রং এবং প্যাডিং।
- আমার স্টোরে সোশ্যাল মিডিয়া আইকন কীভাবে যোগ করব (Instagram, TikTok, Facebook, WhatsApp)? সোশ্যাল মিডিয়া আইকন সেকশন যোগ করুন: Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp ও Telegram লিংক করুন, আইকন বা অ্যাপ লুক বেছে নিন, পেজের ভেতরে বা স্ক্রিনের পাশে স্থির, আকৃতি, সাইজ, রং এবং হোভার ইফেক্ট।
- আমার স্টোরে নিউজলেটার সাইনআপ ফর্ম কীভাবে যোগ করব? ইমেইল সাবস্ক্রাইবার সংগ্রহ করতে নিউজলেটার সেকশন যোগ করুন: পেজের ভেতরের ফর্ম বা কোণে স্থির পপআপ, হেডিং, সফল হওয়ার মেসেজ, লেবেল, প্লেসহোল্ডার ও প্রাইভেসি বাক্যসহ ইমেইল ইনপুট, তীর বা টেক্সট বাটন, যুক্ত করা বাটন, গ্রুপ, রং, এবং সাইনআপগুলো কোথায় যায়।
- টেক্সট, ছবি ও ডিভাইডার সেকশন এবং ব্লক কীভাবে ব্যবহার করব? টেক্সট, ছবি ও ডিভাইডার সেকশন এবং ব্লকের সেটিংস: টেক্সট এডিটর, প্রিসেট হেডিং, সাইজ, লাইনের উচ্চতা, অক্ষরের ব্যবধান, প্রস্থ ও অ্যালাইনমেন্ট, ছবির প্রস্থ, অনুপাত, ফিট, কোণের রেডিয়াস ও লিংক, ডিভাইডারের পুরুত্ব, দৈর্ঘ্য ও অ্যালাইনমেন্ট, রং এবং প্যাডিং।
- গ্রুপ, টেক্সট, বাটন ও ডিভাইডার ব্লক: লেআউট কম্পোনেন্টের সেটিংস কীভাবে কাজ করে? বিল্ডারের নানা জায়গায় ব্যবহৃত গ্রুপ, টেক্সট, বাটন ও ডিভাইডার ব্লকের পরিচিতি, সাথে বাটনের সব সেটিংস: লেবেল, লিংকের ধরন (URL, ইমেইল, ফোন, অ্যাংকর), স্টাইল, এবং ডেস্কটপ ও মোবাইলের প্রস্থ। গ্রুপ এবং টেক্সট, ছবি, ডিভাইডার গাইডের লিংকসহ।
- কনটেন্ট পাশাপাশি বা কলামে রাখতে গ্রুপ ব্লক কীভাবে ব্যবহার করব? গ্রুপ ব্লক কীভাবে কাজ করে: ব্লকগুলো পাশাপাশি বা উপর-নিচে রাখুন, গ্রুপের ভেতরে গ্রুপ, দিক, মোবাইলে উপর-নিচে সাজান, অবস্থান ও অ্যালাইনমেন্ট, মাঝে সমান ফাঁকা, প্রস্থ ফিল, ফিট বা কাস্টম, ফাঁকা, কালার স্কিম, বর্ডার, কোণের রেডিয়াস, ব্যাকগ্রাউন্ড ওভারলে এবং প্যাডিং।
- আগে ও পরের ছবি, অ্যানিমেটেড ঢেউ, কণা বা উপরে ফিরে যাওয়ার বাটন কীভাবে যোগ করব? আপনার পেজগুলোর জন্য বাড়তি সেকশনগুলোর পরিচিতি: আগে ও পরের ছবি তুলনার স্লাইডার, অ্যানিমেটেড ঢেউয়ের ব্যান্ড, ভেসে বেড়ানো কণা (তুষার, বুদবুদ, তারা) এবং উপরে ফিরে যাওয়ার বাটন, প্রতিটির পুরো গাইডের লিংকসহ।
- আমার স্টোরে অ্যানিমেটেড ঢেউ বা ভেসে বেড়ানো কণা (তুষার, বুদবুদ, তারা) কীভাবে যোগ করব? অ্যানিমেটেড ঢেউ ও অ্যানিমেটেড কণা সেকশন যোগ করুন: ঢেউয়ের স্টাইল, উচ্চতা, লেয়ার, গতি, দিক, উল্টানো, ওভারল্যাপ ও হেডারের সাথে মেশানো, এবং কণার আকৃতি (বিন্দু, বুদবুদ, তারা, তুষার), সংখ্যা, সাইজ, গতি, দিক, স্বচ্ছতা ও রং।
- আমার স্টোরে উপরে ফিরে যাওয়ার বাটন কীভাবে যোগ করব? উপরে ফিরে যান সেকশন যোগ করুন: নিচের কোণে একটি গোল তীরের বাটন যা স্ক্রল করার পর দেখা যায় এবং ক্রেতাদের আবার উপরে নিয়ে যায়। এর কোণ, সাইজ, স্ক্রল অগ্রগতির রিং ও কালার স্কিম ঠিক করুন, এবং প্রতিটি পেজে দেখান।