Elementor দিয়ে আপনার WooCommerce পণ্যের বিভাগগুলি ডিজাইন করুন

এলিমেন্টর হল একটি অসাধারণ ওয়ার্ডপ্রেস পেজ নির্মাতা যা নতুন বৈশিষ্ট্য যোগ করে ডিফল্ট ওয়ার্ডপ্রেস বিল্ডারের কার্যকারিতা বাড়ায়।

যদি আপনি মনে করেন, ওয়ার্ডপ্রেসের প্রাথমিক সংস্করণগুলি বিশেষভাবে ব্যবহারকারী বান্ধব ছিল না। সীমিত কার্যকারিতা ছাড়াও, আপনার ওয়েবসাইটের জন্য একটি মৌলিক নকশা তৈরির জন্য আপনাকে প্রাক-তৈরি ওয়ার্ডপ্রেস থিমগুলির উপর নির্ভর করতে হবে। যাইহোক, অনেক ব্যবহারকারীর জন্য, ওয়ার্ডপ্রেস থিমগুলির মৌলিক কার্যকারিতা অপর্যাপ্ত ছিল, plugin ইনস্টল বা থিম কোডের ম্যানুয়াল সম্পাদনা প্রয়োজন।

• WooCommerce এবং Elementor সমন্বয়
• এলিমেন্টারে ক্যাটাগরি পেজ তৈরি করা
• লেআউট সেটিংস

এলিমেন্টর ওয়ার্ডপ্রেসের মতো একটি ব্লক-ভিত্তিক নির্মাতা, তবে এটি ওয়ার্ডপ্রেস নির্মাতার তুলনায় অনেক বেশি উন্নত কারণ এটি আরও স্বজ্ঞাত, প্রতিক্রিয়াশীল এবং বৈশিষ্ট্য-সমৃদ্ধ। সবচেয়ে গুরুত্বপূর্ণ, আপনি একটি লাইন কোড না লিখে একটি চমত্কার ওয়েবসাইট তৈরি করতে পারেন !!

WooCommerce এবং Elementor সমন্বয়

WP-WooCommerce এবং Elementor হল বর্তমানে বহুল ব্যবহৃত দুটি ওয়ার্ডপ্রেস plugin । নমনীয়তার পরিমাণ এবং নিছক সংখ্যক বৈশিষ্ট্য যা তাদের প্রত্যেকেই অফার করে তা কেবল অমূল্য। আপনি যদি একটি ই -কমার্স স্টোর চালাচ্ছেন, WooCommerce হল আপনার যেকোনো প্রয়োজনে সেরা plugin । এটি ব্যবহারিকভাবে যেকোন প্রয়োজনে পাওয়া সবচেয়ে বিস্তৃত plugin ।

উপরন্তু, এলিমেন্টর বাজারে পাওয়া সবচেয়ে কার্যকর ড্র্যাগ-এন্ড-ড্রপ ওয়েবসাইট নির্মাতা। এটি আপনাকে আপনার ওয়েবসাইটের প্রায় যেকোনো পৃষ্ঠা দ্রুত ডিজাইন, কাস্টমাইজ এবং সজ্জিত করার ক্ষমতা দেয়। আরও বেশি, বৈশিষ্ট্যগুলি পাওয়া যায়, যেমন মেগা মেনু তৈরি করা এবং অ্যাড-অন এবং টেমপ্লেটগুলির বিস্তৃত অ্যাক্সেস যা অত্যন্ত সুবিধাজনক। WooCommerce এবং Elementor উভয়ের সাহায্যে, আপনি সর্বনিম্ন ব্যয় এবং প্রচেষ্টার সাথে পেশাদার মানের শপ এবং ব্যবসায়িক পৃষ্ঠাগুলি ডিজাইন এবং তৈরি করতে পারেন। এলিমেন্টারের সাহায্যে, আপনি আপনার শপ লেআউট, প্রোডাক্ট গ্রিড এবং ক্যারোসেলগুলি সম্পূর্ণরূপে কাস্টমাইজ করতে পারেন, পাশাপাশি বিভিন্ন সুন্দর লেআউট থেকে বেছে নিতে পারেন। এছাড়াও আপনার চেকআউট এবং কার্ট পৃষ্ঠাগুলি সেট আপ এবং ব্যক্তিগতকৃত করার ক্ষমতা রয়েছে, সেইসাথে আপনার গ্রাহকদের আরও সুবিধার্থে প্রদান করার জন্য তাদের বিভিন্ন পেমেন্ট বিকল্প এবং বৈশিষ্ট্যগুলির সাথে সংহত করুন।

