Avada WooCommerce بلڈر کے ساتھ ای کامرس کیسے بنایا جائے۔

جب آن لائن اسٹور لگانے کی بات آتی ہے تو ، WooCommerce جانے والا plugin ۔ ایک آن لائن اسٹور قائم کرنا اور اپنی مصنوعات کی فروخت شروع کرتے ہی یہ مضحکہ خیز آسان ہے۔ آواڈا WooCommerce کے لیے جامع سپورٹ اور ڈیزائن انضمام فراہم کرتا ہے ، جس سے آپ اپنے خوابوں کی دکان بناسکتے ہیں اور یہ بھی یقینی بناتے ہیں کہ یہ بالکل وہی فریم ہے جو آپ کے ذہن میں ہے۔  

اوڈا آپ کو اپنی ویب سائٹ کی ظاہری شکل کو اپنی مرضی کے مطابق کرنے کی صلاحیت دینے کے بارے میں ہے ، جو WooCommerce انضمام سے مختلف نہیں ہے۔ ہمارے مشہور ایڈوانس آپشن نیٹ ورک کا استعمال کرتے ہوئے ، آپ مختلف قسم کے ڈیزائن کے امکانات کے لیے حسب ضرورت کی وسیع رینج میں سے انتخاب کرسکتے ہیں ، بشمول:

  • WooCommerce کا اپنا Avada Global Options Panel ہے ، جو کہ Avada Global Options کے مرکزی پینل سے الگ ہے۔
  • Avada پیج آپشنز ہر پروڈکٹ کے لیے دستیاب ہیں۔
  • آواڈا بلڈر آپ کو عناصر کو گھسیٹ کر اور گرا کر پروڈکٹ پیج ڈیزائن بنانے کی اجازت دیتا ہے۔

آواڈا کے ساتھ اپنی ای کامرس سائٹ بنانے کے لیے۔ 

سب سے پہلے ، ہمیں اواڈا میں wooCommerce انسٹال کرنا ہوگا۔

WooCommerce انسٹال کرنا - مرحلہ وار ہدایات۔

پر جائیں Avada> Plugin S / شامل کریں ons اور ورڈپریس کے لئے نظر plugin ، ذیل اسکرین شاٹ میں دکھایا گیا ہے.

مرحلہ 1 - WooCommerce plugin انسٹال کریں ۔

مرحلہ 2 - ڈراپ ڈاؤن مینو سے 'انسٹال' کو منتخب کریں۔

plugin خود بخود انسٹال اور چالو ہوجائے گا۔

مرحلہ 3 - اس کے بعد، WooCommerce سیٹ اپ وزرڈ ظاہر ہونا چاہیے۔ اگر آپ ہمارے وو ڈیمو میں سے کوئی ایک درآمد کر رہے ہیں، جیسا کہ ماڈرن شاپ یا کلاسک شاپ، تو آپ اپنے ڈیٹا کو کھونے کے خطرے کے بغیر اس مرحلہ کو چھوڑ سکتے ہیں۔ آگے جانے کے لیے، ڈراپ ڈاؤن مینو سے 'ابھی نہیں' کو منتخب کریں۔ اگر آپ ہمارے وو ڈیمو میں سے ایک درآمد نہیں کر رہے ہیں، تو 'چلو چلیں!' پر کلک کر کے اگلے مرحلے پر جائیں۔ سیٹ اپ کا عمل شروع کرنے کے لیے بٹن۔

مرحلہ 4 - عمل کو مکمل کرنے اور اپنے اسٹور کے بارے میں ضروری معلومات درج کرنے کے لیے اسکرین پر موجود اشارے اور ہدایات پر عمل کریں۔ 'اپنا پہلا پروڈکٹ بنائیں' بٹن پر کلک کرکے جب آپ کام ختم کر لیں گے، آپ اپنی پہلی پروڈکٹ بنانے کے لیے آگے بڑھ سکیں گے۔ متبادل طور پر، آپ سیٹ اپ ونڈو کے نیچے موجود لنک پر کلک کر کے اپنے ورڈپریس ڈیش بورڈ پر واپس جا سکتے ہیں۔

اپنی ویب سائٹ پر شاپ پیج کیسے تفویض کریں۔

