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

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

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

वीडियो में डेमो मार्कअप एक सरल संरचना का उपयोग करता है जिसे आप अनुकूलित कर सकते हैंः
<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", या मेलचिम्प ग्राहक के पते को नहीं पहचान पाएगा और साइनअप चुपचाप विफल हो जाता है।
अपनी मेलचिम्प एपीआई कुंजी कॉन्फ़िगर करें #
MC४WP कनेक्ट होने के बाद एपीआई कुंजी लाइन साफ़ हो जाती है वर्डप्रेस एडमिन में, खोलें MC4WP > Mailchimp, अपनी कुंजी पेस्ट करें और सहेजें, और स्थिति कनेक्टेड में बदल जाती है। फिर खोलें MC4WP > फॉर्मू ी, उन ऑडियंस को टिक करें जिन्हें सब्सक्राइबर प्राप्त करना चाहिए, और सेटिंग्स टैब की जांच करें डबल ऑप्ट-इन डिफ़ॉल्ट रूप से वहां है, और आप सब्सक्राइबर टैग या रीडायरेक्ट यूआरएल भी जोड़ सकते हैं।
अपने से एक कुंजी उत्पन्न करें मेलचिम्प खाता सेटिंग्स। इसे निजी रखें, और इसे कभी भी कस्टम फॉर्म मार्कअप में पेस्ट न करें, क्योंकि वह मार्कअप पृष्ठ स्रोत देखने वाले किसी भी व्यक्ति को दिखाई देता है।
रूप को स्टाइल करें #
विजेट में नहीं है शैली टैब मास्टर एडॉन्स एक छोटी स्टाइलशीट लोड करता है जो ईमेल फ़ील्ड और बटन को ५० पीएक्स ऊंचाई, एक अंधेरे बटन और रंगीन सफलता और त्रुटि बक्से देता है एमसी ४ डब्ल्यूपी फॉर्म के उपस्थिति टैब से अपना खुद का रूप जोड़ सकता है, या तो मूल शैलियों या एक प्रकाश, अंधेरे, लाल, हरे या नीले रंग की थीम के लिए एलिमेंटर एडवांस्ड टैब का उपयोग करें रिक्ति और पृष्ठभूमि के लिए फ़ील्ड या बटन रंगों के लिए, सीएसएस के साथ जोड़ें कस्टम सीएसएस एक्सटेंशन और निशाना .jltma-mailchimp तो एलिमेंट ईमेल साइनअप फॉर्म आपके बाकी डिज़ाइन से मेल खाता है।
लाइव पेज पर परिणाम #
सामने के छोर पर, फॉर्म ईमेल फ़ील्ड, शर्तों चेकबॉक्स, और सबमिट बटन को ठीक उसी तरह दिखाता है जैसे आप उन्हें सेट करते हैं MC४WP कनेक्ट होने के साथ, प्रत्येक साइनअप MC४WP फॉर्म में टिक किए गए दर्शकों के पास जाता है, ग्राहक द्वारा ईमेल द्वारा पुष्टि करने के बाद कि डबल ऑप्ट-इन चालू है।

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