উপরন্তু, আপনি ডিজিটাল পণ্যের জন্য কাস্টম পেজ এবং ডিজাইন তৈরি করতে পারেন, শিপিং এবং পেমেন্টের জন্য কাস্টম পেজ অপশন এবং পোস্ট এবং প্রি-ক্রয় পেজ সহ অন্যান্য জিনিসগুলি অন্তর্ভুক্ত করতে পারেন। এই সবই আপনার কোম্পানির ওয়েবসাইটকে পেশাগত এবং ব্যবহারকারী-বান্ধব উভয় রূপে অবদান রাখে। ব্যবহারকারী-বান্ধব কল-টু-অ্যাকশন বোতাম, প্যারাল্যাক্স-প্রস্তুত স্লাইডার এবং অন্যান্য বৈশিষ্ট্যগুলির সাথে, আপনি আপনার ওয়েবসাইটে WooCommerce কার্যকারিতা সংহত করতে পারেন। উপলভ্য সুযোগের নিছক সংখ্যা কার্যত সীমাহীন। এখন, যদি আপনি যথেষ্ট বিশ্বাসী হন, তাহলে আসুন আমরা আপনার পরিকল্পনা বাস্তবায়নের প্রক্রিয়ার মধ্য দিয়ে যাই। আপনি আপনার দোকানের পৃষ্ঠাটিকে আরও স্বাগত জানাতে বিভিন্ন কাজ করতে পারেন এবং লক্ষ্য হল এই পদক্ষেপগুলি আপনাকে আপনার WooCommerce স্টোরের জন্য আরও স্বাগতমূলক দোকান পাতা তৈরিতে সহায়তা করবে।

এলিমেন্টারে WooCommerce বিভাগ পৃষ্ঠা তৈরি করা

আপনি যদি WooCommerce এর সাথে পরিচিত হন, আপনি জানেন যে গ্রাহকদের সঠিক প্রদর্শন এবং অ্যাক্সেসের জন্য আপনার পণ্যগুলি সংগঠিত করার ক্ষেত্রে পণ্য বিভাগগুলি গুরুত্বপূর্ণ - তারা যত তাড়াতাড়ি তারা যা খুঁজছে তা খুঁজে পাবে, তত ভাল। কিন্তু পণ্যের বিভাগগুলি ঠিক কী?

গ্রাহকরা আপনার দোকান পৃষ্ঠায় আপনার পণ্য ব্রাউজ করার জন্য উল্লেখযোগ্য পরিমাণ সময় ব্যয় করেন, তাই তাদের অবশ্যই ইতিবাচক অভিজ্ঞতা থাকতে হবে। আপনার দোকানের ওয়েবসাইটে পণ্যগুলি দেখার জন্য কয়েক ডজন পৃষ্ঠায় নেভিগেট করার চেয়ে হতাশাজনক আর কিছুই নেই।

