CMS: डायनामिक पेज बनाना जो कैटेगरी के हिसाब से आइटम लिस्ट करते हैं
29 मिनट
डायनेमिक पेजों की मदद से अपनी वेबसाइट पर CMS (कंटेंट मैनेजमेंट सिस्टम) कलेक्शन आइटम्स को कैटेगरी के अनुसार ऑर्गनाइज़ करें। आप हर कैटेगरी के लिए अलग वर्जन के साथ एक डायनेमिक 'कैटेगरी' पेज बना सकते हैं। हर वर्जन में, विज़िटर्स उस कैटेगरी के आइटम्स की लिस्ट देखते हैं और किसी खास आइटम को देखने के लिए उस पर क्लिक कर सकते हैं।
उदाहरण के लिए, मान लीजिए कि आप एक बुक ब्लॉगर हैं और आपके पास मिस्ट्री, रोमांस और फैंटेसी जैसे कई अलग-अलग जॉनर (genres) के रिव्यू हैं। हर जॉनर के लिए डायनेमिक पेज सेट करके, आपके बुक-लवर विज़िटर्स आसानी से उन रिव्यू तक पहुँच सकते हैं जिनमें उनकी दिलचस्पी है, जिससे उनका अनुभव बेहतर होता है।
यह गाइड आपको हर कैटेगरी के लिए डायनेमिक पेज बनाने, URL स्ट्रक्चर को एडजस्ट करने, अपने पेजों को पर्सनलाइज़ करने और यदि आप चाहें, तो एक मुख्य डायनेमिक पेज बनाने का तरीका बताएगी जो आपकी सभी कैटेगरी को दिखाता है।
शुरू करने से पहले:
- सुनिश्चित करें कि आपके पास एक CMS collection है जिसमें वे आइटम्स हैं जिन्हें आप कैटेगराइज़ करना चाहते हैं।
- सुनिश्चित करें कि आपने अपने कलेक्शन के लिए एक dynamic item page बना लिया है। आप अपने डायनेमिक 'category' पेज से इस पेज पर एक डायनेमिक लिंक जोड़ेंगे ताकि विजिटर्स किसी खास आइटम की डिटेल्स देखने के लिए क्लिक कर सकें।
स्टेप 1 | अपने कलेक्शन आइटम्स को कैटेगरी में बांटने के लिए एक फील्ड जोड़ें
अपनी साइट पर आइटम्स की विभिन्न कैटेगरीज दिखाने के लिए, आपके कलेक्शन में एक ऐसा फील्ड होना चाहिए जो यह परिभाषित करे कि प्रत्येक आइटम किस कैटेगरी का है। अपने कलेक्शन में एक 'category' फील्ड जोड़ें या चुनें, फिर प्रत्येक आइटम को कैटेगराइज़ करने के लिए फील्ड में वैल्यूज दर्ज करें।
अपने कलेक्शन में 'कैटेगरी' फील्ड जोड़ने के लिए:
- अपने साइट डैशबोर्ड में CMS पर जाएँ। इसके अलावा, आप अपने एडिटर में CMS
पर क्लिक कर सकते हैं, फिर Your Collections पर क्लिक करें। - संबंधित कलेक्शन पर क्लिक करें।
- Manage Fields पर क्लिक करें।
- + Add Field पर क्लिक करें, Text या Number फील्ड टाइप चुनें और Choose Field Type पर क्लिक करें।
- Field name दर्ज करें (जैसे: Category)।
- (केवल Velo के लिए वैकल्पिक) Field ID को अपडेट करें, जिसका उपयोग साइट के कोड में किया जाता है। आप इस ID को बाद में अपडेट नहीं कर सकते।
- (वैकल्पिक) Help text दर्ज करें जो आपके कलेक्शन व्यू में फील्ड नाम के बगल में टूलटिप के रूप में दिखाई देगा।
- (वैकल्पिक) इस फील्ड को अनिवार्य बनाने, कैरेक्टर काउंट को सीमित करने, या केवल विशिष्ट वैल्यू स्वीकार करने के लिए Validations टैब पर क्लिक करें। फील्ड वैलिडेशन जोड़ने के बारे में और जानें।
- (वैकल्पिक) ऐसा टेक्स्ट जोड़ने के लिए Default value टैब पर क्लिक करें जो कलेक्शन के हर नए आइटम के लिए फील्ड में ऑटोमैटिक रूप से जुड़ जाए। फील्ड्स में डिफॉल्ट वैल्यू जोड़ने के बारे में और जानें।
- Save पर क्लिक करें।

- अपने नए 'कैटेगरी' फील्ड में उस कैटेगरी का नाम लिखें जिससे हर आइटम जुड़ा है। ध्यान रखें कि हर यूनिक कैटेगरी के लिए स्पेलिंग, कैपिटलाइजेशन और स्पेस की संख्या एक जैसी हो।

स्टेप 2 | एक डायनेमिक पेज जोड़ें जो कैटेगरी के अनुसार आइटम लिस्ट करता हो
अपने कलेक्शन के लिए एक नया डायनेमिक लिस्ट पेज बनाएं। बाद में, यह डायनेमिक पेज प्रत्येक कैटेगरी के लिए अलग-अलग वर्ज़न वाले टेम्पलेट के रूप में काम करेगा। प्रत्येक वर्ज़न केवल वही आइटम्स दिखाएगा जो उसकी कैटेगरी से संबंधित हैं।
Wix Editor
Studio Editor
- अपने एडिटर पर जाएँ।
- एडिटर के बाईं ओर CMS
पर क्लिक करें। - Your Collections पर क्लिक करें।
- संबंधित कलेक्शन पर माउस ले जाएँ (hover करें) और More Actions आइकन
पर क्लिक करें। - Add dynamic page पर क्लिक करें।

- List page चुनें और Add to Site पर क्लिक करें।
स्टेप 3 | URL स्लॉग स्ट्रक्चर को मॉडिफाई करें
आपको अपने नए डायनेमिक लिस्ट पेज को एक ऐसे डायनेमिक आइटम पेज में बदलना होगा जो कैटेगरी के अनुसार आइटम्स को लिस्ट करता है। ऐसा करने के लिए, पेज के URL स्लग स्ट्रक्चर को एडिट करें। ध्यान रखें कि अपने 'कैटेगरी' फील्ड को वेरिएबल के रूप में जोड़ें और स्लग स्ट्रक्चर को अपनी साइट के लिए यूनिक रखें।
जरूरी:
अगर आप अपने डायनेमिक पेजों का URL स्लग स्ट्रक्चर बदलते हैं, तो इन पेजों के सभी मौजूदा लिंक अब काम नहीं करेंगे। यह आपकी साइट के अंदर के लिंक, आपके द्वारा बाहरी रूप से शेयर किए गए किसी भी लिंक और सर्च इंजन में SEO लिंक को प्रभावित करता है। हम एक ऐसा फीचर ला रहे हैं जो आपको ऑटोमैटिक रिडायरेक्ट जोड़ने की सुविधा देगा, जिससे विज़िटर्स और सर्च इंजन पुराने URL से नए URL पर पहुँच सकेंगे।
यूनिक URL स्लॉग स्ट्रक्चर
URL स्लग स्ट्रक्चर ऐसा नहीं होना चाहिए जो आपकी साइट के अन्य मौजूदा पेजों द्वारा पहले से इस्तेमाल किया जा रहा हो। इसे यूनिक रखने के लिए, URL स्लग स्ट्रक्चर में वही प्रीफिक्स (जैसे {Collection name}) नहीं हो सकता और वेरिएबल्स की संख्या भी उतनी ही नहीं हो सकती जितनी आपकी साइट के किसी अन्य पेज की है, भले ही वेरिएबल्स अलग हों।
अगर URL स्लग स्ट्रक्चर किसी मौजूदा स्ट्रक्चर से टकराता है, तो CMS आपको बदलाव सेव करने की अनुमति नहीं देगा। इसीलिए आप अपने कलेक्शन के अन्य डायनेमिक पेजों के URL स्लग स्ट्रक्चर को बदलना चाह सकते हैं।
मुझे ऐसे कॉन्फ्लिक्टिंग URL स्लॉग स्ट्रक्चर का उदाहरण दिखाएं जिनका उपयोग नहीं किया जा सकता
डायनेमिक लिस्ट पेज को डायनेमिक आइटम पेज में क्या बदलता है?
जब आप कोई डायनेमिक पेज बनाते हैं, तो आपके कलेक्शन में एक Page Link फील्ड जुड़ जाता है। Page Link फील्ड डायनेमिक पेज के URL slug स्ट्रक्चर के आधार पर आपके कलेक्शन के प्रत्येक आइटम के लिए वास्तविक URL slug वैल्यू जनरेट करता है।
डायनेमिक पेज के URL slug स्ट्रक्चर को एडिट करने से Page Link फील्ड की वैल्यूज उसी के अनुसार एडजस्ट हो जाती हैं। यदि आपके कलेक्शन के कई आइटम्स की Page Link वैल्यू (URL slug) एक ही है, तो CMS यह निर्धारित करता है कि इन आइटम्स को एक ही पेज शेयर करना चाहिए। इसलिए, डायनेमिक पेज को प्रत्येक यूनिक Page Link वैल्यू (URL slug) के लिए एक अलग वर्ज़न वाले डायनेमिक आइटम पेज में बदल दिया जाता है।
मुझे कलेक्शन में डुप्लीकेट पेज लिंक फील्ड वैल्यू का एक उदाहरण दिखाएं
कंबाइंड फील्ड वेरिएबल्स से डायनामिक 'कैटेगरी' पेज बनाना:
आप फील्ड वैल्यूज़ के हर यूनिक कॉम्बिनेशन के वर्ज़न के साथ डायनेमिक 'कैटेगरी' पेज बना सकते हैं। यदि आप डायनेमिक पेज के URL स्लग स्ट्रक्चर में कई फील्ड वेरिएबल्स जोड़ते हैं, तो वैल्यूज़ को पेज लिंक फील्ड में कंबाइन कर दिया जाता है। यदि यह फील्ड कई आइटम्स के लिए एक जैसा है, तो डायनेमिक पेज को हर यूनिक पेज लिंक वैल्यू (URL स्लग) के वर्ज़न के साथ डायनेमिक आइटम पेज में बदल दिया जाता है।
URL स्लॉग स्ट्रक्चर के उदाहरण जो आप बना सकते हैं
आप अपने डायनेमिक पेजों के URL स्लग स्ट्रक्चर में वेरिएबल के रूप में किसी भी टेक्स्ट या नंबर फ़ील्ड का इस्तेमाल कर सकते हैं। उदाहरण के लिए, आप अपने डायनेमिक पेजों के लिए निम्नलिखित URL स्लग स्ट्रक्चर बना सकते हैं:
- डायनेमिक आइटम पेज: https://www.{your-domain.com}/{collection-name}/{category}/{primary-field}
- डायनेमिक कैटेगरी पेज: https://www.{your-domain.com}/{collection-name}/{category}
- डायनेमिक लिस्ट पेज: https://www.{your-domain.com}/{collection-name}
अपने डायनेमिक पेजों के URL slug स्ट्रक्चर को एडिट करने के लिए:
Wix Editor
Studio Editor
- अपने एडिटर पर जाएँ।
- एडिटर के बाईं ओर Pages & Menu
पर क्लिक करें। - Dynamic Pages पर क्लिक करें।
- अपने कलेक्शन से जुड़े डायनेमिक पेजों के URL slug स्ट्रक्चर को एडिट करें। निर्देश पाने के लिए नीचे संबंधित डायनेमिक पेज टाइप पर क्लिक करें:
डायनेमिक आइटम पेज (इंडिविजुअल आइटम डिस्प्ले करने के लिए इस्तेमाल किया जाता है)
डायनेमिक पेज (जो कैटेगरी के अनुसार आइटम डिस्प्ले करेगा)
डायनेमिक लिस्ट पेज (कलेक्शन के सभी आइटम दिखाने के लिए इस्तेमाल किया जाता है)
स्टेप 4 | अपनी डायनेमिक कैटेगरी पेज को कस्टमाइज़ करें
आपका डायनेमिक 'category' पेज अब आपकी प्रत्येक कैटेगरी के लिए अलग-अलग वर्ज़न वाले डायनेमिक आइटम पेज के रूप में काम करना चाहिए। प्रत्येक वर्ज़न में, एक रिपीटर में विभिन्न एलिमेंट्स पहले से ही आपके CMS कलेक्शन फील्ड्स से जुड़े होते हैं ताकि कैटेगरी के भीतर प्रत्येक आइटम के बारे में डिटेल्स दिखाई जा सकें।
आप रिपीटर में एलिमेंट्स जोड़ या हटा सकते हैं, उनके CMS कनेक्शन बदल सकते हैं और सब कुछ फिट करने के लिए रिपीटर को रिसाइज कर सकते हैं। आपके पेज का प्रत्येक वर्ज़न कैसा दिखता है, यह देखने के लिए Preview टूलबार का उपयोग करें। हम पेज के टॉप पर मौजूद टेक्स्ट को आपके CMS 'category' फील्ड से जोड़ने की सलाह देते हैं ताकि प्रत्येक वर्ज़न टॉप पर कैटेगरी का नाम दिखाए।
अपनी डायनेमिक कैटेगरी पेज को कस्टमाइज़ करने के लिए:
Wix Editor
स्टूडियो एडिटर
- अपने एडिटर पर जाएँ।
- अपने डायनेमिक कैटेगरी पेज पर जाएँ:
- एडिटर के बाईं ओर Pages & Menu
पर क्लिक करें। - Dynamic Pages पर क्लिक करें।
- पिछले सेक्शन के स्टेप्स में आपके द्वारा बनाए गए डायनेमिक कैटेगरी पेज पर क्लिक करें।
- एडिटर के बाईं ओर Pages & Menu

- (ऑप्शनल) अपने रिपीटर में एलिमेंट्स जोड़ें (जैसे बटन, टेक्स्ट, इमेज) या उन एलिमेंट्स को हटा दें जिनकी आपको ज़रूरत नहीं है। आप रिपीटर का साइज़ एडजस्ट कर सकते हैं ताकि इसमें सभी एलिमेंट्स आ सकें।
- रिपीटर एलिमेंट पर क्लिक करें और Connect to CMS आइकॉन
चुनें। - दाईं ओर Connect Repeater पैनल में, उस एलिमेंट पर क्लिक करें जिसे आप कनेक्ट करना चाहते हैं।
- Connections के तहत, एलिमेंट को संबंधित कलेक्शन फ़ील्ड या डेटासेट एक्शन से कनेक्ट करने के लिए संबंधित ड्रॉप-डाउन पर क्लिक करें। एलिमेंट के प्रकार के आधार पर विकल्प अलग-अलग हो सकते हैं।
टिप्स:
- पेज के सबसे ऊपर मौजूद टेक्स्ट को अपने 'category' फील्ड से कनेक्ट करें ताकि यह दिखाई जा रही कैटेगरी के अनुसार अपने आप बदल जाए।
- अपने रिपीटर में इमेज या बटन को अपने उस डायनेमिक आइटम पेज से कनेक्ट करें जिसका इस्तेमाल एक बार में एक आइटम दिखाने के लिए किया जाता है।

- पैनल के सबसे ऊपर Repeater connections पर क्लिक करें।
- एलिमेंट्स को कलेक्शन फील्ड्स या डेटासेट एक्शन्स से कनेक्ट करने के लिए ऊपर दिए गए स्टेप्स 3-7 दोहराएं।

- जरूरत के अनुसार अपने रिपीटर एलिमेंट्स को एडजस्ट करने के लिए क्लिक करें।
टिप: आप किसी भी समय अपने रिपीटर से एलिमेंट्स जोड़ या हटा सकते हैं। अगर आप स्टैटिक कंटेंट का इस्तेमाल करना चाहते हैं जो बदलता नहीं है, तो एलिमेंट्स को डिस्कनेक्ट कर दें। - Preview पर क्लिक करें और अपने डायनेमिक कैटेगरी पेज के हर वर्जन को टेस्ट करने के लिए टूलबार का इस्तेमाल करें।
टिप: अगर प्रीव्यू मोड में जाने पर आपको 404 एरर मैसेज मिलता है, तो अपने एडिटर को सेव करके रीलोड करें, फिर दोबारा कोशिश करें।

- अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो Publish पर क्लिक करें।
स्टेप 5 | (ऑप्शनल) एक डायनेमिक पेज बनाएं जो आपकी कैटेगरी को लिस्ट करता हो
अब जब आपके पास अपनी प्रत्येक कैटेगरी के लिए अलग-अलग वर्ज़न वाला एक डायनेमिक पेज है, तो आप एक ऐसा पेज बनाना चाह सकते हैं जो इन सभी कैटेगरीज को लिस्ट करे। इस तरह, विजिटर्स आपकी सभी कैटेगरीज का इंडेक्स देख सकते हैं, और फिर आपके द्वारा पहले बनाए गए डायनेमिक 'category' पेज के संबंधित वर्ज़न पर जाने के लिए क्लिक कर सकते हैं।
ऐसा करने के लिए, आपको अपनी प्रत्येक कैटेगरी के लिए एक आइटम के साथ एक अलग कलेक्शन की आवश्यकता होगी। आपके 'categories' कलेक्शन में आपके मुख्य कलेक्शन के आइटम्स को रेफरेंस देने वाला एक Multi-Reference फील्ड भी होना चाहिए। आप प्रत्येक कैटेगरी की इमेज के लिए एक इमेज फील्ड और प्रत्येक कैटेगरी का संक्षिप्त विवरण देने के लिए एक टेक्स्ट फील्ड भी जोड़ सकते हैं।
फिर, अपने 'categories' कलेक्शन के लिए एक डायनेमिक लिस्ट पेज जोड़ें। आपको एक डेटासेट जोड़ना होगा जो आपके मुख्य कलेक्शन से जुड़ता हो और जिसमें एक फ़िल्टर हो जिसमें आपके 'categories' कलेक्शन का Title ('categories') फील्ड शामिल हो। पेज को कस्टमाइज़ करें और यदि आवश्यक हो तो इसके URL slug स्ट्रक्चर को बदलें।
a | अपनी कैटेगरी को लिस्ट करने के लिए एक कलेक्शन बनाएं
- अपनी साइट के डैशबोर्ड में Go to CMS पर जाएँ।
- ऊपर दाईं ओर + Create Collection पर क्लिक करें।
- Start from scratch पर क्लिक करें, फिर Next पर क्लिक करें।
- अपने कलेक्शन के लिए एक नाम दर्ज करें।
- (केवल कोडिंग) अपने कोड में उपयोग करने के लिए एक कलेक्शन ID दर्ज करें।
- Multiple item collection (Default) को सिलेक्टेड रहने दें और Create पर क्लिक करें।
- एक मल्टी-रेफरेंस फ़ील्ड जोड़ें जो आपके मेन कलेक्शन को रेफर करती हो:
- Add Field पर क्लिक करें, Multi-reference चुनें, फिर Choose Field Type पर क्लिक करें।
- Field name दर्ज करें।
- Referenced Collection ड्रॉप-डाउन पर क्लिक करें, वह मेन कलेक्शन चुनें जिसमें आपका 'category' फ़ील्ड शामिल है, फिर Save पर क्लिक करें।