عام WooCommerce تنصیب کے عمل کے ایک حصے کے طور پر ، سیٹ اپ مددگار شروع کیا جانا چاہیے ، جس سے آپ اپنی دکان کو ترتیب دے سکتے ہیں اور اپنی دکان کے صفحات گاہکوں کو تفویض کر سکتے ہیں۔ ان صفحات پر مزید معلومات جو سیٹ اپ وزرڈ بناتا ہے اس WooCommerce دستاویز میں پایا جا سکتا ہے۔

متبادل کے طور پر ، اگر سیٹ اپ وزرڈ ظاہر نہیں ہوتا ہے ، یا اگر آپ اسے کسی وجہ سے منسوخ کرتے ہیں تو ، آپ ہمیشہ کسی بھی WooCommerce پیج پر ہیلپ مینو سے سیٹ اپ وزرڈ کو منتخب کرکے سیٹ اپ وزرڈ پر واپس آ سکتے ہیں ، جو کہ اوپر بائیں طرف پایا جا سکتا ہے۔ کھڑکی

WooCommerce Settings - WooCommerce > Settings > Products میں مصنوعات کے ٹیب پر جا کر اور ڈراپ ڈاؤن مینو سے وہ صفحہ منتخب کر کے دکان کا صفحہ دستی طور پر سیٹ کر سکتے ہیں جو مرکزی دکان کا صفحہ ہو گا۔ WooCommerce پھر آپ کی کارروائی کے نتیجے میں آپ کی مصنوعات کو اس صفحہ پر ڈسپلے کرے گا۔

باقی صفحات کو ایڈوانسڈ ٹیب میں کنفیگر کیا جا سکتا ہے، جو WooCommerce > Settings > Advanced ۔

اپنی مصنوعات بنانا۔

مرحلہ 1 - اپنے ورڈپریس ایڈمن سائڈبار پر، پروڈکٹس> پروڈکٹ شامل کریں ٹیب پر جائیں۔

مرحلہ 2 - صفحہ کے اوپری حصے میں، اپنے پروڈکٹ کا نام درج کریں۔

مرحلہ 3 - پروڈکٹ کی تفصیل کے متن کے ساتھ پوسٹ کے مواد والے فیلڈ کو پُر کریں۔ مصنوعات کی تمام معلومات اس سیکشن میں دکھائی جائیں گی۔

مرحلہ 4 - ' پروڈکٹ ڈیٹا ' باکس کو پروڈکٹ کی تمام معلومات کے ساتھ پُر کریں۔ مثال کے طور پر، قیمت، SKU، اور شپنگ تمام ممکنہ اختیارات ہیں amp

مرحلہ 5 - ' پروڈکٹ شارٹ ڈسکریپشن ' باکس میں، اپنے پروڈکٹ کی مختصر تفصیل ٹائپ کریں جو آپ کی اہم تصاویر کے ساتھ ظاہر ہوگی۔

مرحلہ 6 صفحہ کے دائیں جانب پروڈکٹ امیج کے نیچے رکھا جانا چاہیے یہ ہر پروڈکٹ کے لیے مکمل ہونا چاہیے۔

مرحلہ 7 - اگر آپ کسی ایک تصویر کے بجائے تصویروں کی گیلری استعمال کرنا چاہتے ہیں تو پروڈکٹ گیلری میں مزید تصاویر شامل کریں

مرحلہ 8 - ' پروڈکٹ زمرے درج کریں جو آپ کی مصنوعات پر لاگو ہوتے ہیں۔ پروڈکٹ ٹیگز ' باکس میں اپنے پروڈکٹ کے لیے مناسب ٹیگز کے ساتھ خالی جگہ کو پُر کریں

مرحلہ 9 - ایک بار جب آپ تمام ضروری معلومات درج کر لیں، ' شائع کریں ' بٹن پر کلک کریں، اور آئٹم آپ کے مرکزی اسٹور فرنٹ صفحہ پر ظاہر ہو جائے گا۔

پروڈکٹ زوم اثر بنانا۔

