CMS: बटन को डेटासेट से कनेक्ट करना

8 मिनट

बटन क्लिक करने पर क्या होता है, यह तय करने के लिए बटन एलिमेंट को डेटासेट से कनेक्ट करें। उदाहरण के लिए, आप एक बटन को "Submit" क्लिक एक्शन, एक डायनेमिक आइटम पेज, या अपने कलेक्शन में स्टोर किए गए किसी डॉक्यूमेंट से लिंक कर सकते हैं। आप अपने बटन पर डायनेमिक टेक्स्ट दिखाने के लिए बटन लेबल को कलेक्शन फील्ड से भी कनेक्ट कर सकते हैं।

उपलब्ध डेटासेट एक्शन्स की लिस्ट dataset mode पर निर्भर करती है और इस पर भी कि आप एक रेगुलर डेटासेट से कनेक्ट कर रहे हैं या डायनेमिक पेज डेटासेट से। सभी उपलब्ध डेटासेट क्लिक एक्शन्स के बारे में और जानें।

बटन को डेटासेट से कनेक्ट करना

एक बार जब आप बटन को डेटासेट से कनेक्ट कर लेते हैं, तो आप Click action connects to ड्रॉप-डाउन में सभी उपलब्ध कनेक्शन प्रकार देख सकते हैं। डेटासेट वह है जो आपके पेज के एलिमेंट्स को आपके CMS कलेक्शन कंटेंट से जोड़ता है।

Wix एडिटर

Studio एडिटर

अपने एडिटर में संबंधित पेज पर जाएं।
उस बटन पर क्लिक करें जिसे आप CMS से कनेक्ट करना चाहते हैं। बटन जोड़ने का तरीका जानें।
Connect to CMS आइकन पर क्लिक करें।
Choose a dataset ड्रॉप-डाउन पर क्लिक करें और एक मौजूदा डेटासेट चुनें जो आपके कलेक्शन से कनेक्ट हो। वैकल्पिक रूप से, Add a Dataset पर क्लिक करें, फिर वह कलेक्शन चुनें जिसे आप कनेक्ट करना चाहते हैं, डेटासेट को एक नाम दें और Create पर क्लिक करें।
Click action connects to ड्रॉप-डाउन पर क्लिक करें और संबंधित विकल्प चुनें:
- Dynamic Pages: वह डायनेमिक पेज चुनें जिससे आप लिंक करना चाहते हैं। फिर चुनें कि लिंक कैसे खुलेगा: In the current window या As a new window। लिंक एट्रिब्यूट्स सेट करने के लिए Rel values (SEO) ड्रॉप-डाउन पर क्लिक करें।
- Dataset Actions: वह एक्शन चुनें जिसे आप चाहते हैं कि डेटासेट परफॉर्म करे जब बटन क्लिक किया जाए।
- Fields: वह कलेक्शन फील्ड चुनें जिससे आप कनेक्ट करना चाहते हैं। आप निम्नलिखित फील्ड प्रकारों से कनेक्ट कर सकते हैं: Audio, Document, Email, Image, URL, या Video। फील्ड प्रकारों और उनकी कंटेंट सीमाओं के बारे में और जानें।
  टिप: अपने कलेक्शन में एक नया फील्ड जोड़ने और उससे लिंक करने के लिए + Add चुनें।

बटन को डायनेमिक आइटम पेज से कनेक्ट करने का स्क्रीनशॉट।

(ऑप्शनल) बटन में डायनेमिक टेक्स्ट दिखाएं जो उस कलेक्शन आइटम के आधार पर बदलता है जिससे वह लिंक है। Label connects to ड्रॉप-डाउन पर क्लिक करें और संबंधित कलेक्शन फील्ड चुनें।
टिप: वैकल्पिक रूप से, आप बटन सेटिंग्स में जाकर ऐसे स्टैटिक टेक्स्ट का उपयोग कर सकते हैं जो बदलता नहीं है।

बटन लेबल को कलेक्शन फील्ड से कनेक्ट करने का स्क्रीनशॉट।

