WooCommerce میں Elementor پاپ اپ بنائیں

ہم سب WooCommerce کے بہت بڑے پرستار ہیں۔ سیٹ اپ اور اپنی مرضی کے مطابق کرنا سیدھا ہے۔ وہ خصوصیات جو ایک متحرک اور طاقتور ای کامرس اسٹور بنانے اور اس کا نظم کرنے کو آسان بناتی ہیں پیکیج کے ساتھ شامل ہیں۔

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

• پاپ اپ ونڈو کی ترتیب
• آپ Elementor میں بصری بلڈر کا استعمال کرتے ہوئے پاپ اپ بھی بنا سکتے ہیں۔
• ترجیحات شائع کریں۔

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

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

ایک پرتپاک شکریہ صفحہ بنا کر اور اپنے میرا اکاؤنٹ اور سروس کی شرائط کے صفحات کو اپ ڈیٹ کر کے، آپ اپنے صارفین کے دل اور دماغ جیت سکتے ہیں۔

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

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

 پاپ اپ بنانے کے لیے، مینو بار میں ٹیمپلیٹس > پاپ اپ پر جائیں۔ آپ کو آپ کے تمام پاپ اپ کی فہرست پیش کی جائے گی، اور اگر آپ نے ابھی تک ایک نہیں بنائی ہے، تو آپ کو درج ذیل سے ملتا جلتا کچھ نظر آئے گا:

ایک بار جب آپ ADD NEW POPUP پر کلک کر لیتے ہیں (جو کافی حد تک خود وضاحتی ہے)، آپ سے اسے ایک نام دینے کے لیے کہا جائے گا اور پھر پہلے سے تیار کردہ ex amp les سے ایک ٹیمپلیٹ منتخب کریں۔ متعدد مقاصد کے لیے مختلف ٹیمپلیٹس دستیاب ہیں۔ کچھ اعلانات کے لیے موزوں ہیں، کچھ رعایت کو فروغ دینے کے لیے، دوسرے صارفین کو کسی چیز کے لیے سائن اپ کرنے کی ترغیب دینے کے لیے مثالی ہیں۔ یہاں تک کہ صارفین کو کوکی کے استعمال یا دیگر GDPR اطلاعات کے بارے میں متنبہ کرنے کے لیے بھی amp موجود ہیں۔ جیسے ہی آپ کو اپنی پسند کی کوئی چیز مل جائے، ایک بڑا پیش منظر دیکھنے کے لیے اس پر کلک کریں، اور پھر Insert بٹن دبائیں۔

اس بٹن پر کلک کرنے کے بعد آپ کو ورڈپریس بیک اینڈ میں پاپ اپ بلڈر پر لے جایا جائے گا۔

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

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

پاپ اپ ونڈو کی ترتیب

 یہ تب ہوتا ہے جب آپ کو اپنے پاپ اپ کا پیش نظارہ دیکھنا چاہئے - یا تو ایک خالی سلیٹ یا آپ نے منتخب کردہ ٹیمپلیٹ۔

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

• یہ وہ جگہ ہے جہاں آپ سب سے زیادہ وقت گزارنا چاہیں گے کیونکہ یہ وہ جگہ ہے جہاں آپ مختلف قسم کے پاپ اپ بنا سکیں گے۔ دوسرے الفاظ میں، ان ترتیبات کو ایڈجسٹ کرنے سے، آپ درج ذیل اثرات مرتب کر سکیں گے:

• موڈل پاپ اپ ایک قسم کی موڈل ونڈو ہیں۔
• سلائیڈ ان، نوٹیفکیشن بارز وغیرہ۔

اس کے علاوہ، آپ کئی دیگر اہم ترتیبات کو اپنی مرضی کے مطابق بنا سکتے ہیں۔

ترتیبات کے پر درج ذیل اختیارات دستیاب ہیں ۔

• تصویر کی اونچائی اور چوڑائی کو تبدیل کریں۔
• آبجیکٹ کی عمودی یا افقی سمت کو تبدیل کریں ( amp کے طور پر، آپ نوٹیفکیشن بار بنانے کے لیے اسے اوپر یا نیچے ٹھیک کر سکتے ہیں)
• اوورلے استعمال کرنے یا نہ کرنے کے بارے میں فیصلہ کریں (یہ آپ کو، amp کے طور پر، پاپ اپ کے فعال ہونے پر پس منظر کو خاکستر کرنے دیتا ہے)
• اپنے براؤزر پر بند بٹن کو غیر فعال کریں۔
• داخلے کے لیے ایک حرکت پذیری شامل کریں۔

اسٹائل ٹیب پر درج ذیل کام کر سکتے ہیں

