Avada WooCommerce নির্মাতার সাথে কিভাবে একটি ইকমার্স তৈরি করবেন

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

আভাদা আপনাকে আপনার ওয়েবসাইটের চেহারা কাস্টমাইজ করার ক্ষমতা দেওয়ার বিষয়ে, যা WooCommerce ইন্টিগ্রেশনের সাথে আলাদা নয়। আমাদের জনপ্রিয় অ্যাডভান্স অপশন নেটওয়ার্ক ব্যবহার করে, আপনি বিভিন্ন ধরণের ডিজাইনের সম্ভাবনার জন্য কাস্টমাইজেশনের বিস্তৃত পরিসর থেকে নির্বাচন করতে পারেন, যার মধ্যে রয়েছে:

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

Avada দিয়ে আপনার ইকমার্স সাইট তৈরি করতে। 

প্রথমে, আমাদের অবশ্যই অ্যাভাদাতে wooCommerce ইনস্টল করতে হবে।

WooCommerce ইনস্টল করা - ধাপে ধাপে নির্দেশাবলী

যান আভাদা> Plugin S / Add-ons এবং কমার্স জন্য বর্ণন plugin , নিচের স্ক্রিনশট দেখানো হয়েছে।

ধাপ 1 - WooCommerce plugin ইনস্টল করুন ।

ধাপ 2 - ড্রপ-ডাউন মেনু থেকে 'ইনস্টল' নির্বাচন করুন।

plugin স্বয়ংক্রিয়ভাবে ইনস্টল এবং সক্রিয় হবে।

ধাপ 3 - এর পরে, WooCommerce সেটআপ উইজার্ড প্রদর্শিত হবে। আপনি যদি আমাদের Woo ডেমোগুলির মধ্যে একটি আমদানি করেন, যেমন মডার্ন শপ বা ক্লাসিক শপ, আপনি আপনার ডেটা হারানোর ঝুঁকি ছাড়াই এই ধাপটি এড়িয়ে যেতে পারেন৷ এড়িয়ে যেতে, ড্রপ-ডাউন মেনু থেকে 'এখনই নয়' নির্বাচন করুন৷ আপনি যদি আমাদের Woo ডেমোগুলির একটি আমদানি না করে থাকেন, তাহলে 'চলো যাই!' ক্লিক করে পরবর্তী ধাপে এগিয়ে যান! সেটআপ প্রক্রিয়া শুরু করতে বোতাম।

ধাপ 4 - প্রক্রিয়াটি সম্পূর্ণ করতে এবং আপনার স্টোর সম্পর্কে প্রয়োজনীয় তথ্য প্রবেশ করতে অনস্ক্রিন প্রম্পট এবং নির্দেশাবলী অনুসরণ করুন। আপনার কাজ শেষ হলে 'Create Your First Product' বোতামে ক্লিক করে, আপনি আপনার প্রথম পণ্য তৈরি করতে এগিয়ে যেতে সক্ষম হবেন। বিকল্পভাবে, সেটআপ উইন্ডোর নীচে অবস্থিত লিঙ্কে ক্লিক করে আপনি আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ডে ফিরে যেতে পারেন।

কিভাবে আপনার ওয়েবসাইটে একটি শপ পেজ বরাদ্দ করবেন

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

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

WooCommerce সেটিংস - WooCommerce > সেটিংস > পণ্য --এ গিয়ে পণ্য ট্যাবে গিয়ে দোকানের পৃষ্ঠাটি ম্যানুয়ালি সেট করতে পারেন এবং ড্রপ-ডাউন মেনু থেকে মূল শপ পৃষ্ঠাটি নির্বাচন করুন৷ WooCommerce তারপরে আপনার কর্মের ফলস্বরূপ এই পৃষ্ঠায় আপনার পণ্যগুলি প্রদর্শন করবে।

অবশিষ্ট পৃষ্ঠাগুলি অ্যাডভান্সড ট্যাবে কনফিগার করা যেতে পারে, WooCommerce > সেটিংস > Advanced

আপনার পণ্য তৈরি করা

