एलिमेंटर तुलना तालिका विजेट (प्रो)

तुलना तालिका एक मास्टर एडॉन्स प्रो विजेट है जो २ से ६ उत्पादों या योजनाओं के लिए एक फीचर ग्रिड बनाता है फ़ीचर नाम पहले कॉलम को चलाते हैं, और प्रत्येक उत्पाद कॉलम में एक शीर्षक, मूल्य, छवि, प्रत्येक फीचर पंक्ति के लिए एक मूल्य और एक बटन मान हो सकते हैं एक चेक मार्क, एक क्रॉस, एक आइकन या टेक्स्ट चार लेआउट में से एक चुनें, अनुशंसित विकल्प को चिह्नित करने के लिए एक कॉलम को अपने रंग दें, और शैली पंक्तियों, हेडर और बटन को कोई वूकॉमर्स की आवश्यकता नहीं है, इसलिए यह योजनाओं, सॉफ्टवेयर, हार्डवेयर या सेवा पैकेज के लिए काम करता है एकल योजना कार्ड के लिए, द मूल्य निर्धारण तालिका विजेट बेहतर फिट है, और इसे मास्टर एडॉन्स प्रो की आवश्यकता नहीं है।

एलिमेंटर में तुलना तालिका कैसे जोड़ें

तुलना तालिका को एलिमेंटर और एक सक्रिय की आवश्यकता है मास्टर एडॉन्स प्रो लाइसेंस।

  1. मास्टर एडॉन्स प्रो को सक्रिय करें, एलिमेंटर के साथ अपना पेज संपादित करें और विजेट पैनल खोजें तुलना तालिका.
  2. में सामान्य, एक लेआउट चुनें और उत्पादों को कॉलम की संख्या पर सेट करें।
  3. में विशेषताएं बॉक्स, प्रति फीचर पंक्ति में एक आइटम जोड़ें और शीर्षक सेट करें।
  4. प्रत्येक खोलें उत्पाद अनुभाग और शीर्षक, मूल्य, छवि, बटन पाठ और लिंक जोड़ें।
  5. प्रत्येक पंक्ति मान को फीचर सूची के समान क्रम में चेक, क्रॉस, आइकन या टेक्स्ट पर सेट करें।
  6. आपके द्वारा सुझाए गए कॉलम के लिए ओवरराइड स्टाइल चालू करें, तालिका को स्टाइल करें, फिर इसे मोबाइल दृश्य में जांचें।

प्रत्येक सेटिंग को कवर किया गया है तुलना तालिका विजेट सेटिंग्स गाइड।

के साथ अच्छी तरह से जोड़ेः मूल्य निर्धारण तालिका, गतिशील तालिका, सामग्री टॉगल करें मासिक और वार्षिक स्विच के लिए, जानकारी बॉक्स फीचर हाइलाइट्स के लिए, और व्यावसायिक घंटे.

एक नज़र में तुलना तालिका

विजेट क्या करता है, मास्टर एडॉन्स प्रो कोड से पढ़ें।

आइटमतुलना तालिका विजेट
प्रति टेबल उत्पाद2 से 6, डिफ़ॉल्ट रूप से 3 के साथ
लेआउट4 (शैली 1 से शैली 4)
फ़ीचर पंक्तियाँएक पुनरावर्तक सूची, जितनी पंक्तियों की आपको आवश्यकता है
सेल मानचेक करें, क्रॉस करें, अपनी पसंद का आइकन या टेक्स्ट करें
उत्पाद क्षेत्रोंशीर्षक, मूल्य, छवि, बटन पाठ और लिंक
एक कॉलम हाइलाइट करेंप्रति उत्पाद ओवरराइड शैली: शीर्षक, मूल्य, पंक्तियाँ और बटन रंग
नंबर बैजलेआउट 3 प्रत्येक उत्पाद के ऊपर एक क्रमांकित वृत्त दिखाता है
मोबाइल767px के नीचे (टैब प्रारूप प्रारंभ करें) उत्पाद नामों की एक पंक्ति और पहला उत्पाद कॉलम; सभी कॉलम रखने के लिए 0 सेट करें
प्रति-सेल स्टाइलिंगनहीं, स्टाइल प्रति टेबल या प्रति उत्पाद कॉलम है
रिबन या बैज पाठनहीं, उत्पाद शीर्षक या कीमत में लेबल डालें
सीएसवी आयातनहीं
WooCommerce स्रोतनहीं, मान पैनल में टाइप किए गए हैं
जरूरतेंएलिमेंटर और मास्टर एडऑन प्रो
निःशुल्क और बुनियादी योजना कॉलम के साथ हमारी योजना तालिका की तुलना करें और स्टाइल 4 पर सेट फीचर रिपीटर और लेआउट के बगल में पंक्तियों की जांच करें और क्रॉस करें

