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

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

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

वीडियो में डेमो मार्कअप एक सरल संरचना का उपयोग करता है जिसे आप अनुकूलित कर सकते हैंः
<p>
<label for="email">Email address:</label>
<input type="email" id="email" name="EMAIL" placeholder="Your email address">
</p>
<p>
<label>
<input type="checkbox" name="AGREE_TO_TERMS" value="1" required>
I have read and agree to the terms & conditions
</label>
</p>
<p>
<input type="submit" value="Sign up">
</p>यदि आप एलिमेंटर के बाहर मार्कअप लिखना और पूर्वावलोकन करना चाहते हैं, तो लाइव पूर्वावलोकन के साथ साइड-बाय-साइड कोड संपादक मुफ्त से आता है वर्डप्रेस के लिए मेलचिम्प (MC4WP) प्लगइन, मास्टर एडॉन्स खुद नहीं बाईं ओर मार्कअप, दाईं ओर लाइव पूर्वावलोकन, ताकि आप इसे विजेट में चिपकाने से पहले लेआउट को सही कर सकें।

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

सामान्य उपयोग के मामले #
- ब्लॉग समाचारपत्रिकाएँ: ब्लॉग के पाद लेख या साइडबार में एक साधारण ईमेल फ़ील्ड छोड़ें।
- लीड मैग्नेट: फॉर्म को डाउनलोड बटन के साथ जोड़ें ताकि आगंतुक गाइड प्राप्त करने से पहले सदस्यता ले सकें।
- उत्पाद लॉन्च पृष्ठः लैंडिंग पृष्ठ पर प्रारंभिक-पहुंच ईमेल एकत्र करें।
- इवेंट पंजीकरण: नाम, कंपनी या सहमति चेकबॉक्स जोड़ने के लिए कस्टम मार्कअप का उपयोग करें।
- पाद सदस्यताएँ: एक कॉम्पैक्ट एम्बेड करें एलिमेंटर के लिए मेलचिम्प विजेट साइट पाद लेख में।
अधिक फॉर्म विकल्पों के लिए, देखें संपर्क फ़ॉर्म ७ विजेट। साइनअप फॉर्म के साथ एक घोषणा बार के लिए, प्रयास करें समाचार टिकर विजेट.
वीडियो ट्यूटोरियल #
देखना पसंद करते हैं? यह वॉकथ्रू मेलचिम्प विजेट को शुरू से अंत तक सेट करता है, एक फॉर्म प्रकार चुनने से लेकर लाइव पेज पर साइनअप फॉर्म तकः
अक्सर पूछे जाने वाले प्रश्न #
क्या मैं बिना कोडिंग के एलिमेंटर में मेलचिम्प फॉर्म जोड़ सकता हूँ?
हाँ। फॉर्म प्रकार को डिफ़ॉल्ट पर सेट करें और ड्रॉपडाउन से सहेजा गया मेलचिम्प फॉर्म चुनें। विजेट आपके लिए फ़ील्ड प्रस्तुत करता है, इसलिए आप बस उन्हें स्टाइल करते हैं।
मैं एलिमेंट में कस्टम मेलचिम्प फॉर्म कैसे बना सकता हूं?
फॉर्म प्रकार को कस्टम पर सेट करें और अपने HTML मार्कअप को कस्टम फॉर्म टेक्स्टएरिया में पेस्ट करें। सुनिश्चित करें कि ईमेल इनपुट नाम=”ईमेल” का उपयोग करता है और आपकी मेलचिम्प एपीआई कुंजी मास्टर ऐडऑन सेटिंग्स में सहेजी गई है।
विजेट क्यों कहता है कि मुझे मेलचिम्प एपीआई कुंजी कॉन्फ़िगर करने की आवश्यकता है?
विजेट को आपके दर्शकों को ग्राहक डेटा भेजने के लिए एक वैध मेलचिम्प एपीआई कुंजी की आवश्यकता है वर्डप्रेस व्यवस्थापक के अंदर मास्टर एडॉन्स मेलचिम्प सेटिंग्स में कुंजी जोड़ें।
क्या मैं फॉर्म में नाम या फोन जैसे अतिरिक्त फ़ील्ड जोड़ सकता हूं?
हाँ, लेकिन केवल कस्टम मोड में। नाम विशेषताओं के साथ मानक HTML इनपुट फ़ील्ड जोड़ें जो आपके Mailchimp ऑडियंस मर्ज टैग से मेल खाते हों, जैसे कि पहले नाम के लिए FNAME।
क्या मेलचिम्प विजेट मास्टर ऐडऑन के निःशुल्क संस्करण में उपलब्ध है?
यह आपके मास्टर ऐडऑन प्लान पर निर्भर करता है। जाँच करें मूल्य निर्धारण पृष्ठ यह देखने के लिए कि फ्री बनाम प्रो में कौन से विजेट हैं।
लपेटकर #
मास्टर एडॉन्स मेलचिम्प विजेट को जोड़ने का सीधा तरीका है एलिमेंटर मेलचिम्प फॉर्म किसी भी पृष्ठ पर गति के लिए एक डिफ़ॉल्ट फॉर्म के साथ जाएं, या कस्टम मोड पर स्विच करें जब आप मार्कअप और फ़ील्ड पर पूर्ण नियंत्रण चाहते हैं किसी भी तरह से, यह आपके मेलचिम्प दर्शकों से जुड़ता है एक बार एपीआई कुंजी सेट होने के बाद का पूरा सेट ब्राउज़ करें मास्टर ऐडऑन विजेट और एक्सटेंशन अपनी सूची को विकसित करने के लिए अधिक टूल के लिए।