- (ऑप्शनल) अपनी कैटेगरीज की लिस्ट वाले पेज पर दिखाने के लिए और फील्ड्स जोड़ें (जैसे इमेज, टेक्स्ट)। उदाहरण के लिए, आप प्रत्येक कैटेगरी को दर्शाने वाली इमेज दिखाने के लिए एक इमेज फील्ड जोड़ सकते हैं।
- प्रत्येक कैटेगरी के लिए एक नया आइटम जोड़ें:
- + Add Item पर क्लिक करें।
- अपने प्राइमरी Title फील्ड में अपनी किसी एक कैटेगरी का नाम दर्ज करें।
- Multi-Reference सेल पर क्लिक करें और उन आइटम्स को चुनें जिनका कैटेगरी फील्ड इस आइटम के प्राइमरी Title फील्ड से मेल खाता हो।
- इस आइटम/कैटेगरी के लिए आपके द्वारा जोड़े गए किसी भी एडिशनल फील्ड को भरें।
- प्रत्येक कैटेगरी को दर्शाने वाले आइटम्स जोड़ने के लिए इन स्टेप्स को दोहराएं।

b | अपनी कैटेगरी की लिस्ट दिखाने के लिए एक डायनेमिक पेज जोड़ें
Wix Editor
स्टूडियो एडिटर
- अपने एडिटर पर जाएँ।
- एडिटर के बाईं ओर CMS
पर क्लिक करें। - Your Collections पर क्लिक करें।
- अपनी कैटेगरी लिस्ट करने के लिए आपने जो कलेक्शन बनाया है, उस पर माउस ले जाएँ (hover करें) और More Actions आइकन
पर क्लिक करें। - Add dynamic page पर क्लिक करें।

- List page चुनें और Add to Site पर क्लिक करें।
- एक ऐसा डेटासेट जोड़ें जो आपके मेन कलेक्शन से कनेक्ट हो और जिसमें एक फ़िल्टर हो जो आपके 'categories' कलेक्शन से Title ('categories') फ़ील्ड को शामिल करता हो:
- एडिटर के बाईं ओर CMS
पर क्लिक करें। - Add Content Elements पर क्लिक करें और फिर Dataset चुनें।
- ड्रॉप-डाउन पर क्लिक करें, मेन कलेक्शन चुनें और Create पर क्लिक करें।
- दाईं ओर Dataset Settings पैनल में + Add Filter पर क्लिक करें।
- Field ड्रॉप-डाउन पर क्लिक करें और अपना 'category' फ़ील्ड चुनें।
- Value source के नीचे Another dataset चुनें।
- Dataset ड्रॉप-डाउन पर क्लिक करें और अपना वह कलेक्शन चुनें जो कैटेगरी को लिस्ट करता है।
- Field ड्रॉप-डाउन में Title को सिलेक्टेड रहने दें और Add Filter पर क्लिक करें।
- एडिटर के बाईं ओर CMS

- अपने रिपीटर के 'Read More' बटन को अपने डायनेमिक कैटेगरी पेज से कनेक्ट करें:
- अपने रिपीटर में बटन पर क्लिक करें और Connect to CMS आइकॉन
को चुनें। - Choose a dataset ड्रॉप-डाउन पर क्लिक करें और उस डेटासेट को चुनें जिसे आपने अभी जोड़ा है और जो आपके मेन कलेक्शन से कनेक्ट होता है।
- Click action connects to ड्रॉप-डाउन पर क्लिक करें और डायनेमिक 'category' पेज चुनें।
- अपने रिपीटर में बटन पर क्लिक करें और Connect to CMS आइकॉन

- (ऑप्शनल) अपने रिपीटर में एलिमेंट्स जोड़ें (जैसे बटन, टेक्स्ट, इमेज) या उन एलिमेंट्स को हटा दें जिनकी आपको ज़रूरत नहीं है। आप रिपीटर का साइज़ एडजस्ट कर सकते हैं ताकि इसमें सभी एलिमेंट्स आ सकें।
- रिपीटर पर क्लिक करें और एलिमेंट्स और अपने कलेक्शन के बीच कनेक्शन को एडजस्ट करने के लिए Connect to CMS आइकॉन
चुनें।

- (वैकल्पिक) इस डायनेमिक पेज के URL slug स्ट्रक्चर को बदलें।
- अपने कनेक्शन टेस्ट करने के लिए Preview पर क्लिक करें।
- अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो Publish पर क्लिक करें।
अगला:
- अपनी साइट के मेन्यू में नए डायनेमिक पेजों के लिंक जोड़ने का तरीका जानें।
- अपने डायनेमिक लिस्ट पेज पर 'Load More' बटन जोड़ने का तरीका जानें।
- ऐसे इनपुट एलिमेंट्स जोड़ने का तरीका जानें जो विजिटर्स को कलेक्शन कंटेंट फिल्टर करने की सुविधा देते हैं।
अक्सर पूछे जाने वाले सवाल (FAQs)
डायनेमिक कैटेगरी पेज बनाने से जुड़े सामान्य सवालों के जवाब के लिए नीचे क्लिक करें।
जब मैं अपने नए डायनामिक कैटेगरी पेज का प्रिव्यू करता हूँ, तो मुझे 404 एरर मैसेज क्यों मिलता है?
क्या मैं अपनी साइट के मेन्यू में अपने डायनेमिक कैटेगरी पेजों के लिंक जोड़ सकता हूँ?
क्या मैं अपने डायनेमिक पेजों पर 'Load More' या नेविगेशनल बटन जोड़ सकता हूँ?




पर क्लिक करें और SEO चुनें।


