ایک Elementor WooCommerce پروڈکٹ کا صفحہ بنائیں

خریداری کے رجحانات تیز رفتاری سے بدل رہے ہیں اور لوگ پہلے سے کہیں زیادہ آن لائن خریداری کرنے کا رجحان رکھتے ہیں۔

یہی وجہ ہے کہ انہیں آن لائن شاپنگ کی عادت کو پورا کرنے کے لیے ای کامرس اسٹور کی ضرورت بڑھتی جارہی ہے کیونکہ لوگ خریداری کے لیے باہر جانے کے بجائے آن لائن خریداری کرنا زیادہ آسان سمجھتے ہیں۔

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

اگر آپ نے ای کامرس اسٹور شروع کرنے کا منصوبہ بنایا ہے اور آپ کے لیے کام کرنے کے لیے ورڈپریس ماہر کی تلاش ہے، تو میں آپ کو بتاتا چلوں، آپ کو کسی کی ضرورت نہیں ہے۔

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

Elementor پیج بلڈر کا استعمال کرتے ہوئے WooCommerce شاپ پیج بنانے کے مرحلہ وار ٹیوٹوریل پر عمل کریں

آئیے بات تک پہنچنے کے لیے گہرائی میں کھودیں!

Elementor کا استعمال کرتے ہوئے پروڈکٹ کا صفحہ بنانے میں آپ کو کیا ضرورت ہے؟

WooCommerce plugin اور اس کے اوپر آپ کو Elementor پیج بلڈر ۔ مفت ورژن WordPress.org سے ڈاؤن لوڈ کیا جا سکتا ہے تاہم مفت ورژن محدود حسب ضرورت اختیارات کے ساتھ آتا ہے۔ لہذا، اگر آپ لامحدود تخصیص کے اختیارات حاصل کرنا چاہتے ہیں تو پرو ایلیمینٹر پر جائیں اور اسے آفیشل Elementor.org سے ڈاؤن لوڈ کریں۔

ایلیمینٹر پیج بلڈر کو کیسے انسٹال کریں؟

  • Elementor مفت ورژن کے لیے:

Plugin پر جائیں> نیا شامل کریں> ایلیمینٹر پیج بلڈر درج کریں> انسٹال اور ایکٹیویٹ پر کلک کریں۔

  • ایلیمینٹر پرو کے لیے:

Elementor.com سے پرو ورژن خریدیں اور پھر زپ فائل اپ لوڈ کریں اور پھر انسٹال اور ایکٹیویٹ پر کلک کریں۔

مرحلہ وار ایک Elementor WooCommerce پروڈکٹ کا صفحہ بنائیں

معیاری WooCommerce پروڈکٹ صفحہ بغیر کسی کرکرا کے کسی بھی بنیادی WooCommerce پروڈکٹ پیج کی طرح لگتا ہے۔

تاہم، اگر آپ اپنے برانڈ کی آواز شامل کرنا چاہتے ہیں تو آپ کو اسے منفرد انداز میں اپنی مرضی کے مطابق بنانا ہوگا۔

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

اب ڈراپ ڈاؤن مینو سے آئٹم "سنگل پروڈکٹ" کو منتخب کریں۔

سب سے اچھی بات یہ ہے کہ Elementor کچھ پہلے سے تیار کردہ پروڈکٹ پیج ٹیمپلیٹس کے ساتھ آتا ہے، اس لیے، اگر آپ جلدی شروع کرنا چاہتے ہیں، تو ان اختیارات میں سے کسی کو منتخب کریں جو آپ کے مطلوبہ کے قریب نظر آئے۔

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

ہم نے اس ٹیمپلیٹ کو اپنے پروڈکٹ پیج کے لیے منتخب کیا ہے۔

