एलिमेंटर मूल्य निर्धारण तालिका में मासिक और वार्षिक टॉगल कैसे जोड़ें

एलिमेंटर मूल्य निर्धारण तालिका में मासिक और वार्षिक टॉगल कैसे जोड़ें

कुंजी तकिए

  • एक एलिमेंटर मूल्य निर्धारण तालिका टॉगल को कार्ड के दो सेट की आवश्यकता होती है, एक मासिक कीमतों के साथ और एक वार्षिक कीमतों के साथ, और एक नियंत्रण जो एक समय में एक सेट दिखाता है।
  • नि: शुल्क एलिमेंटर प्लगइन नेस्टेड टैब्स विजेट के साथ कर सकता है: बिलिंग अवधि के प्रति एक टैब, प्रत्येक टैब के अंदर मूल्य निर्धारण कार्ड की एक पंक्ति, बिना किसी ऐडऑन के।
  • मास्टर एडॉन्स प्रो में टॉगल कंटेंट विजेट स्विच को लोगों की अपेक्षा के अनुरूप लुक देता है, मासिक और वार्षिक लेबल वाली एक गोली देता है, और प्रत्येक सेट को सहेजे गए अनुभाग टेम्पलेट से लोड करता है।
  • मास्टर एडॉन्स प्राइसिंग टेबल विजेट में प्रति कार्ड एक कीमत होती है और इसका अपना कोई बिलिंग स्विच नहीं होता है, इसलिए इस पृष्ठ पर प्रत्येक मार्ग इसे दूसरे विजेट के साथ जोड़ता है।
  • एलिमेंटर कंटेनर से सहेजे गए टेम्प्लेट कंटेनर प्रकार के रूप में संग्रहीत किए जाते हैं, और टॉगल सामग्री अनुभाग सूची केवल अनुभाग प्रकार टेम्प्लेट दिखाती है, इसलिए मूल्य निर्धारण पंक्ति को अनुभाग के रूप में सहेजें।
  • “bild वार्षिक” नोट के साथ प्रति माह वार्षिक कीमतें दिखाएं ताकि दोनों टॉगल राज्यों की तुलना समान के लिए समान से की जा सके।

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

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

एलिमेंटर में मूल्य निर्धारण टॉगल कैसे काम करता है

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

नियंत्रण वह हिस्सा है जो मार्गों के बीच बदलता है नेस्टेड टैब आपको टैब बटन देता है टॉगल सामग्री आपको एक स्लाइडिंग संकेतक के साथ एक गोली स्विच देता है एक अंतर्निहित स्विच के साथ एक विजेट आपको अपना नियंत्रण और अपने कार्ड डिज़ाइन देता है नीचे के कार्ड पहले दो मार्गों में समान रहते हैं, इसलिए पहले कार्ड चुनें और नियंत्रण दूसरा।

प्रत्येक मार्ग के लिए एक नियम लागू होता है: वार्षिक मूल्य को प्रति माह के आंकड़े के रूप में एक नोट के साथ दिखाएं कि यह वार्षिक बिल है। “$39/माह, “$49/माह के आगे बिल किया गया वार्षिक” पाठक को अंकगणित किए बिना बचत देखने देता है। मासिक मूल्य के बगल में वार्षिक कुल सस्ता होने पर भी अधिक महंगा दिखता है।

चरण 1: मासिक और वार्षिक कार्ड बनाएं

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

एलिमेंटर मूल्य निर्धारण तालिका टॉगल मासिक पर सेट है, जो स्टार्टर, ग्रोथ और एजेंसी की योजनाओं को 19, 49 और 99 डॉलर प्रति माह दिखाती है
मासिक पंक्ति: एक कंटेनर में तीन मूल्य निर्धारण तालिका विजेट, जिसमें ग्रोथ कार्ड हाइलाइट किया गया है।

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

वही एलिमेंटर मूल्य निर्धारण टॉगल वार्षिक पर सेट हो गया, कीमतें गिरकर 15, 39 और 79 डॉलर प्रति माह हो गईं और मासिक कीमत पार हो गई
वार्षिक पंक्ति: समान कार्ड, बिक्री चालू, मासिक मूल्य पूरा, अवधि बदलकर “bild वार्षिक” हो गई।

अब आपके पास पृष्ठ पर दो पंक्तियाँ हैं मार्ग १ और २ तय करते हैं कि उन्हें एक समय में एक कैसे दिखाया जाता है।

रूट 1: नेस्टेड टैब (मुक्त एलिमेंटर)

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

  1. खींचना टैब विजेट (नेस्टेड वाला, कंटेनर आइकन के साथ) ऊपर के पृष्ठ पर जहां मूल्य निर्धारण होना चाहिए।
  2. सामग्री टैब में, टैब #1 का नाम बदलें मासिक और टैब #2 से वार्षिक. तीसरा टैब हटाएँ।
  3. मासिक मूल्य निर्धारण कंटेनर को मासिक टैब पैनल में और वार्षिक कंटेनर को वार्षिक पैनल में खींचें यदि ड्रॉप लक्ष्य को हिट करना मुश्किल है तो नेविगेटर (परतों पैनल) का उपयोग करें।
  4. स्टाइल टैब में, टैब शीर्षक संरेखण को केंद्र में सेट करें और सक्रिय टैब को अपना उच्चारण रंग दें।
मासिक और वार्षिक टैब के साथ एलिमेंटर नेस्टेड टैब विजेट और मासिक टैब के अंदर तीन मूल्य निर्धारण कार्ड
प्रत्येक टैब में मूल्य निर्धारण पंक्ति के साथ नेस्टेड टैब टैब बटन स्विचिंग करते हैं।

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

रूट २: दो सेक्शन टेम्प्लेट के साथ सामग्री टॉगल करें

टॉगल सामग्री विजेट एक गोली स्विच के पीछे सामग्री के कई टुकड़ों में से एक दिखाता है, और प्रत्येक टुकड़ा एक सहेजा जा सकता है एलिमेंटर टेम्पलेट दो सहेजी गई मूल्य निर्धारण पंक्तियाँ प्लस यह विजेट एक मासिक और वार्षिक टॉगल है जो सास मूल्य निर्धारण पृष्ठों पर टॉगल सामग्री का हिस्सा है मास्टर एडॉन्स प्रो.

प्रत्येक पंक्ति को अनुभाग टेम्पलेट के रूप में सहेजें

  1. मासिक मूल्य निर्धारण कंटेनर के हैंडल पर राइट-क्लिक करें और चुनें टेम्पलेट के रूप में सहेजें.
  2. इसे नाम दें “मूल्य निर्धारण मासिक” और सहेजें वार्षिक कंटेनर के लिए “मूल्य निर्धारण वार्षिक” के समान ही करें।
  3. खुला टेम्प्लेट > सहेजे गए टेम्प्लेट वर्डप्रेस एडमिन में और टाइप कॉलम की जांच करें।

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

टॉगल सामग्री विजेट जोड़ें

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

पृष्ठ का पूर्वावलोकन करें और वार्षिक क्लिक करें मासिक पंक्ति बाहर स्लाइड करती है और वार्षिक पंक्ति में स्लाइड करती है, गोली सूचक के साथ चलती है स्टाइल टैब गोली के आकार, लेबल रंगों और स्विच और सामग्री के बीच की जगह को नियंत्रित करता है।

विजेट सहेजे गए टेम्पलेट की अपनी स्टाइलशीट को एनक्यू नहीं करता है, इसलिए यदि कोई कार्ड सामने के छोर पर अस्थिर दिखता है, तो टेम्पलेट की पृष्ठ सेटिंग्स के बजाय विजेट नियंत्रण में अपने रंग सेट करें, या एलिमेंटर > टूल्स से एलिमेंटर कैश को साफ़ करें यदि आप बाद में एक योजना संपादित करते हैं, तो टेम्पलेट्स > सहेजे गए टेम्पलेट्स के तहत सहेजे गए टेम्पलेट को संपादित करें, पृष्ठ को नहीं; पृष्ठ केवल इसका संदर्भ देता है।

रूट 3: एक अंतर्निहित स्विच के साथ एक मूल्य निर्धारण विजेट

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

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

यदि आप एक विजेट के अंदर स्विच चाहते हैं, तो प्रतिबद्ध होने से पहले तीन चीजों की जांच करें: क्या विजेट की वार्षिक कीमत मासिक आंकड़ा दिखा सकती है, क्या स्विच लेबल टेक्स्ट संपादन योग्य है, और कार्ड फोन पर कैसे ढेर होते हैं।

तैयार टॉगल मूल्य निर्धारण अनुभाग

द मास्टर एडॉन्स टेम्पलेट लाइब्रेरी टॉगल के साथ मूल्य निर्धारण अनुभाग पहले से ही वायर्ड हैं “बिलिंग स्विच मूल्य निर्धारण कार्ड्स” दो मूल्य निर्धारण पंक्तियों के साथ टॉगल सामग्री का उपयोग करता है, और “बिलिंग टॉगल मूल्य निर्धारण टैबएसंबाल टैब के साथ भी ऐसा ही करता है, जिसमें तीन साल का विकल्प शामिल है टेम्पलेट्स से एक आयात करें> संपादक में मास्टर एडॉन्स टेम्पलेट्स, फिर योजना के नाम, कीमतों और सुविधाओं की अदला-बदली करें मूल्य निर्धारण तालिका टेम्पलेट्स पोस्ट में इस तरह के अधिक अनुभाग हैं, प्रत्येक के पीछे सेटिंग्स के साथ।

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

दोनों अनुभाग मास्टर एडॉन्स प्रो विजेट के साथ बनाए गए हैं, इसलिए उन्हें आयात करने के लिए प्रो प्लगइन सक्रिय की आवश्यकता है।

कौन सा मार्ग चुनना है

अगर आपउपयोगक्यों
फ्री एलिमेंट चलाएं और इसे आज ही पूरा करना चाहते हैंरूट 1, नेस्टेड टैबकोई ऐडऑन नहीं, और मूल्य निर्धारण कार्ड कोई भी विजेट हो सकता है।
एक स्विच चाहते हैं जो बिलिंग टॉगल की तरह दिखता हैरूट 2, सामग्री टॉगल करेंगोली स्विच, स्लाइडिंग संकेतक, टेम्पलेट्स आप अन्य पृष्ठों पर पुन: उपयोग कर सकते हैं।
तीन बिलिंग अवधि या अधिक हैमार्ग 2 या मार्ग 1दोनों कितनी भी वस्तुएँ लेते हैं; एक अंतर्निर्मित स्विच में आमतौर पर दो लगते हैं।
पृष्ठ पर सबसे कम विजेट चाहते हैंरूट 3, अंतर्निर्मित स्विचलेआउट चयन की कीमत पर, प्रति कार्ड एक विजेट।

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

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

क्या एलिमेंटर के पास मूल्य निर्धारण टॉगल विजेट है?

नहीं एलिमेंटर प्रो की कीमत तालिका विजेट प्रति कार्ड एक मूल्य रखती है और इसमें कोई बिलिंग स्विच नहीं है मुफ्त प्लगइन के नेस्टेड टैब्स विजेट मासिक और वार्षिक टैब के रूप में दो मूल्य निर्धारण पंक्तियों को दिखा सकते हैं, जो निकटतम अंतर्निहित विकल्प है।

क्या मास्टर एडॉन्स मूल्य निर्धारण तालिका मासिक और वार्षिक के बीच अपने आप स्विच कर सकती है?

नहीं प्रत्येक मूल्य निर्धारण तालिका कार्ड में एक मूल्य, बिक्री के लिए एक मूल मूल्य और एक अवधि है मासिक पंक्ति और वार्षिक पंक्ति बनाएं, प्रत्येक को एक अनुभाग टेम्पलेट के रूप में सहेजें, और उन्हें मास्टर एडॉन्स प्रो से टॉगल सामग्री विजेट के माध्यम से दिखाएं।

मेरा सहेजा गया टेम्पलेट टॉगल सामग्री ड्रॉपडाउन से क्यों गायब है?

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

क्या वार्षिक कीमत में कुल या प्रति माह राशि दर्शाई जानी चाहिए?

एक “बिल्ड वार्षिकंबाल नोट के साथ प्रति माह राशि दिखाएं, और मासिक मूल्य के माध्यम से हड़ताल करने के लिए बिक्री स्विच का उपयोग करें पाठक तब पसंद के साथ तुलना करता है और कार्ड की गणना करने के बजाय कार्ड पर बचत देखता है।

क्या मूल्य निर्धारण टॉगल एसईओ को चोट पहुंचाता है?

नहीं, दोनों पंक्तियाँ HTML पृष्ठ में हैं, और छिपी हुई पंक्ति CSS के साथ छिपी हुई है, इसलिए खोज इंजन हर कीमत पढ़ते हैं। योजना के नाम और कीमतों को छवियों के बजाय पाठ के रूप में रखें।

अंतिम विचार

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

कार्ड से शुरुआत करें मूल्य निर्धारण तालिका विजेट पृष्ठ, जिसमें एक लाइव टॉगल बिल्कुल इसी तरह से बनाया गया है, फिर वह स्विच जोड़ें जो आपकी योजना में फिट बैठता है।

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

एक उत्तर छोड़ें

आपका ईमेल पता प्रकाशित नहीं किया जाएगा। आवश्यक फ़ील्ड चिह्नित हैं *