वर्डप्रेस में बिना कोडिंग के संपर्क फ़ॉर्म कैसे बनाएं
क्या आप अपनी वर्डप्रेस वेबसाइट पर संपर्क फ़ॉर्म जोड़ना चाहते हैं लेकिन कोडिंग नहीं जानते? आप बिल्कुल सही जगह पर हैं। इस चरण-दर-चरण गाइड में, आप सीखेंगे कि यह कैसे करें। वर्डप्रेस में बिना एक भी लाइन कोड लिखे एक प्रोफेशनल कॉन्टैक्ट फॉर्म बनाएंऔर इसमें 5 मिनट से भी कम समय लगता है।
चाहे आप ब्लॉगर हों, छोटे व्यवसाय के मालिक हों या अपनी पहली वेबसाइट बना रहे हों, संपर्क फ़ॉर्म होना बेहद ज़रूरी है। इससे आगंतुक आसानी से आप तक पहुँच सकते हैं, संभावित ग्राहकों को आकर्षित कर सकते हैं और सिर्फ़ अपना ईमेल पता पोस्ट करने की तुलना में यह कहीं अधिक पेशेवर दिखता है।
हर वर्डप्रेस वेबसाइट को संपर्क फ़ॉर्म की आवश्यकता क्यों होती है?
ट्यूटोरियल शुरू करने से पहले, आइए समझते हैं कि संपर्क फ़ॉर्म क्यों महत्वपूर्ण है:
- आपके ईमेल को स्पैम से बचाता है – अपना ईमेल पता सार्वजनिक करने से स्पैम बॉट्स आपके इनबॉक्स को स्पैम ईमेल से भर सकते हैं।
- पेशेवर लगता है – एक अच्छी तरह से डिज़ाइन किया गया फॉर्म आगंतुकों के साथ विश्वास पैदा करता है।
- संरचित जानकारी एकत्र करता है – आपको आवश्यक जानकारी (नाम, ईमेल, संदेश) एक व्यवस्थित प्रारूप में मिल जाएगी।
- ट्रैक संबंधी पूछताछ – ईमेल में खो जाने के बजाय अपने सबमिशन को वर्डप्रेस डैशबोर्ड में स्टोर करें।
- मोबाइल-अनुकूल अनुभव – फॉर्म फोन और टैबलेट पर पूरी तरह से काम करते हैं
आपको किस चीज़ की ज़रूरत पड़ेगी
इस ट्यूटोरियल का अनुसरण करने के लिए आपको निम्न की आवश्यकता होगी:
- एक वर्डप्रेस वेबसाइट (स्व-होस्टेड वर्डप्रेस डॉट ओआरजी)
- प्लगइन्स इंस्टॉल करने के लिए एडमिन एक्सेस
- आपका 5 मिनट का समय
बस इतना ही! कोडिंग का कोई ज्ञान नहीं, कोई तकनीकी अनुभव नहीं, किसी भी प्रकार के सशुल्क टूल की आवश्यकता नहीं है।
चरण 1: ऑटो फॉर्म बिल्डर (निःशुल्क प्लगइन) इंस्टॉल करें
हम उपयोग करेंगे ऑटो फॉर्म बिल्डर (भी रूप में जाना जाता है एएफबी)—एक निःशुल्क, हल्का वर्डप्रेस प्लगइन इसमें विज़ुअल ड्रैग-एंड-ड्रॉप इंटरफ़ेस है। यह शुरुआती लोगों के लिए एकदम सही है क्योंकि इसे सीखना बहुत आसान है।
इसे इंस्टॉल करने का तरीका यहाँ दिया गया है:
- अपने वर्डप्रेस एडमिन डैशबोर्ड में लॉग इन करें
- प्लगइन्स → नया जोड़ें
- निम्न को खोजें "एएफबी” (ऑटो फॉर्म बिल्डर का संक्षिप्त नाम)
- ढूंढें "AFB – ऑटो फॉर्म बिल्डर – ड्रैग एंड ड्रॉप फॉर्म क्रिएटर"
- क्लिक करें अब स्थापित, तो सक्रिय
💡टिप: वर्डप्रेस रिपॉजिटरी में प्लगइन को खोजने का सबसे तेज़ तरीका "AFB" सर्च करना है।
एक बार सक्रिय हो जाने पर, आपको अपने वर्डप्रेस एडमिन मेनू में "ऑटो फॉर्म बिल्डर" दिखाई देगा। बस इतना ही - आप अपना पहला फॉर्म बनाने के लिए तैयार हैं!
चरण 2: एक नया संपर्क फ़ॉर्म बनाएँ
अब चलिए आपका संपर्क फ़ॉर्म बनाते हैं:
- क्लिक करें ऑटो फॉर्म बिल्डर आपके एडमिन मेनू में
- क्लिक करें नया फॉर्म बनाएं
- आपको एक टेम्पलेट चयन स्क्रीन दिखाई देगी—चुनें संपर्क करें प्रपत्र
ऑटो फॉर्म बिल्डर एक पूर्वनिर्मित संपर्क फॉर्म टेम्पलेट के साथ आता है जिसमें निम्नलिखित शामिल हैं:
- पूरा नाम फ़ील्ड
- ईमेल पता फ़ील्ड
- फ़ोन नंबर फ़ील्ड (वैकल्पिक)
- संदेश फ़ील्ड
यह टेम्पलेट तुरंत उपयोग के लिए तैयार है, लेकिन आप इसे अपनी पसंद के अनुसार अनुकूलित कर सकते हैं।
चरण 3: अपने फॉर्म फ़ील्ड को अनुकूलित करें (वैकल्पिक)
क्या आप फ़ील्ड जोड़ना या संशोधित करना चाहते हैं? ड्रैग-एंड-ड्रॉप बिल्डर इसे आसान बनाता है:
नए फ़ील्ड जोड़ना
बाईं ओर के साइडबार में, आपको उपलब्ध फ़ील्ड प्रकार दिखाई देंगे। बस किसी भी फ़ील्ड को खींचें अपने फॉर्म कैनवास पर:
- पाठ इनपुट – नाम या विषय जैसे संक्षिप्त उत्तरों के लिए
- ईमेल – ईमेल पतों का स्वचालित रूप से सत्यापन करता है
- फ़ोन – वैकल्पिक फ़ॉर्मेटिंग वाले फ़ोन नंबरों के लिए
- पाठ क्षेत्र – लंबे संदेशों के लिए
- ड्रॉप डाउन – उपयोगकर्ताओं को विकल्पों में से चुनने की अनुमति दें (जैसे "संपर्क का कारण")
- चेकबॉक्स – सहमति बॉक्स या एकाधिक चयन के लिए
फ़ील्ड सेटिंग्स संपादित करना
किसी भी फ़ील्ड को अनुकूलित करने के लिए उस पर क्लिक करें:
- बदलाव लेबल (उदाहरण के लिए, "पूरा नाम" के स्थान पर "आपका नाम")
- जोड़ना प्लेसहोल्डर टेक्स्ट उपयोगकर्ताओं को मार्गदर्शन प्रदान करने के लिए
- फ़ील्ड बनाएँ अपेक्षित या वैकल्पिक
- जोड़ना मदद पाठ नीचे दिए गए फ़ील्ड
फ़ील्डों को पुनर्व्यवस्थित करना
केवल फ़ील्ड को ऊपर या नीचे खींचें उनका क्रम बदलने के लिए। विज़ुअल बिल्डर दिखाता है कि आपका फ़ॉर्म कैसा दिखेगा।
चरण 4: फ़ॉर्म सेटिंग्स कॉन्फ़िगर करें
दबाएं सेटिंग जब कोई व्यक्ति आपका फ़ॉर्म सबमिट करता है तो क्या होता है, इसे कॉन्फ़िगर करने के लिए टैब:
सफलता संदेश
सबमिट करने के बाद उपयोगकर्ताओं को दिखाई देने वाले संदेश को अनुकूलित करें। उदाहरण के लिए:
“हमसे संपर्क करने के लिए धन्यवाद! हम 24 घंटे के भीतर आपसे संपर्क करेंगे।”
ईमेल सूचनाएं
जब कोई आपका फॉर्म भरता है तो तुरंत सूचना प्राप्त करें:
- सक्षम ईमेल सूचनाएं
- अपना ईमेल पता दर्ज करें (या अल्पविराम से अलग किए गए एकाधिक ईमेल पते दर्ज करें)
- ईमेल के विषय को अपनी पसंद के अनुसार अनुकूलित करें
आपकी हर प्रविष्टि सीधे आपके इनबॉक्स में भेजी जाएगी और साथ ही आपके वर्डप्रेस डैशबोर्ड में सुरक्षित रूप से संग्रहीत की जाएगी।
चरण 5: अपने फॉर्म को स्टाइल करें (वैकल्पिक)
क्या आप चाहते हैं कि आपका फॉर्म आपकी वेबसाइट के डिज़ाइन से मेल खाए? कस्टमाइज़ करने के लिए कस्टमाइज़ टैब पर क्लिक करें:
- रंग बटन के रंग, पृष्ठभूमि और टेक्स्ट बदलें
- बॉर्डर्स फ़ील्ड बॉर्डर और कोने की त्रिज्या को समायोजित करें
- अंतर पैडिंग और मार्जिन को नियंत्रित करें
- बटन सबमिट बटन के टेक्स्ट और स्वरूप को अनुकूलित करें
ऑटो फॉर्म बिल्डर के फॉर्म किसी भी थीम पर शानदार दिखने के लिए डिज़ाइन किए गए हैं, इसलिए स्टाइलिंग पूरी तरह से वैकल्पिक है।
चरण 6: अपना शॉर्टकोड सहेजें और प्राप्त करें
जब आप अपने फॉर्म से संतुष्ट हो जाएं:
- अपने फॉर्म को एक नाम दें (उदाहरण के लिए, "संपर्क फॉर्म")
- क्लिक करें फॉर्म सहेजें
- कॉपी करें शोर्ट दिखाया गया है
चरण 7: अपने पेज पर संपर्क फ़ॉर्म जोड़ें
अब आइए आपके फॉर्म को आपकी वेबसाइट पर प्रदर्शित करें:
विकल्प ए: मौजूदा पृष्ठ में जोड़ें
- पेज और अपने संपर्क पृष्ठ को संपादित करें
- जहां आप फॉर्म दिखाना चाहते हैं, वहां शॉर्टकोड पेस्ट करें।
- क्लिक करें अपडेट
विकल्प B: एक नया संपर्क पृष्ठ बनाएँ
- पृष्ठ → नया जोड़ें
- इसका नाम “संपर्क करें” या “हमसे संपर्क करें” रखें।
- यदि आप चाहें तो कुछ परिचयात्मक पाठ जोड़ सकते हैं।
- शॉर्टकोड पेस्ट करें
- क्लिक करें प्रकाशित करना
अपने पेज पर जाकर देखें कि आपका नया खूबसूरत संपर्क फ़ॉर्म कैसे काम करता है!
चरण 8: अपने संपर्क फ़ॉर्म का परीक्षण करें
अपने नए प्रारूप की दुनिया के सामने घोषणा करने से पहले, इसका परीक्षण कर लें:
- अपने संपर्क पृष्ठ पर जाएँ
- परीक्षा संबंधी जानकारी के साथ फॉर्म भरें
- जमा करें पर क्लिक करें
- सुनिश्चित करें कि आपको सफलता का संदेश दिखाई दे रहा है।
- सूचना के लिए अपना ईमेल चेक करें।
- वर्डप्रेस में, यहां जाएं ऑटो फॉर्म बिल्डर → सबमिशन संग्रहीत प्रविष्टि देखने के लिए
अगर सब कुछ ठीक रहा, तो बधाई हो—आपका संपर्क फ़ॉर्म चालू हो गया है!
संपर्क फ़ॉर्म सबमिशन का प्रबंधन
ऑटो फॉर्म बिल्डर की सबसे अच्छी विशेषताओं में से एक इसकी अंतर्निहित क्षमता है। सबमिशन प्रबंधनकुछ फॉर्म प्लगइन्स के विपरीत जो केवल ईमेल भेजते हैं, प्रत्येक सबमिशन आपके वर्डप्रेस डेटाबेस में संग्रहीत होता है।
ऑटो फॉर्म बिल्डर → प्रस्तुतियाँ करने के लिए:
- सभी सबमिशन देखें खोज योग्य तालिका में
- तिथि के अनुसार फ़िल्टर करें – आज, इस सप्ताह, इस महीने, इत्यादि।
- खोज प्रस्तुतियाँ – विशिष्ट संदेशों को तुरंत ढूंढें
- इसे पढ़ा हुआ/अपठित के रूप में चिह्नित करें – आपने किन-किन पूछताछों का समाधान किया है, इसका ट्रैक रखें।
- महत्वपूर्ण संदेशों को तारांकित करें – उच्च प्राथमिकता वाले संपर्कों को चिह्नित करें
- सीएसवी को निर्यात करें – स्प्रेडशीट या बैकअप के लिए अपना डेटा डाउनलोड करें
इसका मतलब है कि ईमेल डिलीवर न होने पर भी आप ग्राहक की कोई भी पूछताछ नहीं खोएंगे।
ऑटो फॉर्म बिल्डर कॉन्टैक्ट फॉर्म के लिए एकदम सही क्यों है?
वर्डप्रेस के लिए कई फॉर्म प्लगइन उपलब्ध हैं, लेकिन संपर्क फॉर्म बनाने के लिए ऑटो फॉर्म बिल्डर क्यों सबसे अलग है, इसके कुछ कारण यहां दिए गए हैं:
| Feature | ऑटो फॉर्म बिल्डर |
|---|---|
| मूल्य | ✅ मुफ्त |
| ड्रैग-एंड-ड्रॉप बिल्डर | ✅ हां |
| पहले से निर्मित संपर्क फ़ॉर्म टेम्पलेट | ✅ हां |
| ईमेल सूचनाएं | ✅ हां |
| सबमिशन संग्रहण | ✅ हाँ (वर्डप्रेस में) |
| मोबाइल उत्तरदायी | ✅ हां |
| कोई कोडिंग आवश्यक नहीं है | ✅ हां |
| हल्का और तेज़ | ✅ हां |
| GDPR के अनुरूप (आपके सर्वर पर डेटा) | ✅ हां |
| निर्यात प्रस्तुतियाँ | ✅ CSV, JSON, XML |
| सशर्त तर्क | ✅ हां |
अक्सर पूछे जाने वाले प्रश्न
क्या यह फॉर्म मेरे वर्डप्रेस थीम के साथ काम करेगा?
जी हां। ऑटो फॉर्म बिल्डर किसी भी वर्डप्रेस थीम के साथ काम करने के लिए डिज़ाइन किया गया है।
क्या मुझे ईमेल के माध्यम से फॉर्म सबमिशन प्राप्त हो सकते हैं?
बिल्कुल। फॉर्म सेटिंग में ईमेल नोटिफिकेशन चालू करें, और जब भी कोई आपका फॉर्म सबमिट करेगा, आपको एक ईमेल प्राप्त होगा। सबमिशन आपके वर्डप्रेस डैशबोर्ड में बैकअप के रूप में भी सेव हो जाते हैं।
क्या संपर्क फ़ॉर्म मोबाइल के अनुकूल है?
जी हां। ऑटो फॉर्म बिल्डर से बनाए गए सभी फॉर्म पूरी तरह से रिस्पॉन्सिव होते हैं और फोन, टैबलेट और डेस्कटॉप कंप्यूटर पर शानदार दिखते हैं।
मैं अपने फॉर्म को स्पैम से कैसे सुरक्षित रखूं?
ऑटो फॉर्म बिल्डर स्पैम सुरक्षा ऐड-ऑन प्रदान करता है, जिसमें Google reCAPTCHA और Cloudflare Turnstile शामिल हैं।
अगला चरण
अब जबकि आपकी वर्डप्रेस वेबसाइट पर संपर्क फ़ॉर्म मौजूद है, तो इन सुधारों पर विचार करें:
- अपने संपर्क फ़ॉर्म को फ़ूटर में जोड़ें – इसे हर पेज से सुलभ बनाएं
- एक प्रतिक्रिया प्रपत्र बनाएँ – ग्राहकों की समीक्षाएं और प्रशंसापत्र एकत्र करें
- न्यूज़लेटर साइनअप फ़ॉर्म बनाएं – अपनी ईमेल सूची बढ़ाएँ
- स्पैम सुरक्षा जोड़ें अधिक ट्रैफिक वाली साइटों के लिए reCAPTCHA सक्षम करें
निष्कर्ष
वर्डप्रेस में संपर्क फ़ॉर्म बनाने के लिए किसी भी प्रकार के कोडिंग कौशल की आवश्यकता नहीं होती है। ऑटो फॉर्म बिल्डरआप 5 मिनट से भी कम समय में एक पेशेवर, मोबाइल-अनुकूल संपर्क फ़ॉर्म बना सकते हैं—बिल्कुल मुफ्त।
ड्रैग-एंड-ड्रॉप इंटरफ़ेस शुरुआती लोगों के लिए इसे आसान बनाता है, जबकि अंतर्निहित सबमिशन प्रबंधन यह सुनिश्चित करता है कि आप ग्राहक की कोई भी पूछताछ न चूकें। साथ ही, आपका सारा डेटा आपके अपने वर्डप्रेस सर्वर पर सुरक्षित रहता है।
क्या आप अपना संपर्क फ़ॉर्म बनाने के लिए तैयार हैं? ऑटो फॉर्म बिल्डर डाउनलोड करें वर्डप्रेस प्लगइन रिपॉजिटरी से डाउनलोड करें और आज ही शुरुआत करें।
