WPForms एलिमेंटर विजेट आपके फॉर्म को जोड़ने और स्टाइल करने के लिए
मास्टर एडॉन्स डब्ल्यूपीफॉर्म विजेट किसी भी एलिमेंटर पेज पर डब्ल्यूपीफॉर्म में आपके द्वारा बनाए गए फॉर्म को रखता है और आपको एलिमेंटर पैनल से स्टाइल करने देता है फॉर्म चुनें, चुनें कि क्या इसका शीर्षक, विवरण, लेबल और प्लेसहोल्डर दिखाना है, फिर इनपुट, रेडियो बटन, चेकबॉक्स, सबमिट बटन और त्रुटि संदेश स्टाइल वन से फोर निःशुल्क हैं, और मास्टर एडॉन्स प्रो ग्यारह में पांच शैली जोड़ता है आपको डब्ल्यूपीफॉर्म प्लगइन स्थापित करने की आवश्यकता है, या तो मुफ्त डब्ल्यूपीफॉर्म लाइट या एक भुगतान योजना।
एलिमेंट में WPForms कैसे जोड़ें
आपको एलिमेंटर, WPForms प्लगइन और निःशुल्क मास्टर ऐडऑन प्लगइन की आवश्यकता है।
- प्लगइन्स से WPForms इंस्टॉल करें, नया जोड़ें, फिर अपना फॉर्म बनाएं और सहेजें WPForms, नया जोड़ें.
- जांचें कि WP फॉर्म नीचे चालू हैं मास्टर ऐडऑन, विजेट.
- एलिमेंटर के साथ अपना पेज संपादित करें, खोजें WPForms और मास्टर ऐडऑन विजेट को अपनी जगह पर खींचें।
- में अपना फॉर्म चुनें संपर्क फ़ॉर्म ड्रॉपडाउन करें और शीर्षक, लेबल और प्लेसहोल्डर स्विच सेट करें।
- स्टाइल टैब में डिज़ाइन विविधता चुनें।
- इनपुट, चेकबॉक्स, सबमिट बटन और त्रुटियों को स्टाइल करें, फिर पूर्वावलोकन करें और एक परीक्षण प्रविष्टि भेजें।
WPForms एलिमेंटर में अपना स्वयं का मूल WPForms विजेट भी जोड़ता है। जब आप स्टाइल प्रीसेट और विस्तृत स्टाइलिंग नियंत्रण चाहते हैं तो मास्टर ऐडऑन विजेट का उपयोग करें।
डिज़ाइन विविधताएँ: 4 मुफ़्त, 11 प्रो के साथ
द डिज़ाइन विविधताएँ डिजाइन लेआउट अनुभाग में ड्रॉपडाउन बदलता है कि फ़ील्ड, लेबल और बटन कैसे दिखते हैं स्टाइल वन टू फोर फ्री प्लगइन में काम करते हैं, और प्रो स्टाइल फाइव टू इलेवन को अनलॉक करता है, जिसमें फ्लोटिंग लेबल स्टाइल भी शामिल है ये वही स्टाइल प्रीसेट हैं संपर्क फ़ॉर्म ७ विजेट का उपयोग करता है, और नीचे दिए गए डेमो उस विजेट के साथ बनाए गए हैं।
- कस्टम शीर्षक और विवरणः WPForms शीर्षक और विवरण को अपने स्वयं के पाठ से बदलें।
- लेबल और प्लेसहोल्डर स्विच उन्हें छिपाते हैं या दिखाते हैं।
- त्रुटि संदेशः WPForms सत्यापन संदेश दिखाएँ या छिपाएँ।
इनपुट, टेक्स्टएरिया और चेकबॉक्स स्टाइलिंग
द इनपुट एवं टेक्स्टएरिया अनुभाग में सामान्य और फोकस टैब हैं पृष्ठभूमि और पाठ रंग, सीमा, सीमा त्रिज्या, पाठ इंडेंट, इनपुट और पाठक्षेत्र चौड़ाई और ऊंचाई, पैडिंग, रिक्ति, टाइपोग्राफी और बॉक्स छाया सेट करें, फिर केंद्रित फ़ील्ड को अपनी सीमा और छाया दें। रेडियो और चेकबॉक्स आकार, रंग, सीमा चौड़ाई, सीमा रंग, चेकबॉक्स और रेडियो बटन के लिए अलग त्रिज्या और एक चेक किए गए रंग के साथ कस्टम शैलियों को चालू करता है।
- लेबल, प्लेसहोल्डर और फ़ील्ड विवरण रंग और टाइपोग्राफी।
- शीर्षक और विवरण संरेखण, रंग, टाइपोग्राफी और मार्जिन।
- सिंगल-लाइन इनपुट और संदेश बॉक्स के लिए अलग-अलग चौड़ाई।
बटन और त्रुटि स्टाइल सबमिट करें
द बटन सबमिट करें अनुभाग पृष्ठभूमि, पाठ और सीमा के लिए होवर रंगों के साथ संरेखण, पूर्ण या कस्टम चौड़ाई, पृष्ठभूमि और पाठ रंग, सीमा, सीमा त्रिज्या, पैडिंग, शीर्ष मार्जिन, टाइपोग्राफी और बॉक्स छाया सेट करता है त्रुटियों अनुभाग त्रुटि पाठ रंग और सीमा रंग और फ़ील्ड की चौड़ाई को स्टाइल करता है जो सत्यापन में विफल रहता है सफलता संदेश WPForms स्टाइल को बनाए रखते हैं।
- मोबाइल-अनुकूल प्रपत्रों के लिए एक पूर्ण-चौड़ाई वाला बटन।
- होवर रंग जो आपके अन्य बटनों से मेल खाते हैं।
- लाल क्षेत्र सीमाएँ जो लुप्त क्षेत्रों को स्पष्ट करती हैं।
WPForms बनाम एलिमेंट फॉर्म
एलिमेंटर प्रो का अपना फॉर्म विजेट है, इसलिए यदि आप पहले से ही एलिमेंटर प्रो के लिए भुगतान करते हैं तो आपको WPForms की आवश्यकता नहीं है। यहां बताया गया है कि दोनों दृष्टिकोणों की तुलना कैसे की जाती है।
| फ़ीचर | मास्टर ऐडऑन के साथ WPForms | एलिमेंटर प्रो फॉर्म |
|---|---|---|
| कीमत | WPForms लाइट मुफ़्त है, उन्नत सुविधाओं के लिए सशुल्क WPForms योजना की आवश्यकता है | एलिमेंट प्रो की जरूरत है |
| जहाँ आप फॉर्म बनाते हैं | WPForms ड्रैग-एंड-ड्रॉप बिल्डर | एलिमेंटर फॉर्म विजेट के अंदर |
| एलिमेंटर में स्टाइलिंग | इस मास्टर ऐडऑन विजेट के माध्यम से | फॉर्म विजेट में निर्मित |
| खेतों | आपके WPForms प्लान द्वारा सेट किया गया | पाठ, ईमेल, पाठक्षेत्र, संख्या, दिनांक, समय, फ़ाइल अपलोड, चरण और बहुत कुछ |
| सबमिट करने के बाद | WPForms में अधिसूचनाएँ और पुष्टिकरण, भुगतान योजनाओं में एकीकरण | ईमेल, रीडायरेक्ट, वेबहुक, पॉपअप, सबमिशन और ईमेल मार्केटिंग क्रियाएं |
| एलिमेंट के बाहर उपयोग करें | हाँ, किसी भी संपादक या विषय में | केवल एलिमेंटर पेज |
एलिमेंट फॉर्म चुनें जब आपके पास पहले से ही एलिमेंट प्रो है और एक संपादक में सब कुछ चाहते हैं डब्ल्यूपीफॉर्म चुनें जब आप फॉर्म चाहते हैं जो एलिमेंट के बाहर भी काम करते हैं या आप इसके फॉर्म बिल्डर को पसंद करते हैं इसके बजाय संपर्क फॉर्म ७ का उपयोग करना संपर्क फ़ॉर्म ७ विजेट एक ही शैली प्रीसेट प्रदान करता है।
WPForms के लिए अक्सर पूछे जाने वाले प्रश्न
क्या WPForms विजेट निःशुल्क है?
हाँ। विजेट स्टाइल वन से फोर और सभी स्टाइलिंग अनुभागों के साथ निःशुल्क मास्टर ऐडऑन प्लगइन में है। मास्टर एडॉन्स प्रो स्टाइल फाइव को ग्यारह में जोड़ता है।
क्या मुझे WPForms प्लगइन स्थापित करने की आवश्यकता है?
हाँ। WPForms को निःशुल्क या सशुल्क इंस्टॉल और सक्रिय करें, और पहले वहां अपने फॉर्म बनाएं। इसके बिना विजेट एक “WPForms सक्रिय नहीं है” नोटिस दिखाता है। सशर्त तर्क जैसी विशेषताएं काम करती रहती हैं क्योंकि विजेट आपके वास्तविक WPForms फॉर्म को प्रदर्शित करता है।
मैं एलिमेंट में WPForms कैसे जोड़ूं?
WPForms में फॉर्म बनाएं, फिर मास्टर ऐडऑन WPForms विजेट को अपने एलिमेंटर पेज पर खींचें और संपर्क फॉर्म ड्रॉपडाउन में फॉर्म चुनें। पूर्ण चरण ऊपर कैसे करें अनुभाग में हैं।
मैं त्रुटि संदेशों का स्वरूप कैसे बदलूं?
त्रुटि पाठ रंग और सीमा रंग और अमान्य क्षेत्रों की चौड़ाई सेट करने के लिए शैली टैब में त्रुटियां अनुभाग खोलें सामग्री टैब में आप त्रुटि संदेश भी छिपा सकते हैं कोई अलग सफलता संदेश शैली अनुभाग नहीं है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर
