Loading
यह लेख आपको systeme.io ब्लॉग पर एक इनलाइन फॉर्म या पॉपअप फॉर्म सेटअप करने की प्रक्रिया सिखाएगा।
स्टेप 1: एक इनलाइन फॉर्म बनाएं
पहले, आपको अपने सेल्स फ़नल से एक संपर्क फॉर्म बनाना होगा।
ऐसा करने के लिए, "सेल्स फनल" पर जाएं, "स्टेप बनाएँ" पर क्लिक करें ताकि आप एक नया स्टेप बना सकें (इमेज में नंबर 1), फिर "इनलाइन फॉर्म" चुनें (इमेज में नंबर 2)
आपकी पसंद का टेम्पलेट चुनने के लिए "चुनें" पर क्लिक करें (इमेज में नंबर 3)
"पेज एडिट करें" पर क्लिक करके फॉर्म पेज एडिटर पर जाएँ ताकि आप अपने फॉर्म को कस्टमाइज़ कर सकें (इमेज में नंबर 4)
एक संपर्क फॉर्म में कम से कम एक (1) "फॉर्म इनपुट" होना ही चाहिए, लेकिन आप चाहें तो जितने भी फॉर्म फ़ील्ड जोड़ सकते हैं।
कृपया "फॉर्म इनपुट" आइटम का चयन करें, फिर स्क्रॉल व्हील के साथ, ड्रॉप-डाउन सूची से उस आइटम को चुनते हुए फ़ील्ड को सेट करें जिसे आप एक "इनपुट टाइप" के रूप में कलेक्ट करना चाहते हैं।
यह भी आवश्यक होगा कि आप उस बटन को पूर्वनिर्धारित करें जो संग्रहीत डेटा के साथ किए जाने वाले एक्शन को रिकॉर्ड करेगा।
एडिटर या आपके "इनलाइन" फॉर्म को छोड़ने से पहले "चेंजेस सेव करें" पर क्लिक करना न भूलें।
स्टेप 2: पॉपअप फॉर्म बनाएं
अपने "सेल्स फनल" पर जाएं, "स्टेप बनाएँ" पर क्लिक करें ताकि आप एक नया स्टेप बना सकें (इमेज में नंबर 5), फिर "पॉपअप फॉर्म" चुनें (इमेज में नंबर 6)
अपनी पसंद का टेम्पलेट चुनने के लिए "चुनें" पर क्लिक करें (इमेज में नंबर 7)
अपने पॉपअप फॉर्म को कस्टमाइज़ करने के लिए "पेज एडिट करें" पर क्लिक करके फॉर्म पेज एडिटर पर जाएं (इमेज में नंबर 8)
एक संपर्क फॉर्म में कम से कम एक (1) "फॉर्म इनपुट" होना ही चाहिए, लेकिन आप चाहें तो जितने भी फॉर्म फ़ील्ड जोड़ सकते हैं।
कृपया "फॉर्म इनपुट" आइटम का चयन करें, फिर स्क्रॉल व्हील के साथ, ड्रॉप-डाउन सूची से उस आइटम को चुनते हुए फ़ील्ड को सेट करें जिसे आप एक "इनपुट टाइप" के रूप में आप कलेक्ट करना चाहते हैं।
यह भी आवश्यक होगा कि आप उस बटन को भी सेट करें जो कलेक्टेड डेटा के साथ किए जाने वाले एक्शन को रिकॉर्ड करेगा।
आप अपने ब्लॉग पेज पर संपर्क फॉर्म के प्रकट होने का एक समय भी चुन सकते हैं, यह समय एडिटर का उपयोग करके एडजस्ट किया जा सकता है।
निर्दिष्ट किया जाने वाला समय सेकंड्स में होता है।
एडिटर या आपके "पॉपअप फॉर्म" को छोड़ने से पहले "चेंजेस सेव करें" पर क्लिक करना न भूलें।
स्टेप 3: अपने ब्लॉग पर इनलाइन फॉर्म सेट अप करें
अपने ब्लॉग पर संपर्क फॉर्म सेट अप करने के लिए, आपको इसका "स्क्रिप्ट" प्राप्त करना होगा और इसे अपने ब्लॉग पेज पर पेस्ट करना होगा।
पहले स्टेप में आप "इनलाइन फॉर्म" के "स्टेप कॉन्फ़िगरेशन" पर आयें, फिर आप "स्क्रिप्ट" पर क्लिक करें।
एक पॉपअप प्रदर्शित होगा जिसमें आपके "Inline Form" पेज से जुड़ी "स्क्रिप्ट" का कोड शामिल होगा, "लिंक को क्लिपबोर्ड पर कॉपी करें" पर क्लिक करें।
अब आपको उस ब्लॉग पेज के एडिटर पर जाना होगा, जिस पर आप इनलाइन फॉर्म जोड़ना चाहते हैं।
फिर, आपको अपने ब्लॉग पेज पर एक HTML एलीमेंट सेट करना होगा।
अंत में, आपको अपने HTML एलीमेंट की सेटिंग्स पर जाना होगा।
"कोड एडिट करें" पर क्लिक करें और अपने इनलाइन फॉर्म पेज से प्राप्त "स्क्रिप्ट" कोड को उसमें पेस्ट करें।
HTML कोड को सेव करने के लिए "सेव करें" पर क्लिक करना सुनिश्चित करें, और ब्लॉग पेज एक्ज़िट करने से पहले एडिटर में "चेंजेस सेव करें" पर अवश्य क्लिक करें।
यदि हम बाद में ब्लॉग पेज को प्रीव्यू करते हैं, तो नीचे दिखाए अनुसार फॉर्म प्रदर्शित होगा:
स्टेप 4: अपने ब्लॉग पर पॉपअप फॉर्म को सेट करना:
जब संपर्क फॉर्म को पॉपअप के रूप में सेट करने की बात आती है, तो इसे अपने ब्लॉग पेज पर प्रदर्शित करने के दो संभावित तरीके हैं:
- एक पॉपअप जो इसके दिखाई देने की समय सेटिंग के अनुसार प्रदर्शित होता है।
- एक टेक्स्ट से जो क्लिकेबल होता है और पॉपअप को खोलने के लिए कॉन्फ़िगर किया जाता है।
Note: पहले ऑप्शन के लिए मेथड वही है जैसे आप ब्लॉग पर एक इनलाइन फॉर्म जोड़ते हैं, इसलिए हम दूसरे मेथड को विस्तार से समझाएंगे।
"पॉपअप फॉर्म" को टेक्स्ट पर क्लिक करने के बाद प्रदर्शित करने के लिए, सबसे पहले आपको अपने "पॉपअप फॉर्म" के स्टेप कॉन्फ़िगरेशन पर वापस जाना है, उसके बाद आपको "लिंक बनाएँ" पर क्लिक करना होगा।
एक पॉपअप प्रकट होगा जो आपको उस लिंक पर क्लिक करने की अनुमति देगा जो टेक्स्ट से पॉपअप खोलता है:
- आपको वह टेक्स्ट कॉन्टैट चुननी होगी जो क्लिकेबल होगी।
- आपको "स्क्रिप्ट को क्लिपबोर्ड पर कॉपी करें" पर क्लिक करना होगा।
ऐसा करने के लिए, आपको उस ब्लॉग पेज के एडिटर पर जाना होगा, जिस पर आप अपने ब्लॉग को पोस्ट करना चाहेंगे।
फिर, आपको अपने ब्लॉग पेज पर एक HTML एलीमेंट सेट करना होगा।
अंत में, आपको अपने HTML एलीमेंट की सेटिंग्स पर जाना होगा।
"कोड को एडिट करें" पर क्लिक करें और उन लिंक्स का "स्क्रिप्ट" पेस्ट करें जो इसमें पॉपअप फॉर्म पेज को खोलता है
HTML कोड को सेव करने के लिए "सेव करें" पर क्लिक करना सुनिश्चित करें और अपने पेज को एक्ज़िट करने से पहले पेज को सेव करने के लिए एडिटर में "चेंजेस सेव करें" पर क्लिक करें।
यदि हम बाद में ब्लॉग पेज को प्रीव्यू करते हैं, तो हम टेक्स्ट "पॉपअप फॉर्म को खोलने के लिए यहाँ क्लिक करें" पर क्लिक करने पर एक पॉपअप फॉर्म को प्रदर्शित होते देखेंगे जैसा कि नीचे दिखाया गया है:
उपयोगी लेख: