चरण 1 का 5

अपने एम्बेडेड पेज बिल्डर को कॉन्फ़िगर करें

हमें अपने उत्पाद के बारे में बताएं - हम आपको SaaS-तैयार प्रीसेट और आपके ऐप के लिए आवश्यक एकीकरण प्लगइन्स के साथ मिलाएंगे।

01परियोजना का प्रकार

चुनें कि आपके बिल्ड का सबसे अच्छा वर्णन क्या है - यह हमारे सुझावों को फ़िल्टर करता है।

02आपको हमसे क्या चाहिए?

यह केवल वही बदलता है जो हम आपको आगे दिखाते हैं - आप इसे बाद में बदल सकते हैं।

आवश्यक

03ईमेल

हम आपके बिल्ड को सेव करेंगे और आपको एक लिंक ईमेल करेंगे ताकि आप बाद में वापस आ सकें।

आवश्यक
दोनों प्रश्नों के उत्तर दें और जारी रखने के लिए अपना ईमेल जोड़ें।

आपको क्या मिलता है

  • GrapesJS संपादक Paneless या कस्टम प्रीसेट के साथ
  • React/Vue आकार बदलने और थीम हैंडलिंग के साथ माउंट रैपर
  • बहु-किरायेदार Storage Manager आपके API से वायर्ड
  • Block योजना स्तरों के लिए दृश्यता गेटिंग
  • व्हाइट-लेबल थीम आपके डिज़ाइन सिस्टम से मेल खाती है

अनुशंसित प्लगइन्स

ये प्लगइन्स इस बिल्ड प्रकार के हिस्से के रूप में पूर्व-कॉन्फ़िगर और परीक्षण किए गए हैं।

Paneless प्रीसेट
फ्लोटिंग पैनल के बिना इन-कैनवास संपादन UI साफ करें - एम्बेडेड बिल्डरों के लिए आदर्श
कस्टम कोड Block
पावर उपयोगकर्ताओं को संपादक के अंदर कच्चे HTML/CSS स्निपेट जोड़ने दें
प्रपत्र Plugin
प्रपत्र ब्लॉक किरायेदार संपादक को छोड़े बिना अपने पृष्ठों में जोड़ सकते हैं
टूलटिप Plugin
पहली बार उपयोगकर्ताओं के लिए ऑनबोर्डिंग संकेत और प्रासंगिक सहायता

अक्सर पूछे जाने वाले प्रश्नों

मैं React या Vue ऐप के अंदर GrapesJS कैसे एम्बेड करूं?
GrapesJS एक वेनिला-जेएस कोर भेजता है। React के लिए, इसे div ref पर useEffect में प्रारंभ करें और इसे सफाई पर नष्ट कर दें। हम प्रत्येक SaaS सेटअप में एक उत्पादन-तैयार रैपर घटक शामिल करते हैं जो माउंट/अनमाउंट, थीम टॉगलिंग और आकार बदलने को संभालता है।
क्या हमारे प्रत्येक किरायेदार के पास एक अलग पृष्ठ भंडारण हो सकता है?
हाँ। GrapesJS का Storage Manager एक कस्टम समापन बिंदु स्वीकार करता है। हम इसे URL में आपकी किरायेदार आईडी शामिल करने के लिए कॉन्फ़िगर करते हैं ताकि प्रत्येक ग्राहक के पृष्ठ अलग-थलग हों - कोई क्रॉस-टेनेंट डेटा रिसाव नहीं।
हम कैसे प्रतिबंधित करते हैं कि कौन से ब्लॉक प्रति योजना स्तर उपलब्ध हैं?
Block दृश्यता को Block Manager API के माध्यम से आरंभीकरण समय पर नियंत्रित किया जाता है। आपका ऐप माउंट पर एक फीचर-फ्लैग सूची पास करता है, और संपादक तदनुसार ब्लॉक दिखाता है या छुपाता है - प्रीमियम ब्लॉक मुफ्त योजनाओं पर छिपे रहते हैं।
क्या हम संपादक को व्हाइट-लेबल कर सकते हैं - GrapesJS ब्रांडिंग हटा सकते हैं?
GrapesJS MIT-लाइसेंस प्राप्त है, इसलिए हाँ। संपादक UI में कोई अनिवार्य एट्रिब्यूशन नहीं है। हम एक कस्टम थीम कॉन्फ़िगर करते हैं और सेटअप के दौरान सभी डिफ़ॉल्ट पैनल आइकन को आपके डिज़ाइन सिस्टम से बदल देते हैं।
यदि कोई ग्राहक निर्यात या माइग्रेट करता है तो संग्रहीत पृष्ठों का क्या होता है?
पृष्ठ आपके डेटाबेस में JSON के रूप में संग्रहीत किए जाते हैं और आपके CDN में HTML प्रदान किए जाते हैं। दोनों प्रारूप खुले हैं - कोई विक्रेता लॉक-इन नहीं। ग्राहक अंतर्निहित निर्यात कार्रवाई के माध्यम से किसी भी समय अपने HTML को निर्यात कर सकते हैं।
हम उपयोगकर्ताओं को अपने स्वयं के कस्टम ब्लॉक कैसे सहेजने देते हैं?
Block Manager एक कस्टम स्टोरेज एडाप्टर के माध्यम से उपयोगकर्ता-सहेजे गए ब्लॉक का समर्थन करता है। हम एक समापन बिंदु को कॉन्फ़िगर करते हैं जो प्रति उपयोगकर्ता घटक JSON को बनाए रखता है, इसलिए सहेजे गए ब्लॉक अगले लॉगिन पर उनके व्यक्तिगत पैनल में दिखाई देते हैं।
SaaS पेज-बिल्डर एकीकरण के लिए शुरुआती कीमत क्या है?
SaaS बिल्ड $600 से शुरू होता है Paneless प्रीसेट और एक कस्टम Storage Manager कॉन्फ़िगरेशन के साथ। कस्टम ब्लॉक और प्लान-गेटेड सुविधाओं के साथ पूर्ण बहु-किरायेदार सेटअप आमतौर पर दायरे के आधार पर $1,200–$3,000 चलते हैं।

GrapesJS बनाम विकल्प

विशेषताGrapesJSWebflowUnbounceElementor
ओपन-सोर्स/MIT लाइसेंस
आपके ऐप में एम्बेड करने योग्य
प्रति सीट SaaS शुल्क नहींPlugin केवल
आउटपुट: MJML/ईमेल HTML
कस्टम भंडारण एडाप्टर
हेडलेस CMS एकीकरणआंशिकआंशिक
व्हाइट-लेबल (कोई ब्रांडिंग नहीं)
Plugin/घटक SDK