कस्टम HTML पृष्ठ
HTML, CSS और JavaScript का उपयोग करके अपने स्टोरफ़्रंट के लिए पूरी तरह से कस्टम पृष्ठ बनाएँ। यह सुविधा आपको लैंडिंग पृष्ठ, अबाउट पृष्ठ, प्रचार पृष्ठ, या मानक स्टोरफ़्रंट टेम्प्लेट से परे कोई भी कस्टम कंटेंट बनाने देती है।
अवलोकन
कस्टम HTML पृष्ठ https://yourstore.ecomplify.com/about जैसे साफ़ URL पर परोसे जाते हैं। वे आपके स्टोरफ़्रंट के लेआउट के भीतर (आपके स्टोर के हेडर और फ़ुटर के साथ) रेंडर होते हैं, लेकिन पृष्ठ की सामग्री पर आपको पूर्ण नियंत्रण देते हैं।
कस्टम पृष्ठ बनाना
कस्टम पृष्ठ डैशबोर्ड में डिज़ाइन > कस्टम होमपेज अनुभाग के माध्यम से प्रबंधित किए जाते हैं, जो एक पूर्ण फ़ाइल एक्सप्लोरर और कोड एडिटर प्रदान करता है।
फ़ाइल प्रबंधन
- फ़ाइलें बनाएँ — कस्टम कंटेंट के साथ नई HTML फ़ाइलें जोड़ें
- फ़ोल्डर बनाएँ — जटिल मल्टी-पेज सेटअप के लिए फ़ाइलों को फ़ोल्डर में व्यवस्थित करें
- फ़ाइलें अपलोड करें — मौजूदा HTML, CSS, JavaScript या छवि फ़ाइलें अपलोड करें
- कोड एडिटर — सिंटैक्स हाइलाइटिंग के साथ ब्राउज़र में सीधे फ़ाइलें संपादित करें
समर्थित फ़ाइल प्रकार
- HTML — पृष्ठ की सामग्री और संरचना
- CSS — कस्टम स्टाइलिंग
- JavaScript — इंटरैक्टिव कार्यक्षमता
- छवियाँ — आपके पृष्ठों में उपयोग की जाने वाली विज़ुअल संपत्तियाँ
यह कैसे काम करता है
- डिज़ाइन > कस्टम होमपेज फ़ाइल एक्सप्लोरर में अपनी HTML फ़ाइल बनाएँ
- फ़ाइल S3 में संग्रहीत होती है और आपकी दुकान से लिंक की जाती है
- स्टोरफ़्रंट पृष्ठ को
/{path}पर परोसता है, जहाँ{path}आपकी फ़ाइल के नाम से मेल खाता है - आपकी HTML सामग्री स्टोरफ़्रंट लेआउट के भीतर रेंडर होती है, जिसमें आपके स्टोर का हेडर, फ़ुटर और नेविगेशन यथावत रहते हैं
- आपके कस्टम HTML, स्टाइल और स्क्रिप्ट को संरक्षित रखते हुए, सामग्री सुरक्षा के लिए स्वचालित रूप से सैनिटाइज़ की जाती है
URL रूटिंग
कस्टम पृष्ठ पथ-आधारित रूटिंग पैटर्न का पालन करते हैं:
| फ़ाइल पथ | स्टोरफ़्रंट URL |
|---|---|
about.html | yourstore.ecomplify.com/about |
landing/summer-sale.html | yourstore.ecomplify.com/landing/summer-sale |
policies/returns.html | yourstore.ecomplify.com/policies/returns |
पृष्ठ स्टाइलिंग
कस्टम HTML पृष्ठ साफ़ टाइपोग्राफ़ी के लिए अंतर्निहित प्रोज़ स्टाइलिंग के साथ आते हैं:
- शीर्षक उपयुक्त आकार और वेट के साथ स्टाइल किए जाते हैं
- लिंक आपके स्टोर के एक्सेंट रंग का उपयोग करते हैं
- टेक्स्ट आरामदायक लाइन-हाइट और स्पेसिंग का उपयोग करता है
- छवियाँ डिफ़ॉल्ट रूप से रिस्पॉन्सिव होती हैं
- सामग्री पठनीयता के लिए पैडेड और केंद्रित होती है
आप HTML सामग्री के भीतर अपने स्वयं के CSS से इनमें से किसी भी स्टाइल को ओवरराइड कर सकते हैं।
सुरक्षा
XSS (क्रॉस-साइट स्क्रिप्टिंग) हमलों को रोकने के लिए सभी कस्टम HTML सामग्री रेंडर होने से पहले सैनिटाइज़ की जाती है। सैनिटाइज़ेशन:
- मानक HTML टैग और एट्रिब्यूट्स को संरक्षित रखता है
- इनलाइन स्टाइल और CSS क्लास की अनुमति देता है
- संभावित रूप से खतरनाक स्क्रिप्ट और इवेंट हैंडलर हटाता है
- स्टोरफ़्रंट के भीतर सुरक्षित रेंडरिंग सुनिश्चित करता है
उपयोग के मामले
- मार्केटिंग अभियानों के लिए लैंडिंग पृष्ठ
- कस्टम लेआउट के साथ हमारे बारे में पृष्ठ
- सेल इवेंट के लिए प्रचार पृष्ठ
- कस्टम फ़ॉर्मेटिंग के साथ नीति पृष्ठ (रिटर्न, शिपिंग, शर्तें)
- नए उत्पाद लॉन्च के लिए जल्द आ रहा है पृष्ठ
- क्यूरेटेड सामग्री के साथ कस्टम श्रेणी पृष्ठ