फ़ीचर द्वारा 2 से 6 उत्पादों की तुलना करें

सेट उत्पादों सामान्य तौर पर (डिफ़ॉल्ट रूप से 2 से 6, 3) और ए उत्पाद अनुभाग प्रत्येक कॉलम के लिए दिखाई देता है अपनी पंक्तियों को एक बार सूचीबद्ध करें विशेषताएं बॉक्स: एक शीर्षक, प्रति सुविधा एक पुनरावर्तक आइटम और एक बटन शीर्षक। फिर प्रत्येक उत्पाद को एक से भरें शीर्षक, कीमत, छवि, बटन पाठ, लिंक और हर पंक्ति के लिए एक मूल्य।

  • प्रत्येक पंक्ति मान एक चेक, एक क्रॉस, आपकी पसंद का एक आइकन या सादा पाठ है जैसे कि “1 ईयर”।
  • फ़ीचर पंक्तियाँ साझा की जाती हैं, इसलिए प्रत्येक उत्पाद में समान संख्या में आइटम रखें ताकि पंक्तियाँ पंक्तिबद्ध हो जाएँ।
  • पैनल में सामग्री टाइप की गई है कीमतें वूकॉमर्स से नहीं खींचती हैं।

एक उत्पाद तुलना तालिका बनाएं

एक उत्पाद तुलना तालिका कॉलम में उत्पादों और पंक्तियों में चश्मा रखती है, इसलिए एक खरीदार हर विकल्प में एक सुविधा स्कैन कर सकता है आइटम की संख्या के लिए उत्पाद सेट करें, सुविधाओं के बॉक्स में एक बार चश्मा सूचीबद्ध करें, फिर प्रत्येक उत्पाद अनुभाग को एक शीर्षक, मूल्य, छवि, बटन पाठ और लिंक के लिए चेक या क्रॉस का उपयोग करें और बैटरी जीवन या वारंटी जैसे नंबरों के लिए कोई चश्मा और पाठ नहीं।

पैनल में हर मूल्य टाइप किया गया है विजेट वूकॉमर्स उत्पादों को नहीं पढ़ता है या सीएसवी आयात नहीं करता है, इसलिए यह आपके द्वारा क्यूरेट की गई एक छोटी सूची के अनुरूप है, जैसे कि तीन हेडफ़ोन, तीन योजनाएं या दो प्रतिद्वंद्वियों के खिलाफ आपके उत्पाद को ओवरराइड करें आपके द्वारा सुझाए गए उत्पाद पर शैली को चालू करें ताकि इसका कॉलम बाहर खड़ा हो।

तीन हेडफ़ोन, कीमतों, चेक और क्रॉस पंक्तियों और हाइलाइट किए गए मध्य कॉलम के साथ एलिमेंटर उत्पाद तुलना तालिका

लेआउट 1 में तीन हेडफ़ोन की तुलना की गई, मध्य उत्पाद को ओवरराइड स्टाइल के माध्यम से हाइलाइट किया गया।

तुलना तालिका बनाम मूल्य निर्धारण तालिका विजेट

एलिमेंटर और एलिमेंटर प्रो में कोई तुलना तालिका विजेट नहीं है एलिमेंटर प्रो में एकल योजना कार्ड के लिए मूल्य तालिका विजेट है यहां प्रत्येक विकल्प का उपयोग कब करना है।