Accessible name connects to ड्रॉप-डाउन पर क्लिक करें और वह फील्ड चुनें जो स्क्रीन रीडर्स को सबसे अच्छी तरह समझा सके कि बटन क्लिक करने पर क्या होता है।
(ऑप्शनल) अपने बटन से 'Color' फील्ड्स कनेक्ट करें:
1. दाईं ओर Connect Button पैनल में Colors तक स्क्रॉल करें।
2. यह चुनने के लिए संबंधित टैब पर क्लिक करें कि आप किस बटन स्टेट को कनेक्ट करना चाहते हैं: Regular, Hover, या Disabled
3. उन 'Color' फील्ड्स को चुनने के लिए संबंधित ड्रॉप-डाउन मेनू पर क्लिक करें जिन्हें आप कनेक्ट करना चाहते हैं:
  - Text color connects to: टेक्स्ट कैरेक्टर्स के रंग के लिए 'Color' फील्ड कनेक्ट करें।
  - Icon color connects to: बटन आइकन के लिए 'Color' फील्ड कनेक्ट करें (यदि आपके बटन में आइकन है)।
  - Border color connects to: बॉर्डर के रंग के लिए 'Color' फील्ड कनेक्ट करें।
  - Background color connects to: बटन के बैकग्राउंड रंग के लिए 'Color' फील्ड कनेक्ट करें।
4. प्रत्येक बटन स्टेट के लिए इस स्टेप को दोहराएं जिसे आप 'Color' कलेक्शन फील्ड से कनेक्ट करना चाहते हैं।

Wix एडिटर में बटन के लिए अलग-अलग कलर कनेक्टिंग ऑप्शंस का स्क्रीनशॉट।

अपने कनेक्शन टेस्ट करने के लिए Preview पर क्लिक करें।
अगर आप बदलावों को लाइव करने के लिए तैयार हैं, तो Publish पर क्लिक करें।

अक्सर पूछे जाने वाले सवाल (FAQs)

CMS में बटन लिंक करने से जुड़े सामान्य सवालों के जवाब के लिए नीचे क्लिक करें।

क्या मैं ऐसा डायनेमिक लिंक बना सकता हूँ जिस पर क्लिक करके विजिटर्स ईमेल भेज सकें?

हाँ। आप ऐसे डायनामिक लिंक बना सकते हैं जो विजिटर के मेल क्लाइंट (जैसे, Outlook, Gmail) को ओपन करते हैं ताकि वे संबंधित एड्रेस पर ईमेल भेज सकें।

ऑप्शन 1: ईमेल (Email) फील्ड टाइप का उपयोग करें (रिकमेंडेड):

सबसे आसान तरीका Email फील्ड टाइप का उपयोग करना है, जो ऑटोमैटिक रूप से ईमेल एड्रेस को वैलिडेट करता है और आपके लिए लिंक बनाता है।

अपनी कलेक्शन में एक 'Email' फील्ड जोड़ें।
ईमेल एड्रेस दर्ज करें (जैसे, support@email.com)।
एक बटन या इमेज को डेटासेट से कनेक्ट करें।
Click action connects to ड्रॉप-डाउन को अपने 'Email' फील्ड पर सेट करें।

ऑप्शन 2: URL फील्ड का उपयोग करें (वैकल्पिक):

यदि आप लिंक को मैन्युअल रूप से फॉर्मेट करना चाहते हैं, तो आप स्टैंडर्ड URL फील्ड का भी उपयोग कर सकते हैं।

अपनी कलेक्शन में एक URL फील्ड टाइप बनाएं।
प्रत्येक एड्रेस की शुरुआत में mailto: के साथ ईमेल एड्रेस जोड़ें (जैसे, mailto:support@email.com)।
एक बटन या इमेज को डेटासेट से लिंक करें और इसे इस 'URL' फील्ड से कनेक्ट करें।

क्या मैं अपने बटन पर डायनेमिक टेक्स्ट दिखा सकता हूँ?

अलग-अलग फील्ड टाइप्स से कनेक्ट करते समय मुझे किस तरह की कंटेंट लिमिटेशन्स का ध्यान रखना चाहिए?

