ایک خوبصورت لینڈنگ پیج بنانا پہلے کوڈنگ سیکھنے یا ڈویلپرز کو ہائر کرنے کے مترادف ہوتا تھا۔ لیکن اب، ChatGPT اور Gemini کی Selldone کے پیج بلڈر میں شامل کرنے سے یہ مسئلہ حل ہو گیا ہے۔ یہ نیا AI پر مبنی ورک فلو کسی کو بھی—چاہے تکنیکی علم کم ہو—سادہ تصویر، سکیچ، یا کسی پرخطر آئیڈیا کو ایک خوبصورت، فل رسپانسو سیکشن میں تبدیل کرتا ہے جو آپ کے آن لائن اسٹور یا لینڈنگ پیج کے لئے ہو۔ یہ سب کچھ Selldone ماحولیاتی نظام میں فوری طور پر کام کرتا ہے، اور کسی دستی کوڈنگ کی ضرورت نہیں ہوتی۔
چاہے آپ اپنا ذاتی برانڈ بنا رہے ہوں یا کوئی آن لائن بزنس چلا رہے ہوں، یہ طریقہ آپ کو چند منٹوں میں جدید، عمدہ صفحات لانچ کرنے میں آسانی فراہم کرتا ہے۔
کونسیپٹ سے کمپوننٹ تک منٹوں میں
مثال کے طور پر فرض کریں کہ آپ کو کوئی ڈیزائن پسند آیا۔ یہ شاید کسی دوسری ویب سائٹ پر پروڈکٹ شوکیس ہو، کوئی مارکیٹنگ بینر ہو جو آپ نے Canva میں بنایا ہو، یا صرف وہ اسکرین شاٹ جو آپ نے محفوظ کیا ہو۔ آپ کو یہ سمجھنے کی ضرورت نہیں ہے کہ اسے کس طرح کوڈ کرنا ہے یا کہاں سے شروع کرنا ہے۔ بس تصویر اپلوڈ کریں یا لے آؤٹ کی وضاحت کریں، اور ChatGPT سے کہیں (Selldone پلگ ان کا استعمال کرکے) یا Gemini کو کہیں کہ اسے ایک لینڈنگ پیج سیکشن میں تبدیل کرے۔ AI Selldone کے تکنیکی فارمیٹ اور پلیٹ فارم میں استعمال ہونے والے ڈیٹا ویو کمپوننٹس کی ساخت کو سمجھتا ہے۔ آپ کو ایک کاپی پیسٹ کرنے کے لئے تیار کوڈ کا بلاک ملے گا جو سیدھے Selldone کے پیج بلڈر میں فٹ ہوتا ہے۔ یہ سیکشن شامل کرے گا:
تمام متن اور عنوانات
تصاویر اور لنکس
بٹن، فونٹس، اور رنگ
ڈائنامک خصوصیات جیسے کہ پروڈکٹ کارڈ یا تعریفی نظرات
خاص طور پر، یہ ڈیسک ٹاپ، ٹیبلٹ، اور موبائل پر خودکار طور پر رسپانسو ہوگا۔
طاقتور نتائج کے لئے ایک سادہ عمل
اس سیکشن کو اپنے Selldone پیج میں شامل کرنے کے لئے، ان مراحل کی پیروی کریں:
اپنا ڈیزائن آئیڈیا ChatGPT یا Gemini کو اپلوڈ کریں یا وضاحت کریں۔
ایک Vue کمپوننٹ کی درخواست کریں جو Selldone پیج بلڈر کے ساتھ توافق ہو۔
پیدا شدہ کوڈ کو کاپی کریں۔
Selldone کے پیج بلڈر میں، کوڈ ایلیمنٹ کو لینڈنگ پیج میں ڈریگ اور ڈراپ کریں
کوڈ کو Vue ٹیب میں پیسٹ کریں اور محفوظ کریں۔
اپنا ڈیزائن آئیڈیا ChatGPT یا Gemini کو اپلوڈ کریں یا وضاحت کریں۔
اہم یاد دہانی: اس لنک کو Selldone Plugin کے لئے براہ راست رسائی کے لئے استعمال کریں۔
ٹپ: اپنے ڈیسک ٹاپ سے، اپنے پسندیدہ ڈیزائن کی تصویر ChatGPT پر اپلوڈ کریں۔ تصویر کے ساتھ، ایک تفصیلی وضاحت پش کریں تاکہ زیادہ درست کمپوننٹ تیار کرنے میں مدد مل سکے اور آئندہ مہینوں میں تبدیلیوں کی ضرورت کو کم کیا جا سکے۔
مثال پرومپٹ:
آپ کا نیا سیکشن لاگو ہو گیا، مکمل طور پر سٹائیلڈ، اور موبائل ریڈی ہے۔ اب آپ پراپرٹی پینل کے ذریعے اسے کسٹمائز کر سکتے ہیں یا AI کو واپس جا سکتے ہیں اور درخواست کر سکتے ہیں کہ وہ ترتیب، رنگوں کی تبدیلی، فیچرز کا اضافہ، یا ٹیکسٹ کی تبادلہ کو ایڈٹ کرے۔
بہترین نتائج کے لئے تجویز کردہ پرومپٹ
AI کو بالکل واضح کرنے کے لئے کہ آپ کو کیا چاہیے، ہم اس پرومپٹ کی سفارش کرتے ہیں:
براہ کرم اس تصویر یا تفصیل کی بنیاد پر Selldone پیج بلڈر کے لئے ایک رسپانسو Vue کمپوننٹ تیار کریں۔ تمام تحریریں، بٹن، تصاویر، رنگ، اور فونٹس پراپرٹیز آبجیکٹ کے اندر مقرر کی جائیں۔ کمپوننٹ کو Vuetify 3 کے اصولوں کے مطابق ہونا چاہیے، مختلف ڈیوائسز پر رسپانسو ہونا چاہیے، اور Selldone کے اصولوں کی پاسداری کرنا چاہے جیسے کہ خود بند ہونے والے ٹیگز نہیں ہونے چاہئیں۔ اگر لاگو ہو، تو پروڈکٹ کارڈز، درجہ بندی کے ستارے، اور ایکشن بٹنز شامل کریں۔ تمام ٹیکسٹ، کارڈز، اور بٹن کے لئے بصری رنگ چننے والا، فونٹ سائز، فونٹ وزن، اور گولائی شامل کریں۔
آپ اس پرومپٹ کو کسی بھی وقت استعمال کر سکتے ہیں جب آپ کسی سیکشن کو بنانے یا اس کی تبدیلی کرنا چاہتے ہیں۔ یہ یقینی بناتا ہے کہ کوڈ صاف طور پر تیار کیا گیا ہے اور Selldone کی ضروریات کے مطابق ہو۔
مکمل طور پر حسب ضرورت، مکمل طور پر سکیل ایبل
ایک بار جب آپ کا سیکشن جگہ پر ہو، تو آپ اس کو اپنی مرضی کے مطابق تبدیل کرنے کے لئے آزاد ہیں۔ آپ ChatGPT یا Gemini سے کوئی بھی تبدیلی کروا سکتے ہیں:
تصویر کو تبدیل یا منتقل کریں
عنوانات اور سب ٹائٹلز کو اپ ڈیٹ کریں
نئے بٹن، سلائیڈرز، تعریفی نظرات، یا ہینڈنگ بینرز کا اضافہ کریں
ٹیکسٹ کے اسٹائل اور سائز کو ایڈجسٹ کریں
اسپیسنگ اور لے آؤٹ کو مختلف نظر کے لئے ایڈجسٹ کریں
آپ نئے سیکشنز کے ساتھ صفحے کو بڑھا سکتے ہیں۔ جتنے چاہے کمپوننٹس آپ شامل کر سکتے ہیں، اور ہر ایک مضبوط، لچکدار ساخت پر تیار ہوگا۔ ہر ایلیمنٹ ایڈیٹ ایبل ہوتا ہے۔ رنگ بصری چننے والے کے ذریعے تبدیل کیے جا سکتے ہیں، اور تصاویر آسانی سے اپ لوڈ یا تبدیل کی جا سکتی ہیں۔ تجربہ کو اتنا سہل بنایا گیا ہے کہ اگر آپ نے کبھی پہلے پیج بلڈر استعمال نہ کیا ہو تو۔
ممکنہ غلطیاں
غلطی #1
اگر آپ کو Selldone بلڈر میں کوڈ کو پیسٹ کرنے کے بعد غلطیاں نظر آئیں (جیسا کہ نیچے دی گئی تصویر میں دکھایا گیا ہے)، تو بس ChatGPT یا Gemini سے درخواست کریں کہ وہ آپ کی مدد کریں۔
یہ اوزار خود کار طریقے سے جواب دیں گے اور آپ کے لئے کوڈ کو ٹھیک کرنا شروع کر دیں گے۔
My Chat with Gemini and its Answer to the Error
غلطی #2
اگر آپ HTML ٹیب میں کوڈ کاپی اور پیسٹ کرتے ہیں، تو سیکشن خالی نظر آئے گا:
جیسا کہ آپ دیکھ سکتے ہیں، میں نے غلطی سے کوڈ کو HTML ٹیب میں داخل کیا، جو مجھے نہیں کرنا چاہئے تھا۔
غلطی #3
کبھی کبھار، جب آپ سیکشن میں سلائیڈر، کیروسول، یا اسکرول بار شامل کرنے کی درخواست کرتے ہیں، تو آپ دیکھ سکتے ہیں کہ ناپسندیدہ عناصر جیسے اضافی ڈاٹس، ڈیشز، یا تیر والے بٹن سیکشن کے باہر ظاہر ہو رہے ہیں۔ یہ عام طور پر اس لئے ہوتا ہے کیونکہ ChatGPT نے MDI (مٹیریل ڈیزائن آئیکونز) کا استعمال کیا تھا بجائے اس کے کہ ضرورت کے مطابق گوگل فونٹ مٹیریل آئیکونز۔ اس کو ٹھیک کرنے کے لئے، ChatGPT سے صرف گوگل کے آفیشل مٹیریل آئیکونز استعمال کرنے کی درخواست کریں۔
شروع کرنے سے پہلے، ان ٹپس کو پڑھیں:
کبھی کبھی، ٹول کے جواب دینے کے بعد، آپ کو اسے مکمل کوڈ لکھنے کے لئے کہنا پڑ سکتا ہے۔ اگر تبدیلیاں معمولی ہیں اور اصل کوڈ لمبا ہے، تو یہ نئے بلاک کے بجائے مخصوص لائنز کو تبدیل کرنے کی ہدایت دینے کو ترجیح دے سکتا ہے۔
ہر نئے سیکشن کے لئے نئے Selldone ChatGPT مباحثہ کا آغاز کرنا بہتر ہے۔ سابقہ سیشن سے جاری رہنے سے ٹول پرانے ہدایات کو لاگو کر سکتا ہے جو آپ کے نئے کمپوننٹ کے لئے غیر متعلقہ ہیں۔
کبھی کبھی، ChatGPT آپ کو Selldone کمپوننٹ پراپرٹیز میں ایک تصویر URL داخل کرنے کے لئے کہہ سکتا ہے، لیکن آپ کی تصویر کھلی طور پر آپ کے کمپیوٹر پر محفوظ ہوتی ہے۔ ایسے حالات میں، ChatGPT سے درخواست کریں کہ وہ عنصر (مثلاً، کیروسول یا سلائیڈر) کو ایک آبجیکٹ کے طور پر تعریف کرے، تاکہ آپ براہ راست تصاویر اپ لوڈ کر سکیں نہ کہ URLs استعمال کریں۔
اگر کوئی تصویر کئی بصری عناصر پر مشتمل ہو، تو آپ بس اسے ChatGPT پر اپلوڈ کریں اور ایک وضاحت کی درخواست کریں۔ پھر، اس وضاحت کو کاپی کریں اور ChatGPT سے درخواست کریں کہ وہ ایک کمپوننٹ تیار کرے۔ یہ طریقہ بہتر اور زیادہ درست نتائج کی جانب لے جاتا ہے۔
یہ کیوں اہم ہے
اس ورک فلو کے ذریعے، کوئی بھی شخص ایک بصری تصور سے چند منٹوں میں ایک رسپانسو، پیداواری لینڈنگ سیکشن تک جا سکتا ہے۔ ڈویلپرز کے انتظار کے بغیر یا لے آؤٹ بلڈرز کے ساتھ کشتی کے بغیر۔ آپ کو Vue، CSS یا رسپانسیو ڈیزائن سیکھنے کی ضرورت نہیں ہے۔ ہر وہ چیز جو AI تیار کرتا ہے وہ پہلے سے ہی ہر ڈیوائس پر خوبصورت نظر آتا ہے۔ آپ کو لے آؤٹ بریک کرنے، تصاویر کا سائز تبدیل کرنے، یا اسٹائل کے قواعد لکھنے کی زیادہ فکر کرنے کی ضرورت نہیں ہے۔ سیکشنز ہر ایک ڈیزائن زبان اور بہترین اقدامات پر مبنی ہیں جو Selldone کی طرف سے وضع کیے گئے ہیں۔ آپ زیادہ وقت تخلیق میں گزاریں گے اور کم وقت ٹھیک کرنے میں۔
آج ہی اسے آزمائیں
شروع کرنا آسان ہے۔ ایک سیکشن کا انتخاب کریں جسے آپ بنانا چاہتے ہیں—چاہے وہ کسی اور ویب سائٹ سے متاثر ہو، کوئی سکیچ ہو، یا پروڈکٹ فلیئر—اور ChatGPT یا Gemini کے لئے تجویز کردہ پرومپٹ کا استعمال کرتے ہوئے اس کی وضاحت کریں۔ آپ کو کوڈ ملے گا، اسے Selldone میں پیسٹ کریں، اور آپ کا لینڈنگ پیج زندہ ہو جائے گا۔
یہ تیز ہے۔ یہ آسان ہے۔ اور یہ لامحدود ہے۔ تخلیقیت پر کوئی حد نہیں ہے، اور آپ کتنی دور جا سکتے ہیں اس پر کوئی چھت نہیں ہے۔ AI اور Selldone کے ساتھ، طاقتور، خوبصورت ویب صفحات بنانا اب اتنا آسان ہے جیسے کہ آپ جو چاہتے ہیں اس کی وضاحت کرنا۔
Add Comment