ایک بار جب آپ اپنے پسندیدہ ٹیمپلیٹ کو منتخب کر لیتے ہیں، تو یہ آپ کو Elementor ایڈیٹر کی طرف لے جائے گا جہاں آپ اپنے ذائقہ کے مطابق ٹیمپلیٹ کو اپنی مرضی کے مطابق بنا سکتے ہیں۔

یہاں آپ بائیں طرف کے مینو پر مختلف بلاکس دیکھ سکتے ہیں۔ جس بلاک کے ساتھ آپ کام کرنا چاہتے ہیں اسے گھسیٹیں اور چھوڑیں۔

"+" ایڈ بٹن پر کلک کریں اور منتخب کریں کہ آپ کون سا کالم سائز شامل کرنا چاہتے ہیں۔

ہم نے اپنے پروڈکٹ ٹیمپلیٹ کے لیے دو کالم سائز کا انتخاب کیا ہے۔

اب، دائیں کالم پر ایک پروڈکٹ ٹائٹل ویجیٹ شامل کریں اور اس پر اپنے پروڈکٹ کا ٹائٹل شامل کریں۔

ایک بار جب آپ پروڈکٹ کا عنوان شامل کر لیتے ہیں، اگلا مرحلہ اس کے اوپر "وو بریڈ کرمبس" کو شامل کرنا ہے۔

اب، پروڈکٹ کی تصویر کو بائیں کالم میں شامل کریں اور پروڈکٹ امیج ویجیٹ کو بائیں کالم سے ڈراپ کریں۔

آپ دونوں کالموں کو ایک دوسرے سے تھوڑا سا الگ رکھنے کے لیے پیڈنگ کو شامل کر سکتے ہیں۔

تصویر کو شامل کرنے اور پیڈنگ کو مطلوبہ جہتوں کے مطابق ایڈجسٹ کرنے کے بعد پروڈکٹ کے عنوان کے تحت پروڈکٹ ریٹنگ ویجیٹ شامل کریں۔

پروڈکٹ ریویو بلاک کے نیچے پروڈکٹ ویجیٹ کی مختصر تفصیل شامل کریں۔ آپ دو بلاکس کے درمیان جگہ کو بھی ایڈجسٹ کر سکتے ہیں۔

ایک بار جب آپ پروڈکٹ کی تفصیل اور تمام تفصیلات کے ساتھ کام کر لیتے ہیں، ہمارا اگلا مرحلہ پروڈکٹ کی قیمت شامل کرنا ہے اور اس کے لیے آپ کو پروڈکٹ کی تفصیل کے نیچے قیمت ویجیٹ کو گھسیٹنا ہوگا۔

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

اب ویجیٹ کو "کارٹ میں شامل کریں" شامل کریں اور اگر آپ چاہیں تو مینو سے اس کا رنگ، فونٹ یا اسٹائل اپنی مرضی کے مطابق بنائیں۔

اب، قیمت ویجیٹ کے تحت پروڈکٹ میٹا شامل کریں جو پروڈکٹ کیٹیگری اور پروڈکٹ کا سیریل نمبر دکھائے گا۔

مرحلہ 2: اگلے حصے میں پروڈکٹ کے بارے میں اضافی معلومات شامل کریں۔

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

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

مرحلہ 3: دوسرا سیکشن شامل کریں یا "اپ سیل سیکشن" شامل کریں۔

یہاں یہ ہے کہ آپ کو اپ-سیل سیکشن اضافے کے بعد کیسا نظر آئے گا۔ سیکشن کو سیدھ میں لانے کے لیے کچھ پیڈنگ شامل کریں۔

اور آخر میں، آپ نے اپنے پروڈکٹ پیج کی ڈیزائننگ مکمل کر لی ہے۔ اب، آخری مرحلہ یہ ہے کہ آپ اپنی مصنوعات کو کہاں شائع کرنا چاہتے ہیں؟ آپ پبلش پر کلک کر سکتے ہیں یا بائیں مینو کے سب سے نچلے کونے میں آئی سیکشن میں جا کر پروڈکٹ کا زمرہ منتخب کرنے کے لیے سیٹنگز پر کلک کر سکتے ہیں۔

