اس پوسٹ میں، ہم آپ کو دکھائیں گے کہ کس طرح Elementor اور WC پروڈکٹ ٹیبل کو ملا کر ایک مزید حسب ضرورت ورڈپریس سائٹ بنانے کے ساتھ ساتھ آپ کے WooCommerce اسٹور کی فروخت بھی بڑھائی جائے۔
ورڈپریس ویب سائٹ بنانے اور اسے تیزی سے چلانے اور چلانے کے عمل کو آسان بناتا ہے۔ WooCommerce ایک ورڈپریس plugin ہے جو آپ کو کسی بھی ورڈپریس ویب سائٹ کو مکمل طور پر کام کرنے والے آن لائن اسٹور میں تبدیل کرنے کی اجازت دیتا ہے۔ آپ کاپی کیٹ سائٹ تیار کرنے کا خطرہ چلاتے ہیں، اگرچہ، اگر آپ ان کے پہلے سے طے شدہ اختیارات اور خصوصیات کو جاری رکھتے ہیں، تو یہ آپ کی کاروباری ضروریات کے لیے مناسب نہیں ہو سکتا۔ اپنی ویب سائٹ کو ڈیزائن اور حسب ضرورت بنانے کے لیے بہترین ٹولز تلاش کرنا بہت ضروری ہے جب تک کہ یہ آپ کی مرضی کے مطابق نہ ہو۔
بہت سے ورڈپریس اور WooCommerce plugin دستیاب ہیں — Elementor، مثال کے طور پر amp آپ کے WooCommerce پروڈکٹ پیج کو حسب ضرورت بنانے کا سب سے آسان ٹول ہے۔ اگرچہ یہ اس کے سب سے اہم فوائد میں سے ایک ہے، لیکن اس میں کچھ اہم خرابیاں بھی ہیں۔ amp کے طور پر ، جب آپ مختلف مصنفین کے ورڈپریس plugin ، تو آپ کو مطابقت کی غلطیوں اور دیگر پیچیدگیوں کا سامنا کرنے کا موقع مل جاتا ہے۔ ورڈپریس ویب سائٹس کے لیے WooCommerce پروڈکٹ ٹیبل اور Elementor plugin استعمال کرتے وقت ایسا نہیں ہوتا ہے plugin استعمال کرتے وقت آپ کو اپنی سائٹ کی ظاہری شکل اور فعالیت پر زیادہ کنٹرول حاصل ہوگا ، اور ان کو اور بھی بہترین نتائج حاصل کرنے کے لیے استعمال کیا جا سکتا ہے۔
- WooCommerce پروڈکٹ ٹیبل اور ایلیمینٹر فریم ورک کا ایک فوری جائزہ
- WooCommerce پروڈکٹ ٹیبل کو ٹیکسٹ ایڈیٹر یا شارٹ کوڈ ویجیٹ میں شامل کرنے کے لیے، ان مراحل پر عمل کریں:
- ایکارڈینز، ٹیبز، اور ٹوگلز کا استعمال کئی پروڈکٹ ٹیبلز کو ترتیب دینے کے لیے کیا جا سکتا ہے۔
WooCommerce پروڈکٹ ٹیبل اور ایلیمینٹر فریم ورک کا ایک فوری جائزہ
جیسا کہ پہلے کہا گیا ہے، ورڈپریس plugin کا ایک وسیع انتخاب دستیاب ہے جو آپ کو ایک بہتر ورڈپریس سائٹ بنانے میں مدد فراہم کرتا ہے جو آپ کی مخصوص ضروریات کے مطابق ہے۔ کچھ plugin بڑے پیمانے پر استعمال کرنے کے لیے ڈیزائن کیا گیا ہے، جب کہ دوسرے کسی خاص پہلو یا خصوصیت کو شامل کرنے کے لیے بنائے گئے ہیں۔
عنصر پہلی قسم کی درخواست کی ایک amp ہے:
ہمارا پیج بلڈر plugin آپ کو ویب صفحات بنانے اور آپ کی ورڈپریس ویب سائٹ بنانے کے لیے بالکل نیا انٹرفیس پیش کرتا ہے۔ ویجٹ، بلاکس، اور لے آؤٹس کی ایک وسیع لائبریری میں سے انتخاب اور تخصیص کرکے آپ اپنی ویب سائٹ کو ایک ساتھ رکھنے کے طریقے پر بہت زیادہ کنٹرول حاصل کرتے ہیں۔
جبکہ WooCommerce پروڈکٹ ٹیبل ایک زیادہ عام حل ہے، یہ بھی زیادہ ہدف ہے:
یہ plugin آپ کو متحرک، مکمل طور پر حسب ضرورت ٹیبل بنانے کی اجازت دیتا ہے جو آپ کے WooCommerce پروڈکٹس اور خدمات کی فہرست بناتی ہے۔ تاہم، WooCommerce کے ساتھ ان کے تعامل کی وجہ سے، یہ میزیں خاص طور پر آن لائن خریداروں کے لیے صارف دوست اور بصری طور پر دلکش انداز میں اشیاء اور خدمات کی نمائش کے لیے موزوں ہیں۔ پوسٹس ٹیبل پرو plugin ان Elementor کے ساتھ یکساں طور پر تعامل کرتا ہے اور کسی بھی ورڈپریس مواد کی قسم کو ٹیبل میں صرف WooCommerce پروڈکٹس کے بجائے درج کرتا ہے (اگر آپ مصنوعات سے الگ کچھ دکھانا چاہتے ہیں - جیسے پوسٹس، پیجز، یا دستاویزات)، اس کے بجائے استعمال کیا جا سکتا ہے۔
ایک دوسرے کے ساتھ استعمال ہونے پر، Elementor اور WooCommerce پروڈکٹ ٹیبل نمایاں طور پر متنوع صلاحیتیں فراہم کرتے ہیں۔ آپ انہیں کچھ انتہائی اہم اثرات پیدا کرنے کے لیے استعمال کر سکتے ہیں جو آپ کے WooCommerce اسٹور کے لیے سیلز کی تعداد بڑھانے میں مدد کریں گے۔
اب کاروبار پر اترنے کا وقت آگیا ہے۔ مندرجہ ذیل حصوں میں، ہم کچھ حقیقی دنیا کی amp دیکھیں گے کہ آپ اوپر دکھائے گئے اثرات سے ملتے جلتے اثرات پیدا کرنے کے لیے WooCommerce پروڈکٹ ٹیبل اور Elementor کو کس طرح استعمال کر سکتے ہیں۔
جب ان دو plugin کو یکجا کرنے کی بات آتی ہے تو، آسمان کی حد ہوتی ہے - اور یہ صرف چند امکانات ہیں۔ تھوڑی سی آزمائش اور غلطی کے ساتھ، آپ اسی بنیادی نقطہ نظر کا استعمال کرتے ہوئے مختلف صفحات کو اکٹھا کر سکتے ہیں جس کا ہم مظاہرہ کریں گے۔
سب سے پہلے، آپ اس بات کو یقینی بنانا چاہیں گے کہ آپ کی سائٹ پر دونوں plugin درست طریقے سے انسٹال ہیں۔ یہ ایک اچھی بات ہے کہ Elementor کو انسٹال کرنا اور WooCommerce پروڈکٹ ٹیبل کو ترتیب دینا بے درد اور سیدھا ہے۔ اس قدم کے ساتھ آگے بڑھنے سے پہلے WooCommerce کو خود بھی انسٹال اور فعال ہونا چاہیے۔ تب آپ اپنے پروجیکٹ پر کام کرنے کے لیے تیار ہو جائیں گے۔
WooCommerce پروڈکٹ ٹیبل کو ٹیکسٹ ایڈیٹر یا شارٹ کوڈ ویجیٹ میں شامل کرنے کے لیے، ان مراحل پر عمل کریں:
آئیے سب سے بنیادی اور فائدہ مند اطلاق کے ساتھ شروع کریں۔ متبادل طور پر، اگر آپ اپنی Elementor ویب سائٹ پر صرف ایک ڈائنامک پروڈکٹ ٹیبل استعمال کرنا چاہتے ہیں، تو آپ اسے ویجیٹ میں شامل کر سکتے ہیں اور اسے ویب سائٹ کے فرنٹ اینڈ پر ظاہر کر سکتے ہیں۔
اس کو پورا کرنے کے لیے جب آپ کوئی صفحہ یا پوسٹ کھولتے ہیں تو یقینی بنائیں کہ آپ Elementor ایڈیٹر استعمال کر رہے ہیں۔ اگر آپ کو واقف ورڈپریس انٹرفیس کے ساتھ پیش کیا گیا ہے، تو Elementor کے انٹرفیس پر جانے کے لیے Edit with Elementor بٹن پر کلک کریں:
اگر آپ Elementor کے ساتھ پہلی بار کام کر رہے ہیں، تو آئیے پلیٹ فارم کے ارد گرد تھوڑا سا دورہ کریں۔ دائیں جانب ایک بڑا علاقہ ظاہر ہوگا جہاں آپ کا مواد دکھایا جائے گا، اور جب آپ اسے شامل اور تبدیل کریں گے تو اسے اصل وقت میں اپ ڈیٹ کیا جائے گا۔ اسکرین کے بائیں جانب، 'ویجیٹس' کی ایک فہرست ہے جسے آپ نامزد علاقے میں گھسیٹ سکتے ہیں اور پھر ضرورت کے مطابق دوبارہ ترتیب اور ترتیب دے سکتے ہیں:
ایک پروڈکٹ ٹیبل کو مختلف ایلیمینٹر ویجٹ کے ساتھ استعمال کیا جا سکتا ہے۔ اگر آپ کسی صفحہ پر صرف ایک پروڈکٹ ٹیبل دکھانا چاہتے ہیں، تاہم، آپ صفحہ کے HTML کوڈ میں تعارفی متن کے حصے کو شامل کرکے اسے پورا کرسکتے ہیں۔ ٹیکسٹ ایڈیٹر ویجیٹ کو اٹھائیں اور اسے کسی خالی جگہ پر اس طرح منتقل کریں:
اس کے بعد، آپ پہلے سے طے شدہ متن کو ہٹانے کے لیے ویجیٹ کے اندر کلک کر سکتے ہیں اور جو بھی مواد آپ چاہتے ہیں اس سے بدل سکتے ہیں۔ جب بات خود پروڈکٹ ٹیبل کی ہو، تو آپ اسے اس سادہ شارٹ کوڈ میں چسپاں کر کے شامل کر سکتے ہیں:
[مصنوعات کی میز]
جب آپ اپنے صفحہ میں شارٹ کوڈ ڈالیں گے، تو ٹیبل آپ کے بتائے ہوئے مقام پر ظاہر ہوگا، جسے آپ سامنے والے سرے پر دیکھ کر تصدیق کر سکتے ہیں:
اگر آپ صرف کوڈ کے لیے ایک عنصر استعمال کرنا چاہتے ہیں، تو آپ شارٹ کوڈ ویجیٹ استعمال کر سکتے ہیں۔
جب آپ ٹیبل کی پوزیشننگ مکمل کر لیں تو صفحہ کو محفوظ کرنا کبھی نہ بھولیں، چاہے آپ اسے کہاں رکھنے کا فیصلہ کریں۔ اس کے بعد، آپ شاید اس میں کچھ تبدیلیاں کرنا چاہیں گے کہ ٹیبل کیسے ظاہر ہوتا ہے اور کام کرتا ہے۔
اپنے ورڈپریس ڈیش بورڈ پر واپس جائیں اور اس کام کو مکمل کرنے کے لیے WooCommerce > سیٹنگز ٹیب پر جائیں۔ پروڈکٹ ٹیبلز کو اسکرین کے اوپری حصے میں پروڈکٹ اور پھر پروڈکٹ ٹیبلز کو منتخب کر کے پایا جا سکتا ہے:
آپ کے WooCommerce پروڈکٹ ٹیبل کو ترتیب دینے کے لیے اختیارات کی ایک مکمل فہرست یہاں مل سکتی ہے۔ ٹیبل میں ظاہر ہونے والی معلومات پر آپ کا مکمل کنٹرول ہے، اور آپ دیگر چیزوں کے علاوہ فلٹرز اور متغیرات کو شامل کرکے اسے اپنی مرضی کے مطابق بنا سکتے ہیں۔ مختلف انتخاب کے بارے میں مزید معلومات کے لیے plugin کی دستاویزات دیکھیں۔
آپ اس پروڈکٹ ٹیبل میں ترمیم کرنے کے قابل ہو جائیں گے جو آپ نے ابھی ایلیمینٹر کا استعمال کرتے ہوئے بنایا ہے بغیر کچھ اور کیے۔ ایک بار جب آپ میز کو اپنی تصریحات کے مطابق اپنی مرضی کے مطابق بنانا مکمل کر لیں، تو بس اپنی تبدیلیاں محفوظ کریں، اور آپ جانے کے لیے تیار ہیں!
ایکارڈینز، ٹیبز، اور ٹوگلز کا استعمال کئی پروڈکٹ ٹیبلز کو ترتیب دینے کے لیے کیا جا سکتا ہے۔
اگر آپ اپنے WooCommerce پروڈکٹس کے ساتھ ایک ٹیبل پیش کرنا چاہتے ہیں تو مذکورہ بالا حل بہتر کام کرتا ہے۔ اگر آپ بہت سی میزیں بنانے جا رہے ہیں، جن میں سے ہر ایک میں مختلف قسم کی اشیاء ہیں، تو یہ بہترین آپشن نہیں ہے۔
Elementor میں اسے پورا کرنے کے کئی مختلف طریقے ہیں۔ Accordion ویجیٹ، amp کے طور پر، وہی اثر پیدا کرنے کے لیے استعمال کیا جا سکتا ہے جو ہم نے آخری کیس اسٹڈی میں دیکھا تھا۔ دائیں ہاتھ کے ترمیمی علاقے سے شروع کرتے ہوئے، Accordion ویجیٹ کو بائیں ہاتھ کے ترمیمی علاقے میں لے جائیں۔
آپ پلس علامات پر کلک کر کے جتنے چاہیں الگ الگ ٹیبز بنا سکتے ہیں، اور آپ ہر ایک کے اندر سرخیوں اور متن کو اپنی مرضی کے مطابق بنا سکتے ہیں۔ مزید برآں، آپ وہی شارٹ کوڈ استعمال کرتے ہوئے ایک یا زیادہ ٹیبز میں پروڈکٹ ٹیبل شامل کر سکتے ہیں جیسا کہ پہلے ذکر کیا گیا ہے۔
بلاشبہ، صرف بنیادی شارٹ کوڈ کو شامل کرنے کے نتیجے میں اسی طرح کے پروڈکٹ ٹیبلز کا پے درپے اضافہ ہو گا، جو غالباً وہ نہیں ہے جس کی آپ پہلے تلاش کر رہے تھے۔ اس کے بجائے، آپ کو ہر شارٹ کوڈ کو اپنی مرضی کے مطابق کرنے کی ضرورت ہوگی تاکہ صرف مخصوص مصنوعات کو ظاہر کیا جا سکے - amp کے طور پر، کسی مخصوص زمرے کے آئٹمز - تمام مصنوعات کی بجائے۔
آپ جو طریقہ استعمال کرتے ہیں اس کا تعین ان پروڈکٹس سے کیا جائے گا جن کو آپ زیر بحث ہر ٹیبل میں شامل کرنا اور چھوڑنا چاہتے ہیں۔ اضافی معلومات کے لیے، براہ کرم اپنے WooCommerce پروڈکٹ ٹیبل کے شارٹ کوڈز کو حسب ضرورت بنانے کے لیے مکمل گائیڈ دیکھیں۔
یہ بات قابل غور ہے کہ آپ کچھ دوسرے مددگار Elementor ویجٹ کی مدد سے اسی طرح کا اثر حاصل کر سکتے ہیں۔ یہ ٹوگل ویجیٹ اور ٹیبز ویجیٹ پر مشتمل ہے، دوسرے اجزاء کے ساتھ۔ WooCommerce پروڈکٹ ٹیبلز کو پیش کرنے کے لحاظ سے ، Elementor آپ کا ٹول ہے۔
مفت آن لائن HTML، CSS، اور JavaScript منتظمین کی بدولت اپنے میلے مارک اپ کو صاف کریں!
اگر آپ چاہتے ہیں کہ آپ کا کاروبار مقابلہ سے الگ ہوجائے تو اپنی ای کامرس ویب سائٹ کے ڈیزائن میں کچھ سخت سوچ ڈالیں۔ amp کے طور پر، آپ اپنی مصنوعات کی نمائش کے سب سے مؤثر انداز کا تعین کرنا چاہیں گے، مثالی طور پر اس انداز میں جو صارف کے لیے دوستانہ اور آنکھوں کو بصری طور پر دلکش ہو۔
خوش قسمتی سے، Elementor کے ساتھ WooCommerce پروڈکٹ ٹیبل plugin کا استعمال یہ ایک سیدھا سا کام بناتا ہے۔ آپ کی پروڈکٹ ٹیبل شارٹ کوڈ کا استعمال آپ کی سائٹ کی پیش کردہ ہر چیز (یا صرف ایک انتخاب) کو واقعی متحرک انداز میں ظاہر کرنے کے لیے کیا جا سکتا ہے۔
