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