कस्टमाइज़ेशन गाइड
बिना कोड छुए अपनी ड्राफ्टली साइट को एडिट, स्टाइल और एक्सटेंड करना सीखें।
कस्टमाइज़ेशन कैसे काम करता है
ड्राफ्टली आपको जनरेशन के बाद अपनी साइट को कस्टमाइज़ करने के तीन तरीके प्रदान करता है:
1. क्लिक-टू-एडिट (इनलाइन एडिटिंग) — प्रीव्यू टूलबार में एडिट टॉगल करें, फिर किसी भी टेक्स्ट या एलिमेंट पर क्लिक करें। इंस्पेक्टर टाइपोग्राफी, स्पेसिंग, रंग और एनिमेशन नियंत्रण दिखाता है। परिवर्तन लाइव लागू होते हैं।
2. चैट-टू-मॉडिफाई — प्रति संदेश एक केंद्रित निर्देश टाइप करें (जैसे "हीरो बैकग्राउंड को डार्क नेवी में बदलें", "एक प्राइसिंग सेक्शन जोड़ें")। ड्राफ्टली केवल प्रासंगिक भागों को पैच करता है — आमतौर पर प्रति एडिट 0.5 क्रेडिट।
3. वेबसाइट UI रीजेनरेट करें — ↺ वेबसाइट रीजेनरेट करें पर क्लिक करके एक नया AI डिज़ाइन पास चलाएँ, जबकि अपने वीडियो, छवियों और स्क्रॉल फ़्रेम को बनाए रखें।
वैकल्पिक: तेज़ लेआउट स्वैप के लिए टेम्पलेट पिकर से प्रीसेट टेम्पलेट पर स्विच करें।
अनुशंसित कस्टमाइज़ेशन वर्कफ़्लो
सबसे सहज अनुभव के लिए, इस क्रम का पालन करें:
बचें: "इसे बेहतर बनाएँ" जैसे अस्पष्ट अनुरोधों से — निर्दिष्ट करें कि क्या बदलना है। गाइड (हेडर) का उपयोग करें या चैट में पूछें: "मैं टेक्स्ट को कैसे कस्टमाइज़ करूँ?"
टेक्स्ट और रंग एडिट करना
किसी भी एलिमेंट को इनलाइन एडिट करने के लिए:
आप चयनित टेक्स्ट को बेहतर टोन में फिर से लिखने के लिए AI रीराइट पर भी क्लिक कर सकते हैं, या बैकग्राउंड या प्रोडक्ट इमेज को बदलने के लिए इमेज बदलें पर क्लिक कर सकते हैं।
डिज़ाइन प्रीसेट का उपयोग करना
डिज़ाइन प्रीसेट आपको एक क्लिक में अपनी साइट की पूरी विज़ुअल स्टाइल बदलने देते हैं।
प्रीसेट आपकी सामग्री के साथ जुड़ते हैं — आपका टेक्स्ट, सेक्शन और ब्रांड नाम वही रहते हैं; केवल विज़ुअल सिस्टम बदलता है।
चैट-टू-मॉडिफाई
चैट-टू-मॉडिफाई पूर्ण पुनर्जनन के बिना संरचनात्मक परिवर्तन करने का सबसे तेज़ तरीका है।
यह कैसे काम करता है: जब आपकी साइट लोड हो, तो चैट बार में कोई भी निर्देश टाइप करें। उदाहरण: - *"हीरो हेडलाइन को कुछ और रोमांचक में बदलें"* - *"मूल्य निर्धारण और संपर्क के बीच एक FAQ अनुभाग जोड़ें"* - *"रंग योजना को गहरा और अधिक पेशेवर बनाएं"* - *"'हमारे बारे में' अनुभाग को अधिक व्यक्तिगत बनाने के लिए फिर से लिखें"* - *"हीरो CTA बटन टेक्स्ट को 'मुफ्त कोट प्राप्त करें' से बदलें"*
ड्राफ्टली आपकी साइट के HTML का केवल प्रासंगिक अनुभाग AI को भेजता है — पूरा पेज नहीं — इसलिए संपादन तेज़ होते हैं और पूर्ण पुनर्जनन लागत के बजाय 0.5 क्रेडिट खर्च होते हैं।
सुझाव: - विशिष्ट रहें: "नेविगेशन पृष्ठभूमि को काला करें" "इसे गहरा करें" से बेहतर काम करता है। - अनुभागों को नाम से संदर्भित करें: "सेवाएं अनुभाग", "फ़ुटर" - आप संपादन को श्रृंखला में कर सकते हैं — प्रत्येक चैट संदेश एक नया लक्षित पैच है।
एनालिटिक्स और ट्रैकिंग जोड़ना
Google Analytics, Google Tag Manager, Facebook Pixel, या किसी भी कस्टम ट्रैकिंग स्क्रिप्ट को अपनी साइट से कनेक्ट करें — किसी कोड की आवश्यकता नहीं है।
G-XXXXXXXXXX)। इसे GA4 → एडमिन → डेटा स्ट्रीम में खोजें।GTM-XXXXXXX)। इसे GTM → एडमिन → कंटेनर ID में खोजें।<head> में इंजेक्ट करने के लिए कोई भी <script> ब्लॉक पेस्ट करें (केवल HTTPS स्रोत)।सभी स्क्रिप्ट आपकी प्रकाशित साइट HTML के <head> में इंजेक्ट की जाती हैं। GTM को <body> के बाद आवश्यक <noscript> iframe भी इंजेक्ट किया जाता है।
संपर्क फ़ॉर्म जोड़ना
हर ड्राफ्टली साइट में एक कार्यशील संपर्क फ़ॉर्म शामिल हो सकता है जो सबमिशन सीधे आपके ड्राफ्टली इनबॉक्स में भेजता है और आपको एक सूचना ईमेल करता है।
यह कैसे काम करता है:
- यदि आपकी जनरेट की गई साइट में पहले से ही एक <form> तत्व है (संपर्क अनुभाग वाली साइटों में सामान्य), तो ड्राफ्टली इसे ड्राफ्टली बैकएंड पर सबमिट करने के लिए पैच करता है।
- यदि कोई फ़ॉर्म मौजूद नहीं है, तो ड्राफ्टली फ़ुटर से पहले एक स्टाइल वाला फ़ॉर्म अनुभाग इंजेक्ट करता है।
- सबमिशन आपकी ड्राफ्टली अकाउंट में साइट के सबमिशन टैब के तहत संग्रहीत किए जाते हैं।
- आपको प्रत्येक नए सबमिशन के लिए विज़िटर के नाम, ईमेल और संदेश के साथ एक ईमेल सूचना प्राप्त होती है।
सभी डेटा ड्राफ्टली के भीतर रहता है — किसी तीसरे पक्ष की फ़ॉर्म सेवाओं की आवश्यकता नहीं है।