ধাপ 1 - আপনার ওয়ার্ডপ্রেস অ্যাডমিন সাইডবারে, পণ্য > পণ্য যোগ করুন ট্যাবে নেভিগেট করুন।

ধাপ 2 - পৃষ্ঠার শীর্ষে, আপনার পণ্যের নাম লিখুন।

ধাপ 3 - পণ্যের বিবরণ থেকে পাঠ্য সহ পোস্ট সামগ্রী ক্ষেত্রটি পূরণ করুন। পণ্যের সমস্ত তথ্য এই বিভাগে প্রদর্শিত হবে।

ধাপ 4 - পণ্যের সমস্ত তথ্য দিয়ে ' প্রোডাক্ট ডেটা ' বক্সটি পূরণ করুন। জন্য , মূল্য, SKU এবং শিপিং সব সম্ভাব্য বিকল্প amp

ধাপ 5 - ' পণ্যের সংক্ষিপ্ত বিবরণ ' বক্সে, আপনার পণ্যের একটি সংক্ষিপ্ত বিবরণ টাইপ করুন যা আপনার প্রধান চিত্রগুলির পাশাপাশি প্রদর্শিত হবে।

ধাপ 6 - প্রধান বৈশিষ্ট্যযুক্ত চিত্রটি পৃষ্ঠার ডানদিকে পণ্যের চিত্র এটি প্রতিটি পণ্যের জন্য সম্পূর্ণ করা আবশ্যক।

ধাপ 7 পণ্য গ্যালারি আরও ছবি যদি আপনি একটি ছবির পরিবর্তে ছবির গ্যালারি ব্যবহার করতে চান।

ধাপ 8 - ' পণ্য বিভাগ ' বক্সে, আপনার পণ্যগুলিতে প্রযোজ্য বিভাগগুলি লিখুন। পণ্য ট্যাগ ' বাক্সে আপনার পণ্যের জন্য উপযুক্ত ট্যাগগুলি দিয়ে শূন্যস্থান পূরণ করুন

ধাপ 9 – একবার আপনি সমস্ত প্রয়োজনীয় তথ্য প্রবেশ করান, ' প্রকাশ করুন ' বোতামে ক্লিক করুন এবং আইটেমটি আপনার প্রধান স্টোরফ্রন্ট পৃষ্ঠায় প্রদর্শিত হবে।

প্রোডাক্ট জুম এফেক্ট তৈরি করা

আপনি যদি Avada লেআউট ব্যবহার করেন, তাহলে আপনাকে নিশ্চিত করতে হবে যে WooCommerce পণ্যের ছবি জুম বিকল্পটি Avada > বিকল্প > WooCommerce > General WooCommerce > WooCommerce পণ্যের ছবি জুম বিকল্পে , অথবা Woo পণ্যের চিত্রের উপাদান সাধারণ ট্যাবে আপনি যদি WooCommerce লেআউট ব্যবহার করেন তাহলে পণ্যের ছবি জুম

WooCommerce পণ্যের চিত্রের প্রস্থ - আপনার প্রধান চিত্রের প্রস্থ (নীচের সেটিং দেখুন) এবং আপলোড করা চিত্রের প্রকৃত আকার উভয়ই Avada > বিকল্প > WooCommerce > সাধারণ WooCommerce > WooCommerce পণ্যের চিত্রের প্রস্থ বা পণ্যের চিত্রের সর্বোচ্চ প্রস্থ সেটিং এর Woo প্রোডাক্ট ইমেজ এলিমেন্টে। একটি একক পণ্য গ্যালারির জন্য কন্টেইনার কলামের প্রস্থ আপনার চয়ন করা সেটিংস দ্বারা নির্ধারিত হবে৷ একবার আপনি প্রয়োজনীয় সমন্বয় করে ফেললে, আপনি আপনার WooCommerce প্রধান চিত্রের প্রস্থ সেট করতে প্রস্তুত থাকবেন।