विजेटलेआउटलिए सर्वश्रेष्ठकीमत
मास्टर ऐडऑन तुलना तालिकाएक ग्रिड, 2 से 6 उत्पाद कॉलम समान सुविधा पंक्तियाँ साझा करते हैंयोजनाओं या उत्पादों के बीच फीचर निर्णयों द्वारा फ़ीचरमास्टर एडॉन्स प्रो
मास्टर ऐडऑन मूल्य निर्धारण तालिकाहेडर, मूल्य, सुविधाओं और बटन के साथ प्रति विजेट एक योजना कार्डदो या तीन सरल योजनाओं के साथ मूल्य निर्धारण पृष्ठशामिल, किसी मास्टर एडॉन्स प्रो की आवश्यकता नहीं है
एलिमेंटर प्रो मूल्य तालिकारिबन विकल्प के साथ प्रति विजेट एक प्लान कार्डउन साइटों पर योजना कार्ड जो पहले से ही एलिमेंटर प्रो का उपयोग करते हैंएलिमेंट प्रो

यदि आगंतुकों को कई विकल्पों में समान सुविधाओं की जांच करने की आवश्यकता होती है, तो एक तुलना तालिका कार्ड की तुलना में पढ़ने में आसान होती है यदि प्रत्येक योजना में एक छोटी सूची और एक कीमत होती है, तो मूल्य निर्धारण कार्ड कम जगह भी उपयोगी होते हैंः गतिशील तालिका सादे डेटा तालिकाओं के लिए।

मुझे किस टेबल विजेट की आवश्यकता है?

विजेटयह क्या बनाता हैके लिए इसका उपयोग करें
तुलना तालिका (प्रो)शीर्षक, मूल्य, छवि और बटन और साझा सुविधा पंक्तियों के साथ उत्पाद कॉलम२ से ६ उत्पादों या योजनाओं के बीच चयन करना
मूल्य निर्धारण तालिकाप्रति विजेट एक प्लान कार्ड: हेडर, मूल्य, फीचर सूची और बटनदो या तीन योजनाओं के साथ मूल्य निर्धारण पृष्ठ
गतिशील तालिकाकिसी भी पंक्ति और कॉलम के साथ एक सामान्य डेटा तालिकाअनुसूचियां, विशिष्टताएं, सूचियां और कोई सादा डेटा

चार लेआउट और टेबल स्टाइलिंग

चुनना शैली 1 को शैली 4 में लेआउट, मूल्य बैज के साथ उत्पाद कार्ड को अलग करने के लिए एक क्लासिक टेबल से स्टाइल टैब में चार खंड हैं। सामान्य विषम और सम पंक्ति रंग, सीमा, बॉक्स त्रिज्या, स्तंभ रिक्ति और पंक्ति रिक्ति सेट करता है। फ़ीचर बॉक्स फीचर कॉलम की चौड़ाई, रंग, संरेखण और पैडिंग सेट करता है। उत्पादों शैलियाँ शीर्षक, कीमतें, चित्र और मोबाइल ब्रेकप्वाइंट, और बटन खरीदें बटन को स्टाइल करता है।

  • विषम पंक्ति रंग और सम पंक्ति रंग के साथ ज़ेबरा पंक्तियाँ लंबी तालिकाओं को स्कैन करना आसान बनाती हैं।
  • बॉक्स चौड़ाई सेट करता है कि फीचर कॉलम कितना चौड़ा है।
  • प्रारंभ टैब प्रारूप के नीचे चौड़ाई से (डिफ़ॉल्ट रूप से ७६७ पीएक्स) तालिका उत्पाद नामों की एक पंक्ति और केवल पहला उत्पाद कॉलम दिखाती है फोन पर प्रत्येक कॉलम रखने के लिए, प्रारंभ टैब प्रारूप ० से सेट करें और स्क्रीन को फिट करने के लिए पूर्ण तालिका को प्रकाशित करने से पहले मोबाइल दृश्य में तालिका की जांच करें।
उत्पाद 1 सेटिंग्स और उत्पाद शैली अनुभाग के बगल में, चार उत्पाद कॉलम, कीमतों और छवियों के साथ फिटप्रो स्मार्टवॉच की तुलना
ओवरराइड स्टाइल रंग सेटिंग्स के बगल में, नीले रंग में हाइलाइट किए गए मध्य उत्पाद कॉलम के साथ स्मार्टवॉच की तुलना