• آپ پس منظر کا رنگ تبدیل کر سکتے ہیں، اسے گریڈینٹ بنا سکتے ہیں، یا کسی تصویر کو پس منظر کے طور پر استعمال کر سکتے ہیں۔
• اگر اوورلے فعال ہے تو اسے ترتیب دیں۔
• اگر آپ کے پاس بند بٹن فعال ہے، تو آپ کو اسے کنفیگر کرنا ہوگا۔

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

• کلوز بٹن ڈسپلے کریں یا پاپ اپ کو ایک خاص وقت کے بعد خود بخود بند کر دیں۔
• اوورلے پر کلک کرکے یا فرار کی کلید کو دبانے سے، آپ ونڈو کو بند ہونے سے روک سکتے ہیں۔

• صفحہ کو نیچے سکرول کرنے کی صلاحیت کو غیر فعال کریں۔
• متعدد پاپ اپس سے پرہیز کریں (اگر آپ نے ایک ہی صفحے پر متعدد پاپ اپس کو نشانہ بنایا ہے، تو یہ آپ کے وزٹرز کو ناراض ہونے سے روکے گا)۔

ونڈو کے نیچے دائیں کونے میں پوزیشن تبدیل کرتے ہیں تو یہ کیسا لگتا ہے

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

آپ Elementor میں بصری بلڈر کا استعمال کرتے ہوئے پاپ اپ بھی بنا سکتے ہیں۔

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

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

فارم ویجیٹ کے ساتھ، آپ کو ان فیلڈز پر مکمل کنٹرول حاصل ہوتا ہے جو آپ پیش کرنا چاہتے ہیں، ساتھ ہی ساتھ جمع کرائیں بٹن کے متن اور ظاہری شکل پر۔ amp کے طور پر:

اس کے علاوہ، میں آپ کو پرزور مشورہ دیتا ہوں کہ آپ Elementor کے تمام ویجیٹس اور ڈیزائن کے اختیارات سے واقف ہوں۔

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

ترجیحات شائع کریں۔

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

کیا ان شرائط کی وضاحت کرنا ممکن ہے جن کے تحت آپ پاپ اپ کو ظاہر کرنا چاہتے ہیں؟ آپ انتخاب کر سکتے ہیں کہ آپ کے تلاش کے نتائج سے کن صفحات کو شامل کرنا ہے یا خارج کرنا ہے۔ آپ جتنی چاہیں شرائط رکھ سکتے ہیں۔

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

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

اپنی مرضی کے مطابق ترتیبات کو مکمل کریں، پھر محفوظ کریں اور بند کریں پر کلک کریں۔ اس بٹن پر کلک کرنے کے بعد آپ کا پاپ اپ کیسا نظر آئے گا اس کے amp آپ کو لے جایا جائے گا۔

پاپ اپ کو اپنی مرضی کے مطابق بنایا جا سکتا ہے، اور ان میں متحرک مواد شامل کیا جا سکتا ہے۔

چیزوں کو اگلے درجے تک لے جائیں، کیا ہم؟ اس مقام تک، ہم نے ایک ٹیمپلیٹ کا انتخاب کیا ہے اور ایک یا دو نشستوں کو موافق بنایا ہے، اور بس۔ اس منظر نامے پر غور کریں جس میں ہم اپنے پاپ اپ کو مزید اپنی مرضی کے مطابق بنانا چاہتے ہیں۔

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

اس کے بعد، ہم اسے منتخب کر سکتے ہیں، بنیادی ترتیبات میں کوئی ضروری تبدیلیاں کر سکتے ہیں، اور ایک بار پھر پبلش کو دبائیں۔

ٹھیک ہے، یہیں سے چیزیں دلچسپ ہونے لگتی ہیں۔ ہم اپنے ورڈپریس انسٹالیشن سے ڈائنامک ڈیٹا حاصل کرنے کے لیے Elementor کا استعمال کر سکتے ہیں اور اسے اپنے پاپ اپ میں ہی پاپ اپ میں داخل کر سکتے ہیں۔ ہم معلومات شامل کر سکتے ہیں جیسے صارف کا نام، صفحہ کا عنوان، وغیرہ۔

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

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

فرض کریں کہ ڈیٹا بیس کی تفصیلات صحیح طریقے سے بازیافت نہیں ہوئی ہیں۔ اس صورت میں، کچھ متن سے پہلے، کچھ متن کے بعد، اور فال بیک ٹیکسٹ (اگر ڈیٹا بیس کی تفصیلات درست طریقے سے بازیافت نہیں کی گئی ہیں) کی وضاحت ممکن ہے۔

تو آئیے اس عمل کو بٹن کے لیے ڈپلیکیٹ کریں، جو پروڈکٹ کی قیمت کو ظاہر کرے گا۔ ہمیں ایک زبردست کال ٹو ایکشن فراہم کرنے کے لیے ہم پچھلے متن کو BUY NOW FOR کے طور پر بیان کر سکتے ہیں:

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

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

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