ওয়ার্ডপ্রেস প্রধান চিত্র প্রস্থ - WooCommerce প্রধান চিত্র প্রস্থ সেটিং আপনার ওয়ার্ডপ্রেস ওয়েবসাইটের কাস্টমাইজারে পাওয়া যাবে। ওয়ার্ডপ্রেস ড্যাশবোর্ড থেকে, চেহারা > কাস্টমাইজ > WooCommerce > পণ্যের ছবিগুলিতে , যেখানে আপনি প্রধান চিত্র প্রস্থ সেটিংস পাবেন; এটি গ্যালারিতে প্রদর্শিত চিত্রের প্রকৃত আকার নির্ধারণ করবে।

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

WooCommerce চিত্রের আকার পরিবর্তন করার পরে আপনার থাম্বনেইলগুলি পুনরায় তৈরি করুন তা নিশ্চিত করুন; এটি ইতিমধ্যেই আপনার ওয়েবসাইটে আপলোড করা হয়েছে এমন যেকোনো ছবিতে আপনার নতুন ছবির মাপ প্রয়োগ করবে। আপনি এটি সম্পন্ন করতে পুনর্জন্ম থাম্বনেইল plugin ব্যবহার করতে পারেন।

WooCommerce এ পণ্যের ছবির আকারের সেটিংস সামঞ্জস্য করা।

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

ধরুন আপনি আপনার পণ্যের জন্য আপলোড করা ছবিগুলি আপনার WooCommerce সেটিংসে নির্দিষ্ট করা ছবির আকারের তুলনায় উৎসে ছোট। সেক্ষেত্রে, আপনি আপনার দোকানের পাতার সামনের প্রান্তে কিছু চাক্ষুষ বিন্যাসের অসঙ্গতি লক্ষ্য করতে পারেন; এটি কোনোভাবেই বাগ নয়। এটি কেবলমাত্র কারণ আপনার ছবিগুলি WooCommerce সেটিংসকে প্রভাবিত করার জন্য খুব ছোট ছিল। আপনি ইমেজ মাত্রার পরিপ্রেক্ষিতে আপনার ছবিগুলির জন্য সর্বাধিক প্রস্থ এবং উচ্চতা হিসাবে এই সেটিংসগুলি ভাবতে পারেন। নির্ধারিত সীমার নিচে যে কিছু পড়ে তার আকার পরিবর্তন করা হবে না।

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

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

ধাপ 1 - আপনার প্রশাসক সাইডবারে, আপনার সাইটটি কাস্টমাইজ করা শুরু করতে ' ট্যাব এবং তারপর ' কাস্টমাইজ করুন

ধাপ 2 পৃষ্ঠার শীর্ষে WooCommerce নেভিগেট করুন

ধাপ 3 পণ্য চিত্র ' ট্যাবের অধীনে পাওয়া যাবে

ধাপ 4 - যখন আপনি আপনার একক পণ্যের পৃষ্ঠাগুলিতে ছবি আপলোড করেন, তখন প্রধান চিত্র প্রস্থ বিকল্পটি নির্বাচন করুন। থাম্বনেইলের প্রস্থ হল ক্যাটালগে আপনার পণ্যের থাম্বনেইলের প্রস্থ। আপনার পছন্দসই প্রস্থ মান দিয়ে শূন্যস্থান পূরণ করুন।

ধাপ 5 - আপনি চিত্রের আকার পরিবর্তন করার পরে এবং সেগুলি সংরক্ষণ করার পরে থাম্বনেইলগুলি পুনরায় তৈরি করতে, আপনাকে পুনঃজেনারেট থাম্বনেইল plugin করতে হবে, যা Plugin বিভাগে পাওয়া যাবে। প্রথমে, পুনঃজেনারেট থাম্বনেইল plugin এবং তারপরে WP অ্যাডমিন > টুলস ট্যাবে নেভিগেট করুন, যেখানে আপনি নতুন ছবির আকার তৈরি করে আপনার ছবির থাম্বনেইলগুলি পুনরায় তৈরি করতে বেছে নিতে পারেন।

একটি মন্তব্য ত্যাগ করুন

আপনার ইমেইল ঠিকানা প্রচার করা হবে না. প্রয়োজনীয় ক্ষেত্রগুলি চিহ্নিত করা হয়েছে *