शून्य कोडिंग के साथ आकर्षक लैंडिंग पेज छवियों को कैसे बदलें

पहले एक मोबिलापन भरे लैंडिंग पेज को बनाने का मतलब होता था डेवलपर्स को नियुक्त करना या कोड सीखना। लेकिन अब, ChatGPT और Gemini के Selldone के पेज बिल्डर में इंटीग्रेशन के साथ, अब ऐसा नहीं है।
यह नया एआई-पावर्ड वर्कफ़्लो किसी को भी—तकनीकी अनुभव के बावजूद—एक सरल छवि, स्केच, या यहां तक कि एक अधूरी सोच को उनकी ऑनलाइन दुकान या लैंडिंग पेज के लिए एक सुंदर, पूरी तरह से संवेदनशील खंड में बदलने की अनुमति देता है। सब कुछ Selldone पारिस्थितिकी तंत्र के भीतर कुछ ही पलों में काम करता है, किसी भी मैनुअल कोडिंग की आवश्यकता नहीं होती।चाहे आप व्यक्तिगत ब्रांड बना रहे हों या एक ऑनलाइन व्यापार प्रबंधित कर रहे हों, यह तरीका चंद मिनटों में आधुनिक पृष्ठ शुरू करना आसान बनाता है।

मिनटों में सोच से घटक तक

मान लीजिए कि आप कहीं कोई डिज़ाइन देखते हैं जो आपको पसंद आता है। हो सकता है वह किसी अन्य वेबसाइट पर प्रोडक्ट शोकेस हो, Canva में बनाया गया एक मार्केटिंग बैनर, या बस एक स्क्रीनशॉट जो आपने सेव किया हो। आपको इसे कोड कैसे करना है या कहां से शुरू करना है, इसका पता लगाने की जरूरत नहीं है।
बस छवि को अपलोड करें या लेआउट का वर्णन करें, और ChatGPT (का उपयोग करके Selldone प्लगइन) या Gemini से इसे एक लैंडिंग पेज खंड में बदलने के लिए कहें। एआई Selldone के तकनीकी फॉर्मेट और मंच पर उपयोग किए गए गतिशील Vue घटकों की संरचना को समझता है। आपको Selldone के पेज बिल्डर में सीधे फ़िट होने के लिए तैयार कोड का एक ब्लॉक मिलेगा।
इस खंड में शामिल होगा:

• सभी टेक्स्ट और शीर्षक
  
• छवियां और लिंक
  
• बटन, फोंट, और रंग
  
• प्रोडक्ट कार्ड्स या प्रशंसापत्र जैसे गतिशील फीचर्स
  

सबसे महत्वपूर्ण बात, यह डेस्कटॉप, टैबलेट, और मोबाइल पर स्वतः ही उत्तरदायित्वपूर्ण होगा।

सरल प्रक्रिया के साथ शक्तिशाली परिणाम

इस खंड को अपने Selldone पृष्ठ में जोड़ने के लिए इन चरणों का पालन करें:

1. ChatGPT या Gemini में अपनी डिज़ाइन विचार को अपलोड करें या वर्णन करें।
   
2. Selldone पेज बिल्डर के लिए संगत एक Vue घटक के लिए पूछें।
   
3. उत्पन्न कोड को कॉपी करें।
   
4. Selldone के पेज बिल्डर में, कोड तत्व को लैंडिंग पेज में खींचें और छोड़ें
5. कोड Vue टैब में चिपकाएं और सहेजें।

1. ChatGPT या Gemini में अपनी डिज़ाइन विचार को अपलोड करें या वर्णन करें।

महत्वपूर्ण अनुस्मारक: कृपया सीधे ChatGPT Selldone प्लगइन का उपयोग करने के लिए इस लिंक का उपयोग करें।

संकेत: अपने डेस्कटॉप से, जो डिज़ाइन छवि आपको पसंद हो, उसे ChatGPT में अपलोड करें। छवि के साथ, अधिक सटीक घटक उत्पन्न करने और भविष्य के संशोधनों को न्यूनतम करने के लिए विस्तृत व्याख्या प्रदान करें।

उदाहरण संकेत:

