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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

প্রাক-প্রকাশনা, সংরক্ষণাগারটি কোথায় প্রদর্শিত হবে তা নির্ধারণ করে এমন শর্তগুলি নির্বাচন করুন, যেমন আপনি একক পণ্য টেমপ্লেটের জন্য করেছিলেন, এবং তারপর প্রকাশ করুন৷

একবার আপনি "প্রকাশ করুন" টিপুন, আপনার সংরক্ষণাগার পৃষ্ঠাটি লাইভ হবে৷

এলিমেন্টর প্রো আপনাকে বিকল্পগুলির প্যানোপলি সহ চটকদার পরিষ্কার পণ্য বিভাগগুলি ডিজাইন করার সম্ভাবনা দেয়;

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

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

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

ক্যোয়ারী সেটিংস

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

শৈলী সেটিংস

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

ইমেজ সেটিংস

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

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

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

গণনা সেটিংস

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

উপসংহার

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