ফলস্বরূপ, শ্রেণীকরণ আপনার গ্রাহকদের একটি ভাল কেনাকাটার অভিজ্ঞতা প্রদান করার জন্য অপরিহার্য। সব ধরনের আইটেম যেমন পোশাক বা জুতাগুলির জন্য একটি সু-ব্যবস্থা এবং সংগঠিত বিভাগ থাকলে গ্রাহকরা তাদের পছন্দগুলি বাছাই করা এবং ফিল্টার করা সহজ হবে। কল-টু-অ্যাকশন বোতাম, বৈশিষ্ট্যযুক্ত পণ্য বিভাগ, বিক্রয় বা অফারগুলির জন্য পপ-আপ এবং এই বিভাগে অন্যান্য অনুরূপ উপাদানগুলির মতো সীসা প্রজন্মের উপাদান যুক্ত করা এটি দর্শকদের কাছে আরও আকর্ষণীয় করে তুলতে পারে।

যদি আপনার একটি WooCommerce দোকান থাকে এবং আপনি এটিকে একটি নতুন রূপ দিতে চান, তাহলে এই টিউটোরিয়ালটি ঠিক আপনাকে শুরু করতে হবে।

অনেক WooCommerce থিমের মধ্যে রয়েছে পণ্য বিভাগের জন্য একটি ডিফল্ট লেআউট, যা আপনার ব্যবসার প্রয়োজনের জন্য সবচেয়ে উপযুক্ত হতে পারে বা নাও হতে পারে। যদিও এই ডিফল্টগুলি কিছু দরকারী বৈশিষ্ট্য নিয়ে গঠিত হতে পারে, সেগুলি প্রায়শই কাস্টমাইজ করা যায় না।

চলো ব্যবসায় নামা যাক.
আপনার পণ্য সেট আপ করার পরে, প্রকাশ করার আগে আপনাকে নিম্নলিখিতগুলি করতে হবে যাতে এটি একটি বিভাগে প্রদর্শিত হয়:

আপনি এই শর্তগুলি নির্ধারণ করবেন যা নির্ধারণ করবে যে এই পর্যায়ে আপনার পণ্যের টেমপ্লেট কোথায় প্রদর্শিত হবে। যখন আপনি একটি টেমপ্লেট ব্যবহার করেন, এটি স্বয়ংক্রিয়ভাবে আপনার সাইটের সমস্ত পণ্য পৃষ্ঠায় প্রযোজ্য হবে। আপনি আপনার অনুসন্ধানকে একটি নির্দিষ্ট পণ্য বিভাগে সীমাবদ্ধ করতে পারেন।

পাবলিশ এ ক্লিক করুন, এবং আপনার একক পণ্য এখন ক্রয়ের জন্য উপলব্ধ!

আমরা এখনও কাজ করা হয় না।
আমরা যা করেছি তা আমাদের সাইটে লাইভ ক্যাটাগরি পাওয়ার জন্য যথেষ্ট নয়; আমাদের ওয়েবসাইটের সমস্ত বা কিছু পৃষ্ঠায় বিভাগগুলি লাইভ পেতে, আমাদের এখনও কিছু জিনিস সেট আপ করতে হবে। কাজটি সম্পূর্ণ করতে, একটি পণ্য ক্যাটালগ পৃষ্ঠা তৈরি করুন যা সমস্ত পণ্যকে প্রভাবিত করবে বা একটি ক্যাটালগ পৃষ্ঠা যা পণ্যগুলির একটি নির্দিষ্ট শ্রেণীকে প্রভাবিত করবে৷
এটি করার জন্য, প্রথমে Elementor > My Templates-এ ফিরে যান এবং একটি পণ্য সংরক্ষণাগার টেমপ্লেট তৈরি করুন। তারপর হয় একটি বিদ্যমান টেমপ্লেট চয়ন করুন বা একটি নতুন তৈরি করুন৷ সংরক্ষণাগার পণ্য উইজেট এবং সংরক্ষণাগার শিরোনাম উইজেট আপনার পৃষ্ঠায় যোগ করে চেহারা কাস্টমাইজ করুন।

