এই পোস্টে, আমরা আপনাকে দেখাব কিভাবে এলিমেন্টর এবং WC প্রোডাক্ট টেবিলকে একত্রিত করে আরও কাস্টমাইজড ওয়ার্ডপ্রেস সাইট তৈরি করার পাশাপাশি আপনার WooCommerce স্টোরের বিক্রয় বৃদ্ধি করা যায়।
ওয়ার্ডপ্রেস একটি ওয়েবসাইট তৈরি এবং এটি দ্রুত চালু করার প্রক্রিয়াকে সহজ করে। WooCommerce হল একটি ওয়ার্ডপ্রেস plugin যা আপনাকে যেকোনও ওয়ার্ডপ্রেস ওয়েবসাইটকে একটি সম্পূর্ণ কাজ করা অনলাইন স্টোরে পরিণত করতে দেয়। আপনি একটি কপিক্যাট সাইট তৈরির ঝুঁকি চালান, যদিও, আপনি যদি তাদের ডিফল্ট বিকল্প এবং বৈশিষ্ট্যগুলি চালিয়ে যান তবে এটি আপনার ব্যবসার প্রয়োজনের জন্য উপযুক্ত নাও হতে পারে। আপনি যা চান তা না হওয়া পর্যন্ত আপনার ওয়েবসাইট ডিজাইন এবং কাস্টমাইজ করার জন্য সেরা সরঞ্জামগুলি সনাক্ত করা গুরুত্বপূর্ণ।
আপনার স্টোরের কার্যকারিতা বাড়াতে অনেক ওয়ার্ডপ্রেস এবং WooCommerce plugin amp , আপনার WooCommerce পণ্য পৃষ্ঠা কাস্টমাইজ করার জন্য সবচেয়ে সহজ টুল। যদিও এটি এর অন্যতম উল্লেখযোগ্য সুবিধা, তবে এর কিছু উল্লেখযোগ্য অসুবিধাও রয়েছে। উদাহরণস্বরূপ , আপনি যখন বিভিন্ন লেখকের ওয়ার্ডপ্রেস plugin amp আপনি সামঞ্জস্যের ত্রুটি এবং অন্যান্য জটিলতার সম্মুখীন হওয়ার সম্ভাবনা চালান; ওয়ার্ডপ্রেস ওয়েবসাইটের জন্য WooCommerce পণ্য টেবিল এবং Elementor plugin ব্যবহার করার সময় এটি হয় না plugin যে কোনও একটি ব্যবহার করার সময় আপনার সাইটের চেহারা এবং কার্যকারিতার উপর আপনার আরও বেশি নিয়ন্ত্রণ থাকবে এবং আরও দুর্দান্ত ফলাফল পেতে এগুলি একত্রে ব্যবহার করা যেতে পারে।
- WooCommerce পণ্য টেবিল এবং এলিমেন্টর ফ্রেমওয়ার্কের একটি দ্রুত ওভারভিউ
- একটি টেক্সট এডিটর বা শর্টকোড উইজেটে একটি WooCommerce পণ্য টেবিল অন্তর্ভুক্ত করতে, এই পদক্ষেপগুলি অনুসরণ করুন:
- অ্যাকর্ডিয়ন, ট্যাব এবং টগলগুলি বিভিন্ন পণ্য টেবিল সংগঠিত করতে ব্যবহার করা যেতে পারে।
WooCommerce পণ্য টেবিল এবং এলিমেন্টর ফ্রেমওয়ার্কের একটি দ্রুত ওভারভিউ
পূর্বে বলা হয়েছে, আপনার নির্দিষ্ট প্রয়োজনীয়তার সাথে ব্যক্তিগতকৃত একটি ভাল ওয়ার্ডপ্রেস সাইট তৈরি করতে আপনাকে সহায়তা করার জন্য ওয়ার্ডপ্রেস plugin একটি বিশাল নির্বাচন উপলব্ধ রয়েছে। কিছু plugin বৃহৎ পরিসরে ব্যবহার করার জন্য ডিজাইন করা হয়েছে, যেখানে অন্যগুলি একটি নির্দিষ্ট দিক বা বৈশিষ্ট্য যোগ করার জন্য ডিজাইন করা হয়েছে।
এলিমেন্টর হল প্রথম ধরনের অ্যাপ্লিকেশনের একটি amp :
আমাদের পৃষ্ঠা নির্মাতা plugin আপনাকে ওয়েব পৃষ্ঠাগুলি তৈরি করতে এবং আপনার ওয়ার্ডপ্রেস ওয়েবসাইট তৈরি করার জন্য একটি সম্পূর্ণ নতুন ইন্টারফেস অফার করে। উইজেট, ব্লক এবং লেআউটগুলির একটি বিস্তৃত লাইব্রেরি থেকে নির্বাচন এবং কাস্টমাইজ করার মাধ্যমে আপনার ওয়েবসাইটকে যেভাবে একত্রিত করা হয় তার উপর আপনি প্রচুর নিয়ন্ত্রণ লাভ করেন।
WooCommerce পণ্য টেবিল একটি আরো সাধারণ সমাধান হলেও, এটি আরও লক্ষ্যযুক্ত:
এই plugin আপনাকে গতিশীল, সম্পূর্ণরূপে কাস্টমাইজযোগ্য টেবিল তৈরি করতে দেয় যা আপনার WooCommerce পণ্য এবং পরিষেবাগুলির তালিকা করে। যাইহোক, WooCommerce-এর সাথে তাদের মিথস্ক্রিয়া থাকার কারণে, এই টেবিলগুলি অনলাইন ক্রেতাদের জন্য ব্যবহারকারী-বান্ধব এবং দৃশ্যত আকর্ষণীয় পদ্ধতিতে আইটেম এবং পরিষেবাগুলি প্রদর্শনের জন্য বিশেষভাবে উপযুক্ত। পোস্ট টেবিল প্রো plugin Elementor-এর সাথে সমানভাবে ইন্টারঅ্যাক্ট করে এবং শুধুমাত্র WooCommerce পণ্যের পরিবর্তে একটি টেবিলে যেকোনও ওয়ার্ডপ্রেস বিষয়বস্তুর প্রকার তালিকাভুক্ত করে (যদি আপনি পণ্যগুলি থেকে আলাদা কিছু প্রদর্শন করতে চান - যেমন পোস্ট, পৃষ্ঠা বা নথি), পরিবর্তে ব্যবহার করা যেতে পারে।
যখন একে অপরের সাথে একত্রে ব্যবহার করা হয়, Elementor এবং WooCommerce পণ্য টেবিল উল্লেখযোগ্যভাবে বিভিন্ন ক্ষমতা প্রদান করে। আপনি এগুলিকে কিছু অত্যন্ত গুরুত্বপূর্ণ প্রভাব তৈরি করতে ব্যবহার করতে পারেন যা আপনার WooCommerce স্টোরের বিক্রয়ের সংখ্যা বাড়াতে সাহায্য করবে৷
এখন ব্যবসায় নামার পালা। নিম্নলিখিত বিভাগগুলিতে, আমরা উপরে দেখানোর মতো প্রভাব তৈরি করতে আপনি কীভাবে WooCommerce পণ্য টেবিল এবং এলিমেন্টর ব্যবহার করতে পারেন তার কিছু বাস্তব-বিশ্বের amp দেখব।
যখন এই দুটি plugin একত্রিত করার কথা আসে, তখন আকাশ হল সীমা - এবং এইগুলি হল কয়েকটি সম্ভাবনা। কিছুটা ট্রায়াল এবং ত্রুটির সাথে, আপনি একই মৌলিক পদ্ধতি ব্যবহার করে বিভিন্ন পৃষ্ঠা একত্রিত করতে পারেন যা আমরা প্রদর্শন করব।
প্রথম এবং সর্বাগ্রে, আপনি নিশ্চিত করতে চাইবেন যে উভয় plugin আপনার সাইটে সঠিকভাবে ইনস্টল করা আছে। এটি একটি ভাল জিনিস যে এলিমেন্টর ইনস্টল করা এবং WooCommerce পণ্য টেবিল কনফিগার করা ব্যথাহীন এবং সহজবোধ্য। আপনি এই ধাপে এগিয়ে যাওয়ার আগে WooCommerce নিজেও ইনস্টল এবং সক্ষম হতে হবে। তারপর আপনি আপনার প্রকল্পে কাজ করতে যেতে প্রস্তুত হবেন.
একটি টেক্সট এডিটর বা শর্টকোড উইজেটে একটি WooCommerce পণ্য টেবিল অন্তর্ভুক্ত করতে, এই পদক্ষেপগুলি অনুসরণ করুন:
সবচেয়ে মৌলিক এবং উপকারী অ্যাপ্লিকেশন দিয়ে শুরু করা যাক। বিকল্পভাবে, আপনি যদি আপনার Elementor ওয়েবসাইটে একটি ডায়নামিক পণ্য টেবিল ব্যবহার করতে চান, তাহলে আপনি এটিকে একটি উইজেটে যোগ করতে পারেন এবং এটিকে ওয়েবসাইটের সামনের প্রান্তে দেখাতে পারেন।
নিশ্চিত করুন যে আপনি এলিমেন্টর সম্পাদক ব্যবহার করছেন যখন আপনি এটি সম্পন্ন করার জন্য কোনো পৃষ্ঠা বা পোস্ট খুলছেন। আপনি যদি পরিচিত ওয়ার্ডপ্রেস ইন্টারফেসের সাথে উপস্থাপিত হন, তাহলে এলিমেন্টর ইন্টারফেসে স্যুইচ করতে এলিমেন্টর সহ সম্পাদনা বোতামে ক্লিক করুন:
যদি এটি আপনার প্রথমবার Elementor এর সাথে কাজ করা হয়, তাহলে আসুন প্ল্যাটফর্মের চারপাশে একটু ঘুরে আসি। ডানদিকে একটি বৃহৎ এলাকা প্রদর্শিত হবে যেখানে আপনার সামগ্রী প্রদর্শিত হবে এবং আপনি এটি যোগ এবং পরিবর্তন করার সাথে সাথে এটি রিয়েল-টাইমে আপডেট হবে। স্ক্রিনের বাম দিকে, 'উইজেট'-এর একটি তালিকা রয়েছে যা আপনি নির্ধারিত এলাকায় টেনে আনতে পারেন এবং তারপর প্রয়োজন অনুসারে পুনর্গঠন ও কনফিগার করতে পারেন:
একটি পণ্য টেবিল বিভিন্ন এলিমেন্টর উইজেটের সাথে ব্যবহার করা যেতে পারে। আপনি যদি একটি পৃষ্ঠায় শুধুমাত্র একটি পণ্য টেবিল প্রদর্শন করতে চান তবে, আপনি পৃষ্ঠার HTML কোডে একটি পরিচায়ক পাঠ্য বিভাগ অন্তর্ভুক্ত করে এটি সম্পন্ন করতে পারেন। টেক্সট এডিটর উইজেটটি নিন এবং এটিকে একটি খালি জায়গায় নিয়ে যান:
এর পরে, আপনি ডিফল্ট পাঠ্যটি মুছে ফেলার জন্য উইজেটের ভিতরে ক্লিক করতে পারেন এবং আপনি যা চান তা প্রতিস্থাপন করতে পারেন। যখন এটি পণ্যের টেবিলে আসে, তখন আপনি এই সহজ শর্টকোডে পেস্ট করে এটি অন্তর্ভুক্ত করতে পারেন:
[পণ্য টেবিল]
আপনি যখন আপনার পৃষ্ঠায় শর্টকোডটি সন্নিবেশ করেন, তখন টেবিলটি আপনার নির্দিষ্ট স্থানে উপস্থিত হবে, যা আপনি সামনের প্রান্তে দেখে যাচাই করতে পারেন:
আপনি যদি শুধুমাত্র কোডের জন্য একটি উপাদান ব্যবহার করতে চান, আপনি শর্টকোড উইজেট ব্যবহার করতে পারেন।
আপনি টেবিলের অবস্থান শেষ করার পরে পৃষ্ঠাটি সংরক্ষণ করতে ভুলবেন না, আপনি যেখানেই এটি রাখার সিদ্ধান্ত নেন না কেন। এটি অনুসরণ করে, আপনি সম্ভবত টেবিলটি কীভাবে প্রদর্শিত হবে এবং ফাংশন করতে কিছু পরিবর্তন করতে চাইবেন।
আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ডে ফিরে যান এবং এই কাজটি সম্পূর্ণ করতে WooCommerce > সেটিংস ট্যাবে নেভিগেট করুন। স্ক্রীনের শীর্ষে পণ্য এবং তারপর পণ্য টেবিল নির্বাচন করে পণ্য টেবিল পাওয়া যাবে:
আপনার WooCommerce পণ্য টেবিল কনফিগার করার জন্য বিকল্পগুলির একটি পুঙ্খানুপুঙ্খ তালিকা এখানে পাওয়া যাবে। সারণীতে প্রদর্শিত তথ্যের উপর আপনার সম্পূর্ণ নিয়ন্ত্রণ রয়েছে এবং আপনি অন্যান্য জিনিসের মধ্যে ফিল্টার এবং ভেরিয়েবল যোগ করে এটি কাস্টমাইজ করতে পারেন। বিভিন্ন পছন্দ সম্পর্কে আরও তথ্যের জন্য plugin ডকুমেন্টেশন দেখুন।
আপনি অন্য কিছু না করেই এলিমেন্টর ব্যবহার করে তৈরি পণ্য টেবিলটি পরিবর্তন করতে সক্ষম হবেন। একবার আপনি আপনার স্পেসিফিকেশনে টেবিলটি কাস্টমাইজ করা শেষ করলে, কেবল আপনার পরিবর্তনগুলি সংরক্ষণ করুন এবং আপনি যেতে প্রস্তুত!
অ্যাকর্ডিয়ন, ট্যাব এবং টগলগুলি বিভিন্ন পণ্য টেবিল সংগঠিত করতে ব্যবহার করা যেতে পারে।
আপনি যদি আপনার WooCommerce পণ্যগুলির সাথে একটি একক টেবিল উপস্থাপন করতে চান তবে উপরের সমাধানটি ভাল কাজ করে। আপনি যদি অনেকগুলি টেবিল তৈরি করতে যাচ্ছেন, যার প্রতিটিতে একটি আলাদা বিভাগ রয়েছে, এটি সেরা বিকল্প নয়।
এলিমেন্টরে এটি সম্পন্ন করার বিভিন্ন উপায় রয়েছে। অ্যাকর্ডিয়ন উইজেট, এক্স amp le এর জন্য, একই প্রভাব তৈরি করতে ব্যবহার করা যেতে পারে যা আমরা শেষ কেস স্টাডিতে দেখেছি। ডান হাতের সম্পাদনা এলাকা থেকে শুরু করে, অ্যাকর্ডিয়ন উইজেটটিকে বাম হাতের সম্পাদনা এলাকায় নিয়ে যান।
আপনি প্লাস চিহ্নগুলিতে ক্লিক করে যত খুশি আলাদা ট্যাব তৈরি করতে পারেন, এবং আপনি প্রতিটির মধ্যে শিরোনাম এবং পাঠ্য কাস্টমাইজ করতে পারেন। উপরন্তু, আপনি পূর্বে উল্লিখিত একই শর্টকোড ব্যবহার করে এক বা একাধিক ট্যাবে একটি পণ্য টেবিল যোগ করতে পারেন।
অবশ্যই, শুধুমাত্র মৌলিক শর্টকোড যোগ করার ফলে অনুরূপ পণ্য টেবিলের উত্তরাধিকার হবে, যা সম্ভবত আপনি প্রথম স্থানে যা খুঁজছিলেন তা নয়। পরিবর্তে, আপনাকে শুধুমাত্র নির্দিষ্ট পণ্য প্রদর্শনের জন্য প্রতিটি শর্টকোড কাস্টমাইজ করতে হবে - amp , একটি নির্দিষ্ট বিভাগের আইটেমগুলির জন্য - সমস্ত পণ্যের পরিবর্তে।
আপনি যে পণ্যগুলিকে অন্তর্ভুক্ত করতে চান এবং প্রশ্নে থাকা প্রতিটি টেবিল থেকে বাদ দিতে চান তার দ্বারা আপনি যে পদ্ধতিটি ব্যবহার করেন তা নির্ধারণ করা হবে৷ অতিরিক্ত তথ্যের জন্য, অনুগ্রহ করে আপনার WooCommerce পণ্য টেবিল শর্টকোড কাস্টমাইজ করার সম্পূর্ণ নির্দেশিকা দেখুন।
এটি লক্ষণীয় যে আপনি অন্য কিছু সহায়ক এলিমেন্টর উইজেটগুলির সাহায্যে অনুরূপ প্রভাব অর্জন করতে পারেন; এটি অন্যান্য উপাদানগুলির মধ্যে টগল উইজেট এবং ট্যাব উইজেট অন্তর্ভুক্ত করে। একটি আকর্ষণীয় এবং সুসংগঠিত পদ্ধতিতে WooCommerce পণ্য টেবিল উপস্থাপনের পরিপ্রেক্ষিতে
বিনামূল্যে অনলাইন HTML, CSS, এবং JavaScript সংগঠকদের ধন্যবাদ আপনার স্লোপি মার্কআপ পরিষ্কার করুন!
আপনার ই-কমার্স ওয়েবসাইটের ডিজাইনে কিছু গুরুতর চিন্তাভাবনা রাখুন যদি আপনি চান আপনার ব্যবসা প্রতিযোগিতা থেকে আলাদা হতে। amp , আপনি আপনার পণ্যগুলিকে প্রদর্শনের সবচেয়ে কার্যকর পদ্ধতি নির্ধারণ করতে চাইবেন, আদর্শভাবে এমন একটি শৈলীতে যা ব্যবহারকারী-বান্ধব এবং চোখের কাছে দৃশ্যমানভাবে আকর্ষণীয়।
সৌভাগ্যবশত, এলিমেন্টরের সাথে WooCommerce পণ্য টেবিল plugin ব্যবহার করা এটি একটি সহজ কাজ করে তোলে। আপনার পণ্য টেবিল শর্টকোড একটি সত্যিকারের গতিশীল উপায়ে আপনার সাইটের অফার (বা শুধুমাত্র একটি নির্বাচন) সবকিছু প্রদর্শন করতে ব্যবহার করা যেতে পারে।
