বিল্ডারের ডিজাইন ও সেটিংস
17টি আর্টিকেল
- বিল্ডারের সেটিংস ট্যাবগুলো কী এবং কীভাবে ব্যবহার করব? বিল্ডারের প্রতিটি সেটিংস ট্যাবের পরিচিতি: ব্র্যান্ডিং, রং, ফন্ট, লেআউট, অ্যানিমেশন, অটোমেশন, ইনপুট, আইকন, নিষেধাজ্ঞা, চেকআউট, চেকআউট ফর্ম, রক্ষণাবেক্ষণ পেজ, কাস্টম CSS ও কাস্টম JavaScript, যা প্রতিটি মার্কেটের জন্য আলাদাভাবে সেট করা হয়।
- আমার স্টোরে কীভাবে ফেভিকন, ব্যাকগ্রাউন্ড ছবি ও লোগো যোগ করব? বিল্ডারের ব্র্যান্ডিং ট্যাব: ফেভিকন (ব্রাউজার ট্যাবের আইকন) এবং সাইজ (কভার, কনটেইন) ও রিপিট সহ বডির ব্যাকগ্রাউন্ড ছবি সেট করুন। হেডার ও ফুটারে লোগো কোথায় সেট করবেন, আর রং ও ফন্ট কোথায় পাবেন।
- কালার স্কিম কীভাবে কাজ করে এবং আমার স্টোরের রং কীভাবে বদলাব? বিল্ডারের রং ট্যাবে কালার স্কিম তৈরি ও এডিট করুন: ব্যাকগ্রাউন্ড, টেক্সট, লিংক, ব্যাজ, বর্ডার, শ্যাডো, প্রাইমারি ও সেকেন্ডারি বাটন এবং ফর্মের ইনপুট। সেকশন কীভাবে স্কিম বেছে নেয়, প্যারেন্টের কালার স্কিম ব্যবহার, 9টি স্কিমের সীমা, আর ক্রম বদলালে রং কেন বদলায়।
- আমার স্টোরের ফন্ট ও টেক্সটের ওজন কীভাবে বদলাব? বিল্ডারের ফন্ট ট্যাবে আপনার স্টোরের ফন্ট বদলান: বডি, হেডিং, সাবহেডিং ও অ্যাকসেন্ট ফন্ট, সিস্টেম ফন্ট বনাম নন-সিস্টেম ফন্ট, ফন্ট সার্চ, আরবি লেখা, এবং টেক্সটের ওজন (সাধারণ, মাঝারি, বোল্ড)।
- আমার স্টোরের পেজের প্রস্থ কীভাবে বদলাব? বিল্ডারের লেআউট ট্যাবে আপনার স্টোরের সর্বোচ্চ পেজের প্রস্থ সেট করুন (900 থেকে 1400 px), ফোন ও বড় স্ক্রিনে এটি কীভাবে কাজ করে, আর পুরো প্রস্থের সেকশন কীভাবে এক কিনারা থেকে আরেক কিনারা পর্যন্ত যায়।
- আমার স্টোরে স্ক্রল অ্যানিমেশন ও ছবির জুম কীভাবে যোগ বা বন্ধ করব? বিল্ডারের অ্যানিমেশন ট্যাব ব্যবহার করুন: ক্রেতা স্ক্রল করলে সেকশন অ্যানিমেট করতে স্ক্রলে দেখানো (কিছু না, ফেড, নিচ থেকে স্লাইড, ভেতরে স্লাইড, জুম), আর মাউসের নিচে প্রোডাক্টের ছবি জুম করতে ছবির জুম ইফেক্ট। বিল্ডারে কেন অ্যানিমেশন দেখা যায় না।
- আমার স্টোরে ভিডিও কীভাবে আপনাআপনি চালু করব? বিল্ডারের অটোমেশন ট্যাবে ভিডিও অটোপ্লে চালু করুন, যাতে ক্রেতা স্ক্রল করে পৌঁছালে ভিডিও শুরু হয়। আপলোড করা ভিডিও এবং YouTube, Vimeo, TikTok ও Dailymotion এমবেড, ভিডিও কেন মিউট থাকে, আর চোখের বাইরে গেলে কেন থেমে যায়।
- আমার স্টোরের ফর্ম ফিল্ডের স্টাইল কীভাবে বদলাব? বিল্ডারের ইনপুট ট্যাবে আপনার স্টোরের সব ফর্ম ফিল্ডের স্টাইল ঠিক করুন (চেকআউট, যোগাযোগ, নিউজলেটার, রিভিউ ফর্ম): লেবেলের ধরন (গুটিয়ে নিন বা খুলুন), ফিল্ডের আইকন (কিছু না, ডিফল্ট, লেবেল), এবং আইকনের অবস্থান (শুরু বা শেষ)।
- আমার স্টোরের আইকনগুলো কীভাবে আরও মোটা করব? বিল্ডারের আইকন ট্যাবে আপনার স্টোরের সব আইকনের স্ট্রোক সেট করুন, ডিফল্ট বা ভারী: হেডারের কার্ট ও সার্চ আইকন, মেনুর তীর, ফর্ম ফিল্ডের আইকন এবং সেকশনের আইকন।
- ভিজিটররা যেন আমার স্টোরের লেখা ও ছবি কপি করতে বা রাইট-ক্লিক করতে না পারেন, তা কীভাবে করব? বিল্ডারের নিষেধাজ্ঞা ট্যাব ব্যবহার করুন: কপি করা, টেক্সট ও ছবি সিলেক্ট করা, রাইট-ক্লিকের কনটেক্সট মেনু এবং ডেভেলপার টুল দিয়ে পেজ ইন্সপেক্ট করা আটকান, আর হেডারের লোগো থেকে হোম পেজের লিংক বন্ধ করুন। এই সুরক্ষাগুলো কী পারে আর কী পারে না।
- কার্টে যোগ করুন আর দ্রুত চেকআউটের মধ্যে কীভাবে বেছে নেব? বিল্ডারের চেকআউট ট্যাবে চেকআউট পদ্ধতি (কার্টসহ কার্টে যোগ করুন, বা সরাসরি প্রোডাক্ট পেজ থেকে দ্রুত চেকআউট) এবং অন্য বাটনটি যোগ করার দ্বিতীয় পদ্ধতি সেট করুন। প্রোডাক্ট পেজ, প্রোডাক্ট কার্ড, কার্ট ও কার্ট পেজে কী বদলায়।
- আমার চেকআউট ফর্মে কীভাবে ফিল্ড যোগ করব, লুকাব, আবশ্যক করব, নাম বদলাব বা ক্রম বদলাব? বিল্ডারের চেকআউট ফর্ম ট্যাবে আপনার চেকআউট ফর্ম এডিট করুন: প্রতিটি ফিল্ড (নাম, ফোন, ইমেইল, ঠিকানা, শহর, বিভাগ, পোস্ট কোড, নোট, শিপিং, পেমেন্ট, ডিসকাউন্ট কোড), বন্ধ, চালু বা আবশ্যক, লেবেল, প্লেসহোল্ডার, শহর ও বিভাগের তালিকা, ডেলিভারি এলাকা এবং ফিল্ডের ক্রম।
- আমার স্টোর কীভাবে রক্ষণাবেক্ষণ মোডে রাখব বা "শীঘ্রই আসছে" পেজ দেখাব? স্টোর প্রস্তুত করার সময় একটি মেসেজের পেছনে লুকিয়ে রাখতে বিল্ডারের রক্ষণাবেক্ষণ পেজ ট্যাবে রক্ষণাবেক্ষণ মোড চালু করুন। হেডিং, মেসেজ ও কালার স্কিম সেট করুন, আর জানুন এটি প্রতিটি মার্কেটে কীভাবে কাজ করে এবং স্টোর আবার কীভাবে খুলবেন।
- কীভাবে নেভিগেশন মেনু তৈরি করে আমার হেডার ও ফুটারে যোগ করব? তিন স্তর পর্যন্ত লিংকসহ নেভিগেশন মেনু তৈরি করুন (ড্রপডাউন ও মেগা মেনু), প্রোডাক্ট, কালেকশন, পেজ ও পলিসিতে লিংক দিন, তারপর বিল্ডারে একটি মেনু আপনার স্টোরের হেডার বা ফুটারের সাথে যুক্ত করুন।
- আমার স্টোরে কি নিজের কোড, স্ক্রিপ্ট বা মেটা ট্যাগ যোগ করতে পারি (HTML, CSS, JavaScript, head অংশ)? বিল্ডারে কোথায় নিজের HTML, CSS ও JavaScript যোগ করতে পারেন (কাস্টম কোড সেকশন, কাস্টম CSS, কাস্টম JavaScript), head অংশে কেন কোড পেস্ট করা যায় না, আর Google Search Console ভেরিফিকেশন, Google Tag Manager ও পিক্সেলের জন্য তার বদলে কোন অ্যাপ ব্যবহার করবেন।
- পুরো স্টোরে বা একটি সেকশনে কীভাবে নিজের CSS যোগ করব? বিল্ডারে নিজের CSS যোগ করুন: পুরো স্টোরের জন্য কাস্টম CSS সেটিংস ট্যাব, আর শুধু সেই সেকশনকে স্টাইল করে এমন সেকশনের কাস্টম CSS ট্যাব। সেকশনের CSS-এর সীমা কীভাবে কাজ করে, & সিলেক্টর, মিডিয়া কোয়েরি, আর CSS কাজ না করলে টিপস।
- পুরো স্টোরে কীভাবে নিজের JavaScript যোগ করব? বিল্ডারের কাস্টম JavaScript ট্যাব দিয়ে আপনার স্টোরের প্রতিটি পেজে নিজের JavaScript যোগ করুন। কোড কখন চলে, প্রতিটি পেজে কেন আবার চলে না, এরর, আর ট্র্যাকিং ট্যাগ ও ভেরিফিকেশন কোড কেন অ্যাপে রাখা উচিত।