प्रत्येक वेबसाइट में एक संपर्क फ़ॉर्म अवश्य शामिल होना चाहिए! संपर्क फ़ॉर्म विभिन्न उद्देश्यों के लिए सहायक होते हैं, चाहे आपकी वेबसाइट किसी भी प्रकार की हो। वे लीड उत्पन्न कर सकते हैं, कनेक्शन और संबंध बना सकते हैं, उपयोगकर्ताओं को आपकी साइट और इसके बीच की सभी समस्याओं की रिपोर्ट करने की अनुमति दे सकते हैं।
वर्डप्रेस में संपर्क फ़ॉर्म बनाने के लिए तकनीकी विशेषज्ञ होना आवश्यक नहीं है। एलीमेंटर पेज बिल्डर सुंदर वेबसाइट बनाना पहले से कहीं अधिक आसान बनाता है।
एलिमेंटर के साथ संपर्क फ़ॉर्म कैसे बनाएं, यह प्रदर्शित करने के लिए, हम विभिन्न विकल्पों और एलिमेंटर में संपर्क फ़ॉर्म के बारे में जानने योग्य हर चीज़ पर चर्चा करेंगे।
एलीमेंटर ने पिछले कुछ समय से एक फॉर्म विजेट शामिल किया है, जिसका अर्थ है कि अब आपको अपनी वर्डप्रेस वेबसाइट के लिए फॉर्म बनाने के लिए कहीं और जाने की आवश्यकता नहीं है, जो एक आशीर्वाद है!
अतीत में, उपलब्ध कुछ plugin के साथ फ़ॉर्म बनाते समय आपको कठिनाइयों का सामना करना पड़ा होगा। प्रपत्रों को डिज़ाइन करने और कॉन्फ़िगर करने की प्रक्रिया समय लेने वाली और निराशाजनक हो सकती है। सौभाग्य से हम सभी के लिए, एलिमेंटर फॉर्म विजेट के साथ काम करना आसान है।
- एलिमेंटर में फॉर्म बनाने का सबसे अच्छा तरीका क्या है?
- एलीमेंटर फॉर्म कैसे बनाएं
- संरचित तरीके से प्राथमिक तत्वों का निर्माण
- प्रपत्र में फ़ील्ड के प्रकार
- एलीमेंटर फॉर्म में फ़ील्ड के प्रकार
- फॉर्म कॉलम की चौड़ाई
- स्टाइलिंग के लिए एलिमेंटर में फॉर्म
- प्रपत्र पर क्रियाएँ
- एलीमेंटर में एक संपर्क फ़ॉर्म मैसेजिंग टेम्पलेट बनाना
- निष्कर्ष
इससे पहले कि हम एलिमेंटर फॉर्म बिल्डर के साथ शुरुआत करें, आइए इसकी कुछ सबसे आवश्यक विशेषताओं पर एक नज़र डालें।
शुरुआत करने वालों के लिए सबसे विशिष्ट विशेषताओं में से एक यह है कि यह एलिमेंटर इंटरफ़ेस में पूरी तरह से एकीकृत है, जिसका अर्थ है कि आपके पास एलिमेंटर में उपलब्ध कई डिज़ाइन/शैली/लेआउट विकल्पों तक पहुंच है। मुझे विश्वास नहीं है कि आपको डिज़ाइन सिस्टम के साथ कोई स्टैंडअलोन फॉर्म plugin मिलेगा जो इस जैसा मजबूत हो।
वहां से, आप 18 विभिन्न प्रकार के फ़ील्ड बना सकते हैं:
- टेक्स्ट ईमेल टेक्स्ट क्षेत्र टेक्स्ट क्षेत्र
- यूआरएल और टेलीफोन नंबर इस प्रकार हैं:
- रेडियो बटन एक प्रकार के रेडियो बटन होते हैं।
- किसी सूची से चुनें (ड्रॉपडाउन)
- चेकबॉक्स का उपयोग चेकलिस्ट में किया जाता है।
- केवल एक चेकबॉक्स है (स्वीकृति)
- ReCAPTCHA के
- हनीपोट एक प्रकार का कंटेनर है जिसमें शहद रखा जाता है (स्पैम को रोकता है)
आप मल्टी-स्टेप फॉर्म बनाने के लिए अपने फॉर्म को कई पेजों में भी विभाजित कर सकते हैं, जो लंबे फॉर्म वाले अनुप्रयोगों के लिए फायदेमंद है।
एलीमेंटर प्रो में लोकप्रिय ईमेल मार्केटिंग सेवाओं और ग्राहक संबंध प्रबंधन प्रणालियों के साथ 12 से अधिक एकीकरण हैं जो आपको अपने फॉर्म का अधिकतम लाभ उठाने में मदद करते हैं। एक कैचल जैपियर इंटीग्रेशन भी है जो आपको जैपियर प्लेटफॉर्म पर उपलब्ध हजारों टूल में से किसी से कनेक्ट करने की अनुमति देता है यदि आपका टूल सूचीबद्ध नहीं है।
कुछ अन्य दिलचस्प विकल्प भी हैं। amp के लिए, जब कोई आपका फॉर्म भरता है, तो आप स्लैक या डिस्कॉर्ड के माध्यम से सूचनाएं प्राप्त कर सकते हैं।
सूचनाओं की बात करें तो, आप प्राप्त होने वाली ईमेल सूचनाओं और फॉर्म जमा करने वालों को प्राप्त होने वाली ईमेल सूचनाओं को भी वैयक्तिकृत कर सकते हैं। उनके द्वारा फ़ॉर्म सबमिट करने के बाद, आप उन्हें अपने द्वारा बनाए गए कस्टम धन्यवाद पृष्ठ पर रीडायरेक्ट कर सकते हैं।
एलिमेंटर में फॉर्म बनाने का सबसे अच्छा तरीका क्या है?
हम एलिमेंटर संपादक को खोलकर शुरुआत करेंगे और फिर फॉर्म विजेट को उस स्थान पर खींचकर छोड़ देंगे जहां हम अपना फॉर्म बनाना चाहते हैं।
एलीमेंटर फॉर्म कैसे बनाएं
एलिमेंटर में बाकी सभी चीज़ों की तरह, फॉर्म बनाने की प्रक्रिया विज़ुअली की जाती है। किसी अतिरिक्त plugin उपयोग करना आवश्यक नहीं है, न ही आपकी वेबसाइट के बैकएंड के रूप में कार्य करना आवश्यक है।
संरचित तरीके से प्राथमिक तत्वों का निर्माण
एक बार जब आपका फॉर्म तैयार हो जाए, तो पहला कदम उसमें मौजूद जानकारी को व्यवस्थित करना है। आपको किन फ़ील्ड्स की आवश्यकता है, और वे किस प्रकार के फ़ील्ड्स होने चाहिए? तुम क्या ढूंढ रहे हो?
एलीमेंटर एडिटर में काम करते समय, फॉर्म फ़ील्ड्स को कंटेंट टैब से जोड़ा और संपादित किया जाता है। जैसा कि आप नीचे दिए गए amp में देख सकते हैं, फ़ॉर्म में कुछ डिफ़ॉल्ट फ़ील्ड शामिल हैं। ड्रॉपडाउन मेनू से आइटम जोड़ें का चयन करके, आप नए फ़ील्ड बना सकते हैं।
फ़ील्ड को डुप्लिकेट करना दो दस्तावेज़ों की तरह दिखने वाले आइकन का चयन करके, एक दूसरे के सामने, और उस पर क्लिक करके भी संभव है।
प्रपत्र में फ़ील्ड के प्रकार
कई फॉर्म फ़ील्ड प्रकार उपलब्ध हैं, जिनमें साधारण टेक्स्ट फ़ील्ड से लेकर पासवर्ड, रीकैप्चा और हनीपोट फ़ील्ड शामिल हैं।
फॉर्म फ़ील्ड के व्यवहार को बदलने के लिए, पहले फ़ील्ड का चयन करें और फिर उपलब्ध विभिन्न फ़ील्ड प्रकारों को देखने के लिए टाइप ड्रॉपडाउन मेनू को पसंद करें।
एलीमेंटर फॉर्म में फ़ील्ड के प्रकार
फॉर्म कॉलम की चौड़ाई
यह सुविधा आपको कॉलम चौड़ाई सेटिंग को समायोजित करके एक ही लाइन पर दो फॉर्म फ़ील्ड का उपयोग करने की अनुमति देती है। विंडो की चौड़ाई को ड्रॉपडाउन चयनकर्ता से चुनकर और 50 प्रतिशत का चयन करके बदलें। यह ध्यान देने योग्य है कि यदि आप लगातार दो फॉर्म फ़ील्ड के साथ ऐसा करते हैं, तो आप देखेंगे कि वे एक ही पंक्ति में एक साथ दिखाई देते हैं।
स्टाइलिंग के लिए एलिमेंटर में फॉर्म
एलिमेंटर संपादन इंटरफ़ेस के भीतर स्थित स्टाइल पैनल पर नेविगेट करके अपने फॉर्म को एलिमेंटर में उसी तरह स्टाइल करें जैसे आप अन्य विजेट को स्टाइल करते हैं।
फ़ॉर्म, फ़ील्ड, बटन, कोई भी चरण, त्रुटि संदेश और पुष्टिकरण संदेश सभी को अनुकूलित किया जा सकता है।
जो लोग पहले से ही एलिमेंटर से परिचित हैं, उनके लिए एलिमेंटर फॉर्म को स्टाइल करने में और कुछ सीखने की जरूरत नहीं है।
प्रपत्र पर क्रियाएँ
एलीमेंटर में एक फॉर्म बनाने पर हमारी चर्चा के बाद, आइए देखें कि आपका फॉर्म सबमिट होने के बाद क्या होता है; यह फॉर्म क्रियाओं के माध्यम से पूरा किया जाता है, या जैसा कि उन्हें एलीमेंटर, सबमिट के बाद की क्रियाओं में संदर्भित किया जाता है।
जब कोई फॉर्म सबमिट किया जाता है, तो सिस्टम के लिए एक ईमेल भेजना और उपयोगकर्ता को एक अलग वेबपेज पर रीडायरेक्ट करना आम बात है। बेशक, आप अपने फ़ॉर्म में जितनी चाहें उतनी कार्रवाइयां शामिल कर सकते हैं और उन्हें अपनी इच्छानुसार किसी भी तरह से जोड़ सकते हैं। जैसा कि आप उम्मीद कर सकते हैं, एक विशिष्ट चयनकर्ता फ़ील्ड है जिसमें कोई कोडिंग शामिल नहीं है।
आपके द्वारा जोड़ी गई प्रत्येक क्रिया मुख्य मेनू पर एक अलग टैब विकल्प के रूप में दिखाई देगी। वर्तमान में हमारे पास ईमेल के लिए एक टैब विकल्प है, लेकिन अगर मुझे ऐड एक्शन फ़ील्ड में रीडायरेक्ट शामिल करना होता, तो मुझे अपने टैब विकल्पों में रीडायरेक्ट भी दिखाई देता, जैसा कि नीचे दिए गए amp में दिखाया गया है।
निष्कर्ष निकालने के लिए, मैं प्रदर्शित करूंगा कि ईमेल के माध्यम से सबमिशन स्वीकार करने के लिए फॉर्म को कैसे कॉन्फ़िगर किया जाए, जो फॉर्म के बारे में सबसे अक्सर पूछा जाने वाला प्रश्न है।
जब आप संपादक में सामग्री टैब से ईमेल का चयन करते हैं, तो आपको नीचे दिखाई गई स्क्रीन दिखाई जाएगी; यह वह जगह है जहां आप ईमेल और उत्तर ईमेल को वैयक्तिकृत कर सकते हैं, और आप किसी ऐसे व्यक्ति के लिए सीसी या बीसीसी भी जोड़ सकते हैं जिसे फॉर्म से सबमिशन की एक प्रति प्राप्त होनी चाहिए।
एलीमेंटर में एक संपर्क फ़ॉर्म मैसेजिंग टेम्पलेट बनाना
बहुत से लोग यह जानकर आश्चर्यचकित हैं कि एलीमेंटर का फॉर्म एडिटर पहली नज़र में दिखने से कहीं अधिक शक्तिशाली है, और अधिक उन्नत सुविधाओं में से एक प्रत्येक फॉर्म के लिए मैसेजिंग को अनुकूलित करने की क्षमता है।
बोरिंग रोबोट की तरह लगने के बजाय आपका फॉर्म भरने वाले अंतिम-उपयोगकर्ता को अधिक वैयक्तिकृत फीडबैक प्रक्रिया प्रदान करने के लिए फॉर्म संदेशों को अनुकूलित करना संभव है। लेकिन, विशेष रूप से, आप अपने एलीमेंटर संपर्क फ़ॉर्म के लिए कौन से संदेश अनुकूलित कर सकते हैं, वे इस प्रकार हैं:
शुरू करने के लिए, आपको पहले ड्रॉपडाउन मेनू से "अतिरिक्त विकल्प" का चयन करके कस्टम मैसेजिंग को सक्षम करना होगा और फिर "कस्टम मैसेजिंग" के लिए टॉगल स्विच को "हां" पर स्विच करना होगा।
कस्टम संदेश जोड़कर एलिमेंटर संपर्क फ़ॉर्म विजेट अनुकूलन
जैसा कि आप देख सकते हैं, चार अलग-अलग संदेश हैं जिन्हें आप अनुकूलित कर सकते हैं, जिनमें नीचे सूचीबद्ध संदेश भी शामिल हैं:
फॉर्म सबमिट करने और यह सत्यापित करने के बाद कि फॉर्म सही ढंग से भरा गया है (उदाहरण के लिए, कोई आवश्यक फ़ील्ड गायब नहीं है, आदि) अंतिम-उपयोगकर्ता को एक सफलता संदेश प्रदर्शित किया जाता है।
त्रुटि संदेश - एक संदेश जो फॉर्म जमा करने के दौरान कोई अज्ञात त्रुटि होने पर अंतिम उपयोगकर्ता को प्रदर्शित होता है।
आवश्यक संदेश - तब प्रकट होता है जब आवश्यक फॉर्म फ़ील्ड नहीं भरा जाता है, फॉर्म सबमिट कर दिया जाता है, और फॉर्म पूरा नहीं होता है।
जब फॉर्म सबमिशन में कुछ गलत होता है और भेजा नहीं जा सकता है, तो अंतिम उपयोगकर्ता को अमान्य संदेश प्रदर्शित होता है।
यदि आप एक कॉर्पोरेट साइट चलाते हैं तो संदेशों को संपादित करने में सक्षम होने से आप रचनात्मक और विचित्र बन सकते हैं, या अधिक औपचारिक और व्यावसायिक बन सकते हैं। सबसे अच्छी बात यह है कि वे पूरी तरह से संपादन योग्य हैं, इसलिए आप जो चाहें कर सकते हैं!
निष्कर्ष
एलीमेंटर फॉर्म विजेट, संपर्क फॉर्म बनाना आसान है। यह एक सहज ज्ञान युक्त ड्रैग-एंड-ड्रॉप संपर्क फ़ॉर्म बिल्डर और ढेर सारे अनुकूलन विकल्पों के साथ आता है जो इसे बाज़ार में उपलब्ध अन्य संपर्क फ़ॉर्म plugin से अलग करता है। आप अपनी कंपनी के रंगरूप से मेल खाने के लिए इसकी स्टाइलिंग और रंग योजना को आसानी से अनुकूलित कर सकते हैं। इसमें कई अन्य आकर्षक विजेट, 300 से अधिक पेशेवर टेम्पलेट और एक सुविधाजनक पैकेज में एक पॉप-अप बिल्डर भी शामिल है। इस पूर्ण-विशेषताओं वाले वर्डप्रेस पेज बिल्डर में सभी आवश्यक विजेट और विशेषताएं शामिल हैं, इसलिए आपको अपनी वेबसाइट को और अधिक अनुकूलित करने के लिए अतिरिक्त पेज बिल्डरों को खरीदने की आवश्यकता नहीं होगी। इसके अलावा, यह 30 से अधिक विपणन सेवाओं के एकीकरण की अनुमति देता है, यही कारण है कि यह आज बाजार में सबसे लोकप्रिय खरीदे गए plugin में से एक है।