अनुशंसित कॉलम को हाइलाइट करें

चालू करें ओवरराइड शैली उस कॉलम को अपने रंग देने के लिए एक उत्पाद अनुभाग के अंदर आप शीर्षक रंग और पृष्ठभूमि, गिनती बैज, मूल्य और उसके कॉलम पृष्ठभूमि, फीचर टेक्स्ट, चेक और क्रॉस रंग, विषम और यहां तक कि पंक्ति रंग, और बटन रंगों को सेट कर सकते हैं इसे अपने “सबसे लोकप्रिय के लिए उपयोग करें” योजना या हमारे बनाम उन्हें तालिका में अपना खुद का उत्पाद।

  • ओवरराइड स्टाइल प्रति उत्पाद कॉलम काम करता है, प्रति सेल नहीं।
  • कोई अंतर्निहित रिबन या बैज नहीं है, इसलिए उत्पाद शीर्षक या मूल्य पाठ में लेबल जोड़ें।
  • वैश्विक शैली पर अन्य कॉलम रखें ताकि हाइलाइट किया गया एक बाहर खड़ा हो।

तुलना तालिका उदाहरण

विजेट के साथ निर्मित दस लाइव डेमो पहले दो प्रत्येक कॉलम को फोन पर रखते हैं; बाकी 767px से नीचे उत्पाद-नाम पंक्ति पर स्विच हो जाते हैं, जिसे आप स्टार्ट टैब प्रारूप सेट से 0 पर बंद कर सकते हैं।

टेम्पलेट व्यूअर
फेसबुक
ट्विटर
व्हाट्सएप
कॉपी लिंक
अभी खरीदें
हाइलाइट किए गए स्तर के साथ SaaS मूल्य निर्धारण योजनाएँ
हाइलाइट किए गए स्तर के साथ SaaS मूल्य निर्धारण योजनाएँ
हम बनाम तीन प्रतियोगी, डार्क थीम
हम बनाम तीन प्रतियोगी, डार्क थीम
हेडर में फ़ोटो के साथ फ़ोटोग्राफ़ी पैकेज
हेडर में फ़ोटो के साथ फ़ोटोग्राफ़ी पैकेज
मोबाइल टैरिफ एक से चार स्थान पर हैं
मोबाइल टैरिफ एक से चार स्थान पर हैं
पांच होस्टिंग योजनाएं साथ-साथ
पांच होस्टिंग योजनाएं साथ-साथ
तीन दौरों की तुलना, कीमत एक घेरे में
तीन दौरों की तुलना, कीमत एक घेरे में
दो संपत्ति सूचियाँ आमने-सामने
दो संपत्ति सूचियाँ आमने-सामने
तुलना तालिका
तुलना तालिका
स्मार्टवॉच के साथ तुलना तालिका
स्मार्टवॉच के साथ तुलना तालिका
हमारी योजनाओं की तुलना करें
हमारी योजनाओं की तुलना करें

तुलना तालिका के लिए अक्सर पूछे जाने वाले प्रश्न

तुलना तालिका के बारे में उपयोगकर्ताओं द्वारा पूछे गए सबसे अधिक पूछे जाने वाले प्रश्नों को जानें और एक ही स्थान पर उत्तर खोजें।
तुलना तालिका विजेट मुक्त है?

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

२ और ६ के बीच में बदलें उत्पादों सामान्य अनुभाग में और उत्पाद अनुभाग जोड़े या छिपाए जाते हैं मिलान करने के लिए तीन या चार कॉलम सबसे अधिक पृष्ठ चौड़ाई पर सबसे अच्छा पढ़ते हैं।

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

नहीं विजेट कोई वूकॉमर्स स्रोत है, तो शीर्षक, कीमतों, छवियों और बटन प्रत्येक उत्पाद स्तंभ के लिए हाथ से दर्ज कर रहे हैं इसका मतलब यह भी है कि यह कुछ भी के लिए काम करता है: योजनाओं, सेवाओं, हार्डवेयर या सॉफ्टवेयर।

मोबाइल पर तुलना तालिका कैसी दिखती है?

