import किए पेज का कोई भी element एडिट करें: PersonaCart, सितंबर

यह PersonaCart पर एक हफ़्ते के काम, 7 से 13 सितंबर 2026, की एक लिखित समीक्षा है, जो 12 अक्टूबर 2026 को हमारी कोड history से तैयार की गई। यह नए फ़ीचर के लिहाज़ से कुछ दूसरे हफ़्तों से हल्का हफ़्ता था, इसलिए यह पोस्ट छोटी है। कवर किया गया समय: 7-13 सितंबर 2026।

संक्षेप में

• मुख्य फ़ीचर Beautify से import किए पेज के हर element के लिए settings sheet था।
• फ़ोन और डेस्कटॉप अब container के बच्चों को अलग क्रम में दिखा सकते हैं।
• जब कोई product सिर्फ़ members के लिए हो, तो खरीदार को checkout से पहले चेतावनी मिलती है।

यह सब बना हुआ है और हमारी staging branch पर है। प्लेटफ़ॉर्म launch से पहले के चरण में है और हमारे अपने accounts ही मुख्य users हैं।

मुख्य फ़ीचर: import किए पेज का कोई भी element बदलें

PersonaCart आपका मौजूदा पेज लेकर उसे ऐसा पेज बना सकता है जिसे आप एडिट कर सकें। कमज़ोर कड़ी यह थी कि उसके बाद क्या होता है। अगर आप किसी एक बटन के आसपास की जगह बदलना चाहते थे, या एक अनुच्छेद को बीच में लाना चाहते थे, तो अक्सर उसके लिए कोई control नहीं था।

इसलिए उस हफ़्ते का नियम था: किसी element को छुएँ, और स्क्रीन के नीचे से एक sheet खुले जिसमें तीन tabs हों: Content, Layout और Style। यह हमारे अपने sections के editor पैनल का छोटा रूप है। मक़सद सीधा था। Import का मतलब बंद नहीं।

Sheet उन तरह के elements के लिए बनी है जो असली पेज पर मिलते हैं:

• टेक्स्ट। टेक्स्ट के हर हिस्से को एडिट करें, उसके भीतर bold, italic या links खोए बिना। alignment, आकार, मोटाई और रंग तय करें, और screen readers के लिए heading स्तर।
• तस्वीर। Caption, focal point, बंद aspect ratio, border, और तुरंत load या धीरे-धीरे load का चुनाव।
• Link और बटन। नए tab में खोलना, आकार का चुनाव, affiliate links के लिए “sponsored” निशान, और सुलभता के लिए label।
• Form। सफलता का संदेश, submit बटन की style, field का layout और border।
• Video। Poster तस्वीर, अधिकतम चौड़ाई, play बटन की style और preload विकल्प।
• Icon, social icons और divider। गोल पृष्ठभूमि, घुमाव और पलटना, hover पर zoom, और नए tab में खोलना।
• Items की सूचियाँ। किसी item की प्रति बनाना, सिर्फ़ mobile के लिए अंतर, item के borders, hover पर उठना और क्रम से आने वाली entrance।
• Container और section। Layout mode, grid के columns की संख्या, खड़ा alignment, wrapping, content की चौड़ाई, पूरी चौड़ाई का toggle और नामित slots पर कूदने वाली सूची।

इसके ऊपर, margin और padding का control अब import किए section के किसी भी element पर काम करता है।

और जो आगे बढ़ा

Mobile पर क्रम। Container अपने बच्चों को फ़ोन पर डेस्कटॉप से अलग क्रम में दिखा सकता है। जैसे, 390 pixel की स्क्रीन पर booking बटन पहले, चौड़ी स्क्रीन पर आख़िर में। डेस्कटॉप का क्रम एकमात्र आधार रहता है। Card grids mobile पर अपने columns की संख्या भी तय कर सकते हैं।

सिर्फ़ members के लिए चेतावनी। अगर कोई product सिर्फ़ members के लिए है, तो खरीदार को product पेज पर checkout से पहले बता दिया जाता है, अपनी जानकारी भरने के बाद नहीं।

Billing स्क्रीन। Creator का billing पेज अब तीन स्थितियों में फ़र्क़ करता है: trial, complimentary और भुगतान करने वाला।

Pie। Pie FAQ पेज को view और edit dialogs और product के अनुसार समूहित cards के साथ नया बनाया गया। रुके हुए Pie को chat में कहकर चालू किया जा सकता है। जब रुका हुआ स्टोर किसी domain की पुष्टि करता है, तो Pie अपने आप फिर शुरू हो जाता है।

कोच या Academy के लिए इसका मतलब

कई कोचों के पास किसी दोस्त या एजेंसी की बनाई वेबसाइट पहले से है। सवाल हमेशा यही होता है: क्या मैं नियंत्रण खोए बिना इसे ले जा सकता हूँ? Element sheet “नियंत्रण” वाले आधे हिस्से का हमारा जवाब है। अगर आप टेक्स्ट, तस्वीर और बटन की spacing ख़ुद बदल सकते हैं, तो पुरानी साइट बनाने वाले को संदेश भेजने की ज़रूरत नहीं।

अगर आप देखना चाहते हैं कि builder आज क्या देता है, तो /tools से शुरू करें। Billing के सवालों के लिए /pricing पर plans हैं।

बात करना चाहते हैं? मैं PersonaCart के co-founders में से एक हूँ। अगर आपके मन में कोई सवाल, कोई विचार है, या आप चाहते हैं कि हम कुछ बनाएँ, तो मुझे सीधे लिखिए: [email protected]।

Vinod Morya, Co-founder, PersonaCart