आपका नया खंड लाइव है, पूरी तरह से स्टाइल किया गया, और मोबाइल-रेडी है।
अब आप इसे प्रॉपर्टी पैनल के माध्यम से अनुकूलित कर सकते हैं या लेआउट को समायोजित करने, रंग बदलने, सुविधाएँ जोड़ने, या टेक्स्ट बदलने जैसे किसी भी संपादन के लिए एआई के पास वापस जा सकते हैं।

सर्वश्रेष्ठ परिणाम के लिए अनुशंसित संकेत

एआई को यह समझने में मदद करने के लिए कि आपको क्या चाहिए, हम इस संकेत का उपयोग करने की अनुशंसा करते हैं:

कृपया इस छवि या वर्णन के आधार पर Selldone पेज बिल्डर के लिए एक उत्तरदायित्वपूर्ण Vue घटक उत्पन्न करें। सभी टेक्स्ट, बटन, छवियां, रंग, और फोंट गुण वस्तु के अंदर परिभाषित किए जाने चाहिए। घटक को Vuetify 3 मानकों का पालन करना चाहिए, सभी उपकरणों पर उत्तरदायित्वपूर्ण होना चाहिए, और Selldone के नियमों का पालन करना चाहिए जिसमें कोई स्वयं को बंद करने वाले टैग नहीं होने चाहिए। यदि लागू हो, तो प्रोडक्ट कार्ड्स, रेटिंग स्टार्स, और एक्शन बटन शामिल करें। सभी टेक्स्ट और कार्ड्स और बटन के लिए, कृपया विज़ुअल कलर पिकर, फॉंटसाइज, फॉन्टवेट और रेडियस जोड़ें।

किसी भी समय इस संकेत का पुन: उपयोग कर सकते हैं जब आप कोई खंड बनाना चाहते हैं या उसे समायोजित करना चाहते हैं। यह सुनिश्चित करता है कि कोड स्वच्छता से उत्पन्न होता है और Selldone की आवश्यकताओं के अनुरूप होता है।

पूरी तरह से कस्टमाइज़ेबल, पूरी तरह से मापनीय

एक बार जब आपका खंड सेट है, तो आप इसे बदलने के लिए बंद नहीं होते। आप ChatGPT या Gemini से कुछ भी बदलने के लिए कह सकते हैं:

• किसी छवि को बदलें या स्थानांतरित करें
  
• शीर्षक और उपशीर्षक अपडेट करें
  
• नए बटन, स्लाइडर्स, प्रशंसापत्र, या बैनर्स जोड़ें
  
• टेक्स्ट स्टाइल और आकार समायोजित करें
  
• अलग दिखने के लिए रिक्ति और लेआउट को संशोधित करें
  

आप नए खंड के साथ पृष्ठ को विस्थारित करते रह सकते हैं। आप जितने घटक जोड़ सकते हैं, उन पर कोई सीमा नहीं है, और उनमें से हर एक को उन्ही भरोसेमंद, लचीले संरचना पर बनाया जाएगा।
प्रत्येक तत्व संपादन योग्य है। रंगों को दृश्य पिकरों का उपयोग करके बदला जा सकता है, और छवियों को आसानी से बदला या अपलोड किया जा सकता है। अनुभव को सहज बनाया गया है, भले ही आपने पहले कभी पेज बिल्डर का उपयोग नहीं किया हो।

संभव त्रुटियाँ

त्रुटि #1

यदि आप Selldone बिल्डर में कोड पेस्ट करने के बाद त्रुटियाँ पाते हैं (जैसा कि नीचे की छवि में दिखाया गया है), बस ChatGPT या Gemini से आपसे इसे सुधारने में मदद करने के लिए कहें।उपकरण स्वतः ही आपको प्रतिक्रिया देगा और आपके लिए कोड को सुधारना शुरू कर देगा।

त्रुटि #2

यदि आप HTML टैब में कोड कॉपी और पेस्ट करते हैं, खंड खाली के रूप में दिखाया जाएगा:जैसा कि आप देख सकते हैं, मैंने गलती से कोड को HTML टैब में डाला, जो मुझे नहीं करना चाहिए था।

त्रुटि #3