আপনার একক পণ্য টেমপ্লেটের জন্য আপনি ইতিমধ্যে তৈরি করা ডিজাইনের সাথে মেলে এটি কাস্টমাইজ করতে পৃষ্ঠাগুলির মধ্যে অনুলিপি শৈলী কার্যকারিতা ব্যবহার করুন এবং তারপরে আপনার পরিবর্তনগুলি সংরক্ষণ করুন৷
পণ্য পৃষ্ঠায় ফিরে যান এবং ড্রপডাউন মেনু থেকে অনুলিপি নির্বাচন করুন। আপনি যখন সংরক্ষণাগার পণ্যে ফিরে আসবেন তখন পেস্ট শৈলীতে ডান-ক্লিক করুন। আর্কাইভ পণ্য সেটিংসে কোয়েরি > উৎস ড্রপডাউন মেনু থেকে সর্বশেষ পণ্য চয়ন করুন।
তারপর পণ্য বিভাগ ড্রপডাউন মেনু থেকে রিং নির্বাচন করুন। শুধুমাত্র রিং বিভাগ এই পদ্ধতিতে প্রদর্শিত হবে. আপনার যদি একটি নির্দিষ্ট বিভাগের জন্য পণ্যগুলির একটি দীর্ঘ তালিকা থাকে, তাহলে আপনার পেজিনেশন চালু করা উচিত।
আপনি স্টাইল ট্যাবটি নির্বাচন করে কলাম এবং সারিগুলির মধ্যে দূরত্ব কাস্টমাইজ করতে পারেন। রঙ, ফন্ট এবং ডিজাইনের অন্যান্য দিক পরিবর্তন করুন।

প্রি-পাবলিশিং, আর্কাইভ কোথায় প্রদর্শিত হবে তা ঠিক করুন, যেমন আপনি একক প্রোডাক্ট টেমপ্লেটের জন্য করেছেন এবং তারপর প্রকাশ করুন।

একবার আপনি "প্রকাশ করুন" এ ক্লিক করলে আপনার আর্কাইভ পৃষ্ঠাটি লাইভ হবে।

এলিমেন্টর প্রো আপনাকে স্কুইকি ক্লিন প্রোডাক্ট ক্যাটাগরি ডিজাইন করার সম্ভাবনা দেয় তার প্যানোপ্লি অফ অপশন সহ;

আপনি এলিমেন্টার প্রো -এ উপলব্ধ বিকল্পগুলির সাথে নিম্নলিখিতগুলি সম্পাদন করতে পারেন:

WooCommerce পণ্য বিভাগের জন্য লেআউট সেটিংস

• কলাম: 1 থেকে 12 পর্যন্ত প্রদর্শনের জন্য কলামের সঠিক সংখ্যা সেট করুন
• বিভাগ গণনা: প্রদর্শনের জন্য বিভাগগুলির সংখ্যা নির্বাচন করুন

প্রশ্ন সেটিংস

• উত্স: যে উত্স থেকে বিভাগগুলি প্রদর্শন করতে হবে তা নির্বাচন করুন, সমস্ত থেকে বেছে নিন, ম্যানুয়াল নির্বাচন, পিতামাতার দ্বারা, বা বর্তমান উপশ্রেণীগুলি। ম্যানুয়াল নির্বাচন নির্বাচন করা হলে, কোন বিভাগগুলি প্রদর্শন করতে হবে তা ম্যানুয়ালি নির্বাচন করুন। যদি "অভিভাবক দ্বারা" নির্বাচন করা হয়, তবে শুধুমাত্র শীর্ষ স্তর থেকে নির্বাচন করুন, অথবা ড্রপডাউন তালিকা থেকে একটি পৃথক বিভাগ নির্বাচন করুন৷
• শূন্যতা লুকান: তাদের মধ্যে কোন পণ্য নেই এমন বিভাগগুলিতে হ্যাঁ সেট করুন
• অর্ডার দ্বারা: বিভাগগুলি প্রদর্শিত হবে এমন ক্রম সেট করুন। বিকল্পগুলির মধ্যে নাম, স্লাগ, বর্ণনা বা গণনা অন্তর্ভুক্ত রয়েছে
• অর্ডার: ASC বা DESC (আরোহী বা অবতরণ) ক্রমে বিভাগগুলি প্রদর্শন করতে নির্বাচন করুন