اگر آپ Avada لے آؤٹ استعمال کر رہے ہیں، تو آپ کو یہ یقینی بنانا ہو گا کہ WooCommerce پروڈکٹ امیجز زوم آپشن Avada > Options > WooCommerce > General WooCommerce > WooCommerce پروڈکٹ امیجز زوم آپشن ، یا Woo پروڈکٹ امیجز عنصر جنرل ٹیب اگر آپ WooCommerce لے آؤٹ استعمال کر رہے ہیں تو پروڈکٹ امیجز زوم

WooCommerce پروڈکٹ امیجز کی چوڑائی - آپ کی اصل تصویر کی چوڑائی (نیچے سیٹنگ دیکھیں) اور اپ لوڈ کی گئی تصویر کا اصل سائز دونوں کو Avada > Options > WooCommerce > General WooCommerce > WooCommerce پروڈکٹ امیجز کی چوڑائی یا پروڈکٹ امیجز کی زیادہ سے زیادہ چوڑائی سیٹنگ سے وو پروڈکٹ امیجز عنصر میں۔ کسی ایک پروڈکٹ گیلری کے لیے کنٹینر کالم کی چوڑائی کا تعین آپ کی منتخب کردہ ترتیبات سے کیا جائے گا۔ ایک بار جب آپ ضروری ایڈجسٹمنٹ کر لیتے ہیں، تو آپ اپنی WooCommerce کی مرکزی تصویر کی چوڑائی سیٹ کرنے کے لیے تیار ہو جائیں گے۔

ورڈپریس مین امیج چوڑائی - WooCommerce مین امیج چوڑائی کی ترتیب آپ کے ورڈپریس ویب سائٹ کے کسٹمائزر میں مل سکتی ہے۔ ورڈپریس ڈیش بورڈ سے، ظاہری شکل > حسب ضرورت > WooCommerce > پروڈکٹ امیجز پر جائیں، جہاں آپ کو تصویر کی چوڑائی کی مین سیٹنگ ملے گی۔ یہ گیلری میں دکھائی جانے والی تصویر کے اصل سائز کا تعین کرے گا۔

آپ کا زوم اثر جتنا زیادہ تفصیلی ہوگا ، تصویر کا سائز اتنا ہی بڑا ہوگا۔ واضح کرنے کے لیے ، اگر WooCommerce کی ترتیبات میں تصویر کا سائز Avada کے عالمی آپشنز میں تصویر کی چوڑائی سے مماثل ہے تو ، جب ماؤس صفحے پر تصویر پر گھومتا ہے تو کوئی زومنگ نظر نہیں آئے گی۔ مزید برآں ، آپ کی اپ لوڈ کردہ اصل تصویر کا سائز آپ کی ویب سائٹ کے ڈیزائن کی مرکزی تصویر کی چوڑائی کی ترتیب سے زیادہ یا اس سے بڑا ہونا چاہیے۔

اس بات کو یقینی بنائیں کہ WooCommerce امیج سائز تبدیل کرنے کے بعد آپ اپنے تھمب نیلز کو دوبارہ تخلیق کریں۔ یہ آپ کے نئے امیج سائز کو کسی بھی تصویر پر لاگو کرے گا جو پہلے ہی آپ کی ویب سائٹ پر اپ لوڈ ہوچکی ہے۔ آپ اس کو پورا کرنے کے لیے ریجنریٹ تھمب نیلز plugin استعمال کر سکتے ہیں۔

WooCommerce میں پروڈکٹ امیج سائز کی ترتیبات کو ایڈجسٹ کرنا۔

WooCommerce میں اسٹور کے کیٹلاگ اور سنگل پروڈکٹ امیجز سیکشنز میں پروڈکٹ امیجز کے سائز کو ایڈجسٹ کرنے کے اختیارات شامل ہیں۔ اس کے علاوہ ، مخصوص اواڈا سیٹنگیں ہیں جو آپ کے WooCommerce اسٹور کے استعمال کردہ امیج سائز کے ساتھ مل کر کام کرتی ہیں۔ تصویر کے سائز کی ان ترتیبات کو ترتیب دیتے وقت ، یہ یاد رکھنا ضروری ہے کہ اواڈا عالمی اختیارات کی ترتیبات پر بھی غور کرنا ضروری ہے۔ ہم بعد میں ان میں سے ہر ایک کو زیادہ تفصیل سے دیکھیں گے۔