कभी-कभी, जब आप किसी खंड में स्लाइडर, कैरोसेल, या स्क्रॉलबार को जोड़ने का अनुरोध करते हैं, तो आपको अनचाहे तत्व जैसे अतिरिक्त डॉट्स, डैशेज, या तीर बटन खंड के बाहर दिखाई देने वाले होते हैं। यह आमतौर पर इसलिए होता है क्योंकि ChatGPT ने MDI (मटेरियल डिज़ाइन आइकॉन्स) का उपयोग किया था बजाय इसके कि जरूरी Google फ़ॉन्ट मटेरियल आइकॉन्स का। इसे ठीक करने के लिए, सुनिश्चित करें कि आप ChatGPT से केवल Google के आधिकारिक मटेरियल आइकॉन्स का उपयोग करने के लिए कहें।

शुरू करने से पहले, इन युक्तियों को पढ़ें:

• कभी-कभी, टूल के प्रतिक्रिया देने के बाद, आपको उसे पूरा कोड लिखने के लिए कहने की जरूरत हो सकती है। अगर बदलाव मामूली हैं और मूल कोड लंबा है, तो यह आपको पूरी ब्लॉक को फिर से लिखने के बजाय विशिष्ट लाइनों को प्रतिस्थापित करने के निर्देश दे सकता है।
• प्रत्येक नए खंड के लिए एक नई Selldone ChatGPT बातचीत शुरू करने की सिफारिश की जाती है। पिछली सत्र से जारी रखने से टूल पुराने निर्देशों को नया घटक में लागू कर सकता है जो आपके लिए संपूर्ण नहीं होते।
• कभी-कभी, ChatGPT Selldone घटक गुणों में आपको एक छवि URL दर्ज करने के इनपुट देता है, लेकिन आपकी छवि आपके कंप्यूटर में स्थानीय रूप से संग्रहीत होती है। ऐसे मामलों में, ChatGPT से अनुरोध करें कि वह तत्व (जैसे, कैरोसेल या स्लाइडर) को एक वस्तु के रूप में परिभाषित करे ताकि आप सीधे छवियां अपलोड कर सकें बजाय URLs के।
• अगर किसी छवि में कई दृश्य तत्व होते हैं, तो आप उसे ChatGPT पर अपलोड कर सकते हैं और विवरण के लिए कह सकते हैं। फिर वह विवरण कॉपी करें और ChatGPT से उसे घटक उत्पन्न करने के लिए एक संकेत के रूप में उपयोग करें। यह दृष्टिकोण आमतौर पर बेहतर और अधिक सटीक परिणामों की ओर ले जाता है।

यह क्यों महत्व रखता है

इस कार्यप्रणाली के साथ, कोई भी सोच से उत्तरदायित्वपूर्ण, उत्पादन के लिए तैयार लैंडिंग खंड तक कुछ मिनटों में चला जा सकता है। डेवलपर्स के लिए इंतजार या लेआउट बिल्डर के साथ संघर्ष करने की ज़रूरत नहीं है। Vue, CSS, या उत्तरदायित्वपूर्ण डिज़ाइन सीखने की ज़रूरत नहीं है।
जो कुछ भी एआई उत्पन्न करता है वह पहले से ही सभी उपकरणों पर अच्छा दिखने के लिए ऑप्टिमाइज़ किया गया है। आपको लेआउट को तोड़ने, छवियों के आकार बदलने, या शैली नियम लिखने की चिंता करने की ज़रूरत नहीं है। खंड Selldone की डिज़ाइन भाषा और सर्वोत्तम प्रथाओं के आधार पर सख्त मानकों का पालन करते हैं।
आप निर्माण में अधिक समय बिताएंगे और सुधार में कम समय।

इसे आज़माएं आज ही

शुरू करना आसान है। एक खंड चुनें जिसे आप बनाना चाहते हैं—चाहे वह किसी दूसरी वेबसाइट से प्रेरित हो, एक स्केच या एक प्रोडक्ट फ्लायर हो—और उसे ChatGPT या Gemini को अनुशंसित संकेत का उपयोग करके वर्णित करें। आपको कोड प्राप्त होगा, उसे Selldone में चिपकाएं, और आपका लैंडिंग पेज जीवंत हो जाएगा।यह तेज़ है। यह आसान है। और यह खुला है।
रचनात्मकता पर कोई प्रतिबंध नहीं है, और न ही आप कितनी दूर जा सकते हैं पर कोई सीमा नहीं। एआई और Selldone के साथ, शक्तिशाली, सुंदर वेब पृष्ठ बनाना अब उतना ही सरल है जितना कि आप जो चाहते हैं उसे वर्णित करना।