प्रत्येक फील्ड टाइप (Audio, Document, Email, Image, URL, Video) की अपनी कंटेंट सीमाएं (limitations) होती हैं। बटन की कार्यक्षमता में किसी भी समस्या से बचने के लिए सुनिश्चित करें कि आपका कंटेंट इन सीमाओं को पूरा करता है।

आप डेटासेट में बटन को निम्नलिखित डायनामिक कलेक्शन फील्ड्स से लिंक कर सकते हैं:

Audio: MP3, WAV, FLAC जैसे फाइल टाइप वाली सिंगल ऑडियो फाइलें ओपन करें।
Document: PDF, CSV जैसे सिंगल डॉक्यूमेंट फाइलें ओपन करें।
Email: विजिटर के मेल क्लाइंट को 'To:' फील्ड में ईमेल एड्रेस के साथ ओपन करता है।
Image: JPG, PNG और GIF जैसे इमेज फाइल टाइप ओपन करें।
URL: प्रत्येक आइटम के लिए वेब एड्रेस ओपन करें। आप URL के ओपन होने के तरीके को बदलने के लिए उनकी शुरुआत में निम्नलिखित कैरेक्टर्स जोड़ सकते हैं:
- mailto: विजिटर के मेल क्लाइंट को संबंधित एड्रेस पर ईमेल भेजने के लिए ओपन करता है (जैसे mailto:sales@email.com)
- sms: विजिटर के उस ऐप को ओपन करता है जिसका उपयोग SMS (टेक्स्ट) मैसेज भेजने के लिए किया जाता है (जैसे sms:9254135555)।
- tel: विजिटर के उस ऐप को ओपन करता है जिसका उपयोग टेलीफोन नंबर पर कॉल करने के लिए किया जाता है (जैसे tel:9254135555)।
Video: AVI, MPEG, MOV जैसे फाइल टाइप वाली सिंगल वीडियो फाइलें ओपन करें।

सपोर्टेड फील्ड टाइप और उनकी सीमाओं के बारे में और जानें।

बटन के एक्सेसिबल नेम फील्ड के लिए मुझे क्या इस्तेमाल करना चाहिए?

अपनी साइट को और भी एक्सेसिबल बनाने के लिए, अपने CMS से जुड़े हर बटन में एक 'एक्सेसिबल नाम' (accessible name) जोड़ें। एक्सेसिबल नाम ऑल्ट टेक्स्ट (alt text) की तरह काम करते हैं, लेकिन इन्हें खास तौर पर बटन के लिए बनाया गया है—ये स्क्रीन रीडर्स को यह बताने में मदद करते हैं कि बटन क्या काम करता है या वह कहाँ ले जाता है।

हमारा सुझाव है कि आप अपने बटन के एक्सेसिबल नाम के लिए एक कलेक्शन फ़ील्ड बनाएँ, और इसे Accessible name connects to ड्रॉप-डाउन से कनेक्ट करें। इस फ़ील्ड में बटन के एक्शन या डेस्टिनेशन का साफ़ और मददगार विवरण होना चाहिए। उदाहरण के लिए, "यहाँ क्लिक करें" जैसे सामान्य नाम के बजाय "हमारी सर्विस के बारे में और पढ़ें" या "अपना एप्लिकेशन सबमिट करें" का इस्तेमाल करें।

आप स्टैटिक टेक्स्ट को अपने कलेक्शन के डेटा के साथ जोड़कर और भी पर्सनलाइज़्ड नाम बनाने के लिए एक्सप्रेशन का इस्तेमाल भी कर सकते हैं। उदाहरण के लिए, आप CONCAT("Read more about ", title) का इस्तेमाल कर सकते हैं ताकि स्क्रीन रीडर्स हर बटन के लिए अलग और सटीक विवरण दे सकें।

एक्सेसिबल नाम जोड़ने से आपकी साइट की एक्सेसिबिलिटी बेहतर होती है और सभी विज़िटर्स के लिए आपके कंटेंट को नेविगेट करना आसान हो जाता है। CMS एक्सेसिबिलिटी के बेस्ट प्रैक्टिसेस के बारे में और जानें।

क्या इससे मदद मिली?

इस लेख में

बटन को डेटासेट से कनेक्ट करना
अक्सर पूछे जाने वाले सवाल (FAQs)