प्रारंभ टैब प्रारूप के नीचे शैली में चौड़ाई से, उत्पाद (डिफ़ॉल्ट रूप से ७६७ पीएक्स), तालिका सुविधा स्तंभ के ऊपर उत्पाद नामों की एक पंक्ति दिखाती है और केवल पहला उत्पाद स्तंभ फोन पर दिखाई देने वाले प्रत्येक उत्पाद को रखने के लिए, सेट करें प्रारंभ टैब प्रारूप से ० तक और तालिका फिट करने के लिए इसे प्रकाशित करने से पहले एलिमेंट के मोबाइल दृश्य में पूर्वावलोकन करें।

तुलना तालिका का उपयोग करें जब आगंतुकों को कई विकल्पों में समान सुविधाओं की तुलना करने की आवश्यकता होती है मूल्य निर्धारण तालिका का उपयोग करें जब प्रत्येक योजना एक मूल्य और कुछ सुविधाओं के साथ एक छोटा कार्ड है मास्टर एडॉन्स मूल्य निर्धारण तालिका विजेट संभालती है कि प्रो के बिना।

डायनामिक टेबल किसी भी संख्या में पंक्तियों और स्तंभों के साथ एक सामान्य डेटा तालिका बनाता है और कोई मास्टर एडॉन्स प्रो की आवश्यकता नहीं है उत्पाद निर्णयों के लिए तुलना तालिका बनाई गई है: प्रत्येक कॉलम के लिए एक शीर्षक, मूल्य, छवि और बटन, मूल्यों की जांच और क्रॉस करें, और एक कॉलम जिसे आप हाइलाइट कर सकते हैं।

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

ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन

कम समय में परिष्कृत वेबसाइट बनाएं।

एलिमेंटर के लिए मास्टर एडॉन्स ग्लासमोर्फिज्म एक्सटेंशन: ब्लर वैल्यू कंट्रोल के साथ फ्रॉस्टेड ग्लास कार्ड 20px पर सेट

ग्लासमोर्फिज्म

होम फ्री एलिमेंटर ग्लासमोर्फिज्म एक्सटेंशन: एक टॉगल में फ्रॉस्टेड ग्लास प्रभाव ग्लासमोर्फिज्म फ्रॉस्टेड है।।।
विवरण देखें
एलिमेंटर के लिए मास्टर एडॉन्स कंटेनर एक्स्ट्रा एक्सटेंशन: कंटेनर को अधिकतम चौड़ाई, अधिकतम ऊंचाई, न्यूनतम चौड़ाई और न्यूनतम ऊंचाई नियंत्रण के साथ 1400px अधिकतम चौड़ाई पर कैप किया गया है

कंटेनर अतिरिक्त

होम एलिमेंटर कंटेनर अधिकतम चौड़ाई और अधिकतम ऊंचाई नियंत्रण कंटेनर एक्स्ट्रा एक निःशुल्क मास्टर है।।।
विवरण देखें
एलिमेंटर के लिए मास्टर एडॉन्स पैटर्न एक्सटेंशन: पर्पल ग्रेडिएंट ग्रिड लेफ्ट स्टाइल के साथ हीरो, तीन और पैटर्न स्टाइल और इनेबल पैटर्न पैनल

पैटर्न

होम 70+ फ्री एलिमेंटर बैकग्राउंड पैटर्न पैटर्न एक मुफ्त मास्टर ऐडऑन एक्सटेंशन है जो जोड़ता है।।।
विवरण देखें
एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट

पोस्ट/पेज डुप्लीकेटर

होम डुप्लिकेट एलिमेंटर पेज और पोस्ट एक क्लिक में पोस्ट/पेज डुप्लिकेटर एक निःशुल्क मास्टर है।।।
विवरण देखें
एलिमेंट के लिए मास्टर ऐडऑन रीडिंग प्रोग्रेस बार एक्सटेंशन: गोपनीयता नीति पृष्ठ के शीर्ष पर नीली बार 42% भरी हुई है, सक्षम, स्थिति, ऊंचाई और रंग सेटिंग्स भरने के साथ

प्रगति बार पढ़ना

होम वर्डप्रेस में रीडिंग प्रोग्रेस बार जोड़ें (एलिमेंटर) रीडिंग प्रोग्रेस बार मुफ़्त है।।।
विवरण देखें