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