ایڈ کنڈیشن مینو پر کلک کریں اور پھر اپنے پروڈکٹ کا زمرہ منتخب کریں اور پبلش پر کلک کریں۔

موبائل آپ کے WooCommerce پروڈکٹ پیج کو بہتر بنائیں

چونکہ اسمارٹ فون کے ذریعے بہت زیادہ ٹریفک آنے والا ہے اس لیے آپ کو اپنے اسٹور کو اسمارٹ فون دیکھنے کے لیے بہتر بنانا ہوگا، ورنہ آپ اپنی فروخت سے محروم ہوسکتے ہیں۔

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

آپ کو Elementor انٹرفیس کے نیچے بائیں کونے میں ریسپانسیو موڈ کا آپشن ملے گا۔

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

کسی بھی آپشن پر کلک کریں جسے آپ دیکھنا چاہتے ہیں اور اگر آپ کو کوئی پیچیدگی نظر آتی ہے تو ڈیزائن کو بہتر کریں۔

اب، محفوظ کریں اور اپنے پروڈکٹ کا صفحہ شائع کرنا جاری رکھیں۔

ایلیمینٹر پرو قیمتوں کا تعین

ایلیمینٹر کا بنیادی ورژن مفت میں دستیاب ہے جبکہ پرو ورژن تین لائسنسوں کے ساتھ آتا ہے۔ اگر آپ اپنے ذاتی بلاگ یا سنگل سائٹ کے لیے تلاش کر رہے ہیں تو ذاتی لائسنس آپ کے لیے سب سے موزوں ہے جہاں آپ 90+ پرو ویجٹس کے ساتھ WooCommerce بلڈر حاصل کر سکتے ہیں۔

جبکہ پلس اور ماہر لائسنس بالترتیب 3 سائٹس اور 1000 سائٹس کی حمایت کے ساتھ بڑے کاروبار یا ایجنسیوں کے لیے موزوں ہیں۔

ختم کرو

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

ہولڈرکھو

live:.cid.e495888558d5265f

حالیہ پوسٹس

ایلیمینٹر کے ساتھ ہیڈر اور فوٹر کیسے استعمال کریں۔

ویب سائٹ کے ہیڈر اور فوٹر ضروری عناصر ہیں۔ زیادہ تر معاملات میں، ہیڈر نیویگیشن فراہم کرتا ہے…

6 جنوری 2022

ورڈپریس تھیم کا موازنہ: Astra بمقابلہ OceanWP

مارکیٹ میں سب سے زیادہ مقبول ورڈپریس تھیمز میں سے دو Astra اور OceanWP ہیں۔ پیشہ ورانہ…

2 جنوری 2022

ورڈپریس نیوز تھیم کا موازنہ: اخبار بمقابلہ۔ آسٹرا

ایک بہترین نیوز ویب سائٹ بنانے کے لیے ضروری نہیں کہ آپ ویب ڈیزائنر بنیں۔ ہم…

25 اکتوبر 2021

نیوز پیپر تھیم کے ساتھ خبروں سے متعلق ویب سائٹ بنائیں

اخبار کی تھیم ایک اہم ترین ورڈپریس تھیم ہے جسے tagDiv نے ڈیزائن کیا ہے، ایک…

18 اکتوبر 2021

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

جب آن لائن اسٹور قائم کرنے کی بات آتی ہے تو، WooCommerce جانے والا plugin ہے۔ یہ…

4 اکتوبر 2021

ایلیمینٹر کے ساتھ چسپاں ہیڈر اور اسکرولنگ اثرات کا استعمال کیسے کریں۔

ہیڈر عام طور پر پہلی چیز ہوتی ہے جب کوئی شخص آپ کی ویب سائٹ پر جانے پر دیکھتا ہے،…

21 ستمبر 2021