স্টাইল সেটিংস

• কলাম ফাঁক: কলামগুলির মধ্যে সঠিক ফাঁক সেট করুন
• সারি ফাঁক: সারিগুলির মধ্যে সঠিক ফাঁক সেট করুন
• সারিবদ্ধকরণ: বাম, ডান বা কেন্দ্রে পণ্যের ডেটা সারিবদ্ধ করুন

ইমেজ সেটিংস

• সীমানার ধরন: কোনটি, কঠিন, দ্বৈত, বিন্দুযুক্ত, ড্যাশযুক্ত বা খাঁজকাটা থেকে বেছে নিয়ে সীমানার ধরন নির্বাচন করুন
• বর্ডার ব্যাসার্ধ: সীমানার কোণার গোলাকারতা নিয়ন্ত্রণ করতে ব্যাসার্ধ সেট করুন
• ব্যবধান: ছবি এবং তাদের ডেটার মধ্যে জায়গার পরিমাণ সামঞ্জস্য করুন

শিরোনাম সেটিংস

• রঙ: শিরোনাম রঙ চয়ন করুন
• টাইপোগ্রাফি: টাইটেল টেক্সটের জন্য টাইপোগ্রাফি অপশন সেট করুন

সেটিংস গণনা করুন

• রঙ: গণনার জন্য রঙ চয়ন করুন
• টাইপোগ্রাফি: গণনার জন্য টাইপোগ্রাফি অপশন সেট করুন

উপসংহার

এলিমেন্টারে WooCommerce নির্মাতা আপনাকে আপনার নকশা নমনীয়তা প্রদান করে এবং আপনার প্রোডাক্ট পৃষ্ঠাগুলিকে দৃশ্যমানভাবে সূক্ষ্ম করে। একটি ধারণা থেকে একটি লাইভে যেতে সময় লাগে , এবং সম্পূর্ণরূপে কার্যকরী অনলাইন WooCommerce দোকানটি আপনার সময় সাশ্রয়ের ফলে উল্লেখযোগ্যভাবে হ্রাস পেয়েছে। সামগ্রিকভাবে, এলিমেন্টর দিয়ে আপনার WooCommerce দোকান পৃষ্ঠাটি কাস্টমাইজ করার ফলে আপনার ওয়েবসাইটের সামগ্রিক কর্মক্ষমতা উল্লেখযোগ্যভাবে প্রভাবিত করতে পারে। আপনি আপনার পণ্যগুলিকে সর্বোত্তম উপায়ে সংগঠিত এবং প্রদর্শন করে বিক্রয়কে সহায়তা বা বাধা দিতে পারেন যাতে গ্রাহকরা তাদের দেখতে এবং কিনতে পারেন। এলিমেন্টারে আপনার WooCommerce দোকান পৃষ্ঠার সেটআপ এবং কাস্টমাইজেশন এই গাইডের ধাপগুলির মাধ্যমে প্রদর্শিত হবে। যাইহোক, মনে রাখবেন যে সমস্যাটির পরিপ্রেক্ষিতে এটি হিমশৈলের একমাত্র টিপ। আপনার দোকানের জন্য আদর্শ দোকান পৃষ্ঠা তৈরির জন্য এলিমেন্টর ব্যবহার করার একটি ভূমিকা এই মৌলিক প্রদর্শনীতে দেখানো হয়েছে। এটি একটি প্রারম্ভিক বিন্দু হিসাবে ব্যবহার করুন এবং এই চমত্কার পৃষ্ঠা নির্মাতা থেকে সর্বাধিক পেতে এটির সাথে খেলুন