चरण 1 का 5
हमें अपने निर्माण के बारे में बताएं
कुछ त्वरित उत्तर ताकि हम सही प्रीसेट, प्लगइन्स और सेवाओं की सिफारिश कर सकें।
सुनिश्चित नहीं हैं कि संक्षेप में क्या रखा जाए? पहले हमसे पूछें - हम आमतौर पर कुछ घंटों के भीतर जवाब देते हैं।
GrapesJS लैंडिंग पृष्ठ निर्माण में क्या शामिल है
- स्टार्टर प्रीसेट
- लैंडिंग पृष्ठों के लिए तैयार किया गया एक पूर्व-कॉन्फ़िगर GrapesJS संपादक - पैनल, ब्लॉक, डिवाइस मोड और घटक परिभाषाएँ सभी वायर्ड हैं। कॉन्फ़िगरेशन पर स्प्रिंट खर्च करने के बजाय, आपकी टीम पहले दिन पहला पृष्ठ शिप करती है।
- Plugin बंडल
- आपके प्रोजेक्ट प्रकार के लिए चुने गए भुगतान और सामुदायिक प्लगइन्स का एक क्यूरेटेड सेट: फॉर्म, इमेज गैलरी, काउंटडाउन टाइमर, SEO मेटाडेटा ब्लॉक। प्रत्येक प्लगइन को आपके प्रोजेक्ट के लिए एक सतत कुंजी के साथ लाइसेंस दिया गया है - कोई नवीनीकरण नहीं।
- स्थापना और सेटअप
- हम आपके रेपो में प्रीसेट को क्लोन करते हैं, स्टोरेज एडाप्टर (REST, S3, या हेडलेस CMS) को वायर करते हैं, सीएसपी हेडर कॉन्फ़िगर करते हैं, और आपके वातावरण में संपादक का स्मोक-टेस्ट करते हैं। आपको एक कार्यशील संपादक मिलता है, README नहीं।
- स्थायी प्रति-परियोजना लाइसेंस
- प्रत्येक वाणिज्यिक प्लगइन को प्रति प्रोजेक्ट लाइसेंस दिया जाता है, जिसमें कोई सदस्यता नहीं होती है और कोई आवर्ती शुल्क नहीं होता है। भुगतान साफ़ होते ही फ़ाइलें आपके खाते से डाउनलोड की जा सकती हैं।
- 30-दिन Launch समर्थन
- डिलीवरी के बाद पहले 30 दिनों को कवर किया जाता है: बग फिक्स, मामूली कॉन्फ़िगरेशन बदलाव, और बिना किसी अतिरिक्त शुल्क के प्लगइन संस्करण अपडेट का एक दौर। मासिक अनुचर के रूप में लंबा समर्थन उपलब्ध है।
- प्रलेखित हैंडऑफ़
- हम आपकी टीम के लिए एक संक्षिप्त सेटअप गाइड लिखते हैं: ब्लॉक प्रकार कैसे जोड़ें, स्टाइल मैनेजर का विस्तार कैसे करें, और एक नया स्टोरेज बैकएंड कैसे कनेक्ट करें। स्लैक थ्रेड्स में कोई आदिवासी ज्ञान बंद नहीं है।
लैंडिंग पृष्ठों के लिए अनुशंसित स्टैक
इस संयोजन में लेआउट, सामग्री संपादन और पुनः प्रयोज्य अनुभाग शामिल हैं - जिन हिस्सों की अधिकांश टीमों को आवश्यकता होती है।
पूर्व निर्धारित
GrapesJS Paneless
फ्लोटिंग पैनल के बिना साफ UI। साइडबार-आधारित लेआउट उन मार्केटिंग टीमों के लिए आदर्श है जो डिफ़ॉल्ट GrapesJS क्रोम को भारी पाते हैं। 40+ लैंडिंग पृष्ठ ब्लॉक वाले जहाज।
अनुशंसित प्लगइन्स
- GrapesJS Plugin फॉर्म— सत्यापन, जैपियर हुक, और मूल HTML आउटपुट के साथ ड्रैग-एंड-ड्रॉप फॉर्म फ़ील्ड - सबसे अधिक स्थापित GrapesJS प्लगइन।
- कस्टम कोड Block— पृष्ठ लेखकों को संपादक को तोड़े बिना कैनवास के अंदर सुरक्षित रूप से स्क्रिप्ट, iframes या एम्बेड करने देता है।
- लोरी स्लाइडर— उत्तरदायी छवि हिंडोला. शून्य निर्भरता, 3 kB gzipped — पॉलीफ़िल के बिना सभी मोबाइल ब्राउज़र पर काम करता है.
- टूलटिप Plugin— संपादक में किसी भी घटक के लिए होवर टूलटिप्स संलग्न करें। रेंडर समय पर कोई अतिरिक्त जावास्क्रिप्ट की आवश्यकता नहीं है।
- टैब्स Plugin— अकॉर्डियन और टैब्ड सामग्री ब्लॉक। गैर-तकनीकी लेखकों को कोड को छुए बिना अक्सर पूछे जाने वाले प्रश्न और फीचर ग्रिड बनाने देता है।
अक्सर पूछे जाने वाले प्रश्नों
- GrapesJS सेटअप में कितना समय लगता है?
- एक मानक बिल्ड - प्रीसेट + प्लगइन बंडल + इंस्टॉलेशन - 2-3 व्यावसायिक दिनों में वितरित किया जाता है। कस्टम प्लगइन्स या CMS एकीकरण के साथ बड़े कॉन्फ़िगरेशन में आमतौर पर 5-10 दिन लगते हैं। रश डिलीवरी (अगला कारोबारी दिन) अनुरोध पर उपलब्ध है।
- क्या मैं अपनी खुद की डिज़ाइन प्रणाली या थीम का उपयोग कर सकता हूँ?
- हाँ। GrapesJS डिफ़ॉल्ट रूप से एक खाली कैनवास है। प्रीसेट आपको एक समझदार डिफ़ॉल्ट स्टाइलिंग परत देता है, लेकिन आप हर टोकन, ब्लॉक और स्टाइल मैनेजर पैनल को ओवरराइड कर सकते हैं। यदि आप अपना स्वयं का CSS डिज़ाइन सिस्टम शिप करते हैं, तो हम संपादक को अपने डिफ़ॉल्ट के बजाय आपके टोकन का उपयोग करने के लिए कॉन्फ़िगर करते हैं।
- क्या प्लगइन्स सोर्स कोड के साथ आते हैं?
- अधिकांश प्लगइन्स को प्रति प्रोजेक्ट एक स्थायी लाइसेंस के साथ पैक किए गए बिल्ड के रूप में वितरित किया जाता है। कुछ लेखक स्रोत-कोड लाइसेंस भी प्रदान करते हैं - व्यक्तिगत प्लगइन पृष्ठ की जांच करें। कोई चल रही रॉयल्टी नहीं है।
- प्रीसेट और टेम्पलेट के बीच क्या अंतर है?
- एक प्रीसेट GrapesJS संपादक को ही कॉन्फ़िगर करता है: पैनल, ब्लॉक, स्टाइल मैनेजर, डिवाइस मोड और प्लगइन वायरिंग। एक टेम्पलेट एक प्रारंभिक पृष्ठ डिज़ाइन है जिसे संपादक में लोड किया गया है। संपादक के प्रयोग करने योग्य होने के लिए आपको एक पूर्व निर्धारित की आवश्यकता है; टेम्पलेट आपके अंतिम उपयोगकर्ताओं के लिए वैकल्पिक शुरुआती बिंदु हैं।
- क्या मैं Webflow, अनबाउंस या एलिमेंटर से माइग्रेट कर सकता हूँ?
- GrapesJS एक अलग समस्या को हल करता है: यह एक लाइब्रेरी है जिसे आप अपने उत्पाद में एम्बेड करते हैं, न कि एक होस्ट किया गया पेज बिल्डर जिसकी आप सदस्यता लेते हैं। यदि आप लैंडिंग-पेज सामग्री को माइग्रेट कर रहे हैं, तो हमारी सेटअप सेवा में HTML/CSS से मूल Webflow/CSS और इसी तरह के टूल के लिए एक बार की आयात स्क्रिप्ट शामिल है।
- क्या GrapesJS उत्पादन के लिए तैयार है?
- हाँ। GrapesJS BSD-3-Clause के तहत खुला स्रोत है और इसके मुख्य भंडार में एक सक्रिय अनुरक्षक टीम के साथ 22,000 से अधिक GitHub सितारे हैं। आपको स्रोत मिल जाता है, इसलिए आप इसे चलाते रहने के लिए कभी भी हम पर निर्भर नहीं होते हैं।
- क्या मुझे GrapesJS को एकीकृत करने के लिए जावास्क्रिप्ट कौशल की आवश्यकता है?
- आपके उत्पाद के अंतिम उपयोगकर्ताओं को जावास्क्रिप्ट की आवश्यकता नहीं है - वे Webflow या स्क्वरस्पेस जैसे विज़ुअल एडिटर का उपयोग करते हैं। आपको (एकीकृत डेवलपर) प्लगइन्स को कॉन्फ़िगर करने और अपने बैकएंड से कनेक्ट करने के लिए बुनियादी जावास्क्रिप्ट/TypeScript की आवश्यकता है। हमारी स्थापना और सेटअप सेवा एकीकरण को संभालती है यदि आप नहीं चाहते हैं।
- क्या मैं GrapesJS को स्व-होस्ट कर सकता हूं और डेटा का मालिक बन सकता हूं?
- वाक़ई। GrapesJS पूरी तरह से ओपन-सोर्स (BSD-3-Clause) है, ब्राउज़र में चलता है, और पेज डेटा को JSON के रूप में संग्रहीत करता है, जो भी बैकएंड आप चुनते हैं - PostgreSQL, MongoDB, S3, या एक हेडलेस CMS। कोई विक्रेता लॉक-इन नहीं है और कोई भी डेटा आपके बुनियादी ढांचे को नहीं छोड़ता है।
हमारे द्वारा भेजे गए बिल्ड से
“एक B2B SaaS टीम ने एलिमेंटर-आधारित लैंडिंग सिस्टम को GrapesJS Paneless प्रीसेट और चार प्लगइन्स से बदल दिया। उनकी विकास टीम जीरा टिकट दाखिल करने और दो सप्ताह इंतजार करने से लेकर 45 मिनट में एक अभियान पृष्ठ प्रकाशित करने तक चली गई। प्रति लैंडिंग पृष्ठ लॉन्च करने का समय: 12 दिनों से उसी दिन तक।”
“एक न्यूज़लेटर प्लेटफ़ॉर्म React संपादक से GrapesJS प्लगइन के साथ MJML में स्थानांतरित हो गया। टेम्पलेट निर्माण एक पूर्ण स्प्रिंट से एक दोपहर तक गिर गया। देव समय की बचत: ~ 3 महीने का फ्रंटएंड काम।”
GrapesJS बनाम Webflow बनाम अनबाउंस बनाम एलिमेंटर
GrapesJS एक होस्ट किया गया पेज बिल्डर नहीं है - यह एक लाइब्रेरी है जिसे आप अपने उत्पाद में एम्बेड करते हैं। यह तालिका दिखाती है कि GrapesJS कहां जीतता है और अन्य कहां काम के लिए सही उपकरण हैं।
| विशेषता | GrapesJS | Webflow | Unbounce | Elementor |
|---|---|---|---|---|
| आपके SaaS उत्पाद में एम्बेड करने योग्य | ||||
| ओपन-सोर्स (कोई लाइसेंस शुल्क नहीं) | आंशिक रूप से | |||
| स्व-होस्टेड / कोई विक्रेता लॉक-इन नहीं | WordPress केवल | |||
| व्हाइट-लेबल UI | ||||
| API-चालित/हेडलेस सामग्री | CMS योजना | सीमित | ||
| कस्टम React/Vue घटक | ||||
| मासिक SaaS लागत | $0 | $16–$212 | $74–$469 | $6–$25 |
| एक बार की खरीदारी उपलब्ध है |