فرض کریں کہ آپ اپنی پروڈکٹس کے لیے جو تصاویر اپ لوڈ کرتے ہیں وہ ماخذ پر آپ کی WooCommerce ترتیبات میں متعین کردہ تصویر کے سائز سے چھوٹی ہیں۔ اس صورت میں ، آپ اپنی دکان کے صفحات کے اگلے سرے پر کچھ بصری ترتیب میں تضادات دیکھ سکتے ہیں۔ یہ کسی بھی طرح سے بگ نہیں ہے۔ یہ محض اس وجہ سے ہے کہ آپ کی تصاویر WooCommerce کی ترتیبات پر اثر انداز ہونے کے لیے بہت چھوٹی تھیں۔ آپ تصویر کے طول و عرض کے لحاظ سے اپنی ترتیبات کو زیادہ سے زیادہ چوڑائی اور اونچائی کے طور پر سوچ سکتے ہیں۔ جو بھی چیز مقررہ حد سے نیچے آتی ہے اس کا سائز تبدیل نہیں کیا جائے گا۔

اپنی دکان کی تشکیل کرتے وقت ، اس بات کو یقینی بنائیں کہ WooCommerce امیج سائز کی ترتیبات اور آپ کی تصاویر کا اصل سائز دونوں کو مدنظر رکھا جائے۔ خلاصہ یہ کہ آپ کی تصاویر آپ کے WooCommerce اسٹور میں امیج سائز کی ترتیبات سے زیادہ یا ایک جیسی ہونی چاہئیں۔

آپ کے امیج سائز کی ترتیبات میں کسی بھی تبدیلی کے لیے آپ کو اپنے تھمب نیلز کو دوبارہ تخلیق کرنے کی ضرورت ہوگی تاکہ وہ ان تصاویر پر اثر انداز ہوسکیں جو آپ کی سائٹ پر پہلے ہی اپ لوڈ ہوچکی ہیں۔ لہذا ، دوبارہ تخلیق کرنے والے تھمب نیلز plugin کا استعمال انتہائی سفارش کی جاتی ہے۔ اس کے علاوہ ، ذیل کے مراحل کا استعمال کرتے ہوئے تصویر کے سائز کو ایڈجسٹ کیا جا سکتا ہے۔

مرحلہ 1 - اپنے ایڈمن سائڈبار میں، ' ظاہر ' ٹیب پر جائیں اور پھر اپنی سائٹ کو حسب ضرورت بنانا شروع کرنے حسب ضرورت بنائیں

مرحلہ 2 - صفحہ کے اوپری حصے میں WooCommerce

مرحلہ 3 پروڈکٹ امیجز ' ٹیب کے نیچے مل سکتی ہے

مرحلہ 4 - جب آپ اپنے واحد پروڈکٹ کے صفحات پر تصاویر اپ لوڈ کرتے ہیں، تو تصویر کی چوڑائی کا مرکزی اختیار منتخب کریں۔ تھمب نیل کی چوڑائی کیٹلاگ میں آپ کی مصنوعات کے تھمب نیلز کی چوڑائی ہے۔ اپنی مطلوبہ چوڑائی کی قیمت کے ساتھ خالی جگہوں کو پُر کریں۔

مرحلہ 5 - تصویر کے سائز کو تبدیل کرنے اور انہیں محفوظ کرنے کے بعد تھمب نیلز کو دوبارہ تخلیق کرنے کے لیے، آپ کو دوبارہ تخلیق کرنے والے تھمب نیلز plugin ، جو Plugin کے سیکشن میں پایا جا سکتا ہے۔ پہلے، Regenerate Thumbnails plugin اور پھر WP Admin > Tools کے ٹیب پر جائیں، جہاں آپ تصویر کے تھمب نیلز کو دوبارہ تخلیق کرنے کا انتخاب کر سکتے ہیں، تصویر کے نئے سائز بنا کر۔

ایک تبصرہ چھوڑ دو

آپ کا ای میل پتہ شائع نہیں کیا جائے گا۔ مطلوبہ فیلڈز نشان زد ہیں *