कोडिंगशिवाय वर्डप्रेसमध्ये संपर्क फॉर्म कसा तयार करायचा
तुमच्या वर्डप्रेस वेबसाइटवर संपर्क फॉर्म जोडायचा आहे पण कोड कसा करायचा हे माहित नाही? तुम्ही योग्य ठिकाणी आहात. या चरण-दर-चरण मार्गदर्शकामध्ये, तुम्ही शिकाल की वर्डप्रेसमध्ये एकही ओळ कोड न लिहिता व्यावसायिक संपर्क फॉर्म तयार करा—आणि त्याला ५ मिनिटांपेक्षा कमी वेळ लागतो.
तुम्ही ब्लॉगर असाल, लहान व्यवसाय मालक असाल किंवा तुमची पहिली वेबसाइट बनवत असाल, संपर्क फॉर्म असणे आवश्यक आहे. ते अभ्यागतांना तुमच्यापर्यंत सहज पोहोचू देते, तुम्हाला लीड्स कॅप्चर करण्यास मदत करते आणि फक्त तुमचा ईमेल पत्ता पोस्ट करण्यापेक्षा ते अधिक व्यावसायिक दिसते.
प्रत्येक वर्डप्रेस वेबसाइटला संपर्क फॉर्म का आवश्यक आहे
ट्युटोरियलमध्ये जाण्यापूर्वी, संपर्क फॉर्म का महत्त्वाचा आहे ते समजून घेऊया:
- तुमच्या ईमेलचे स्पॅमपासून संरक्षण करते - तुमचा ईमेल पत्ता सार्वजनिकरित्या प्रकाशित केल्याने तुमच्या इनबॉक्समध्ये स्पॅम बॉट्स येतात.
- व्यावसायिक दिसते - चांगल्या प्रकारे डिझाइन केलेला फॉर्म अभ्यागतांमध्ये विश्वास निर्माण करतो.
- संरचित माहिती गोळा करते - तुम्हाला आवश्यक असलेली माहिती (नाव, ईमेल, संदेश) एका संघटित स्वरूपात मिळवा.
- चौकशींचा मागोवा घेते - सबमिशन ईमेलमध्ये गमावण्याऐवजी तुमच्या वर्डप्रेस डॅशबोर्डमध्ये साठवा.
- मोबाइल-अनुकूल अनुभव - फॉर्म फोन आणि टॅब्लेटवर उत्तम प्रकारे काम करतात.
आपल्याला काय पाहिजे
या ट्युटोरियलचे अनुसरण करण्यासाठी, तुम्हाला आवश्यक असेल:
- एक वर्डप्रेस वेबसाइट (स्वयं-होस्टेड WordPress.org)
- प्लगइन स्थापित करण्यासाठी प्रशासकीय प्रवेश
- तुमच्या वेळेतील ५ मिनिटे
बस्स! कोडिंगचे ज्ञान नाही, तांत्रिक अनुभव नाही, सशुल्क साधने आवश्यक नाहीत.
पायरी १: ऑटो फॉर्म बिल्डर (मोफत प्लगइन) स्थापित करा
आम्ही वापरू ऑटो फॉर्म बिल्डर (त्याला असे सुद्धा म्हणतात A.F.B.)—एक मोफत, हलके वर्डप्रेस प्लगइन व्हिज्युअल ड्रॅग-अँड-ड्रॉप इंटरफेससह. हे नवशिक्यांसाठी परिपूर्ण आहे कारण त्यात शिकण्याची शक्यता कमी आहे.
ते कसे स्थापित करायचे ते येथे आहे:
- तुमच्या वर्डप्रेस अॅडमिन डॅशबोर्डमध्ये लॉग इन करा.
- जा प्लगइन्स → नवीन जोडा
- "साठी शोधा"A.F.B."(ऑटो फॉर्म बिल्डरचे संक्षिप्त नाव)"
- “पहाAFB – ऑटो फॉर्म बिल्डर – ड्रॅग अँड ड्रॉप फॉर्म क्रिएटर"
- क्लिक करा स्थापित करा, नंतर सक्रिय
💡 टीप: वर्डप्रेस रिपॉझिटरीमध्ये प्लगइन शोधण्याचा सर्वात जलद मार्ग म्हणजे “AFB” शोधणे.
एकदा सक्रिय झाल्यानंतर, तुम्हाला तुमच्या वर्डप्रेस अॅडमिन मेनूमध्ये "ऑटो फॉर्म बिल्डर" दिसेल. बस्स - तुम्ही तुमचा पहिला फॉर्म तयार करण्यास तयार आहात!
पायरी २: एक नवीन संपर्क फॉर्म तयार करा
आता तुमचा संपर्क फॉर्म तयार करूया:
- क्लिक करा ऑटो फॉर्म बिल्डर तुमच्या अॅडमिन मेनूमध्ये
- क्लिक करा नवीन फॉर्म तयार करा
- तुम्हाला टेम्पलेट निवड स्क्रीन दिसेल—निवडा संपर्क फॉर्म
ऑटो फॉर्म बिल्डरमध्ये पूर्व-निर्मित संपर्क फॉर्म टेम्पलेट येतो ज्यामध्ये हे समाविष्ट आहे:
- पूर्ण नाव फील्ड
- ईमेल पत्ता फील्ड
- फोन नंबर फील्ड (पर्यायी)
- संदेश फील्ड
हे टेम्पलेट वापरण्यासाठी लगेच तयार आहे, परंतु तुम्ही ते तुमच्या आवडीनुसार सानुकूलित करू शकता.
पायरी ३: तुमचे फॉर्म फील्ड कस्टमाइझ करा (पर्यायी)
फील्ड जोडायचे किंवा सुधारायचे आहेत का? ड्रॅग-अँड-ड्रॉप बिल्डर हे सोपे करते:
नवीन फील्ड जोडणे
डाव्या साइडबारवर, तुम्हाला उपलब्ध फील्ड प्रकार दिसतील. फक्त कोणतेही क्षेत्र ड्रॅग करा तुमच्या फॉर्म कॅनव्हासवर:
- मजकूर इनपुट - नाव किंवा विषय यासारख्या लहान उत्तरांसाठी
- ई-मेल - ईमेल पत्ते स्वयंचलितपणे सत्यापित करते
- फोन - पर्यायी स्वरूपणासह फोन नंबरसाठी
- मजकूर क्षेत्र - मोठ्या संदेशांसाठी
- ड्रॉपडाउन - वापरकर्त्यांना पर्यायांमधून निवड करू द्या (जसे की "संपर्काचे कारण")
- चेकबॉक्स – संमती बॉक्स किंवा अनेक निवडींसाठी
फील्ड सेटिंग्ज संपादित करणे
कोणत्याही फील्डला कस्टमाइझ करण्यासाठी त्यावर क्लिक करा:
- बदला लेबल (उदा., “पूर्ण नाव” ऐवजी “तुमचे नाव”)
- जोडा प्लेसहोल्डर मजकूर वापरकर्त्यांना मार्गदर्शन करण्यासाठी
- फील्ड बनवा आवश्यक किंवा पर्यायी
- जोडा मदत मजकूर खालील फील्ड
फील्ड पुनर्क्रमित करणे
फक्त फील्ड वर किंवा खाली ड्रॅग करा त्यांचा क्रम बदलण्यासाठी. व्हिज्युअल बिल्डर तुमचा फॉर्म कसा दिसेल ते दाखवतो.
पायरी ५: फॉर्म सेटिंग्ज कॉन्फिगर करा
क्लिक करा सेटिंग्ज कोणीतरी तुमचा फॉर्म सबमिट केल्यावर काय होते ते कॉन्फिगर करण्यासाठी टॅब:
यशाचा संदेश
सबमिट केल्यानंतर वापरकर्त्यांना दिसणारा संदेश कस्टमाइझ करा. उदाहरणार्थ:
"आमच्याशी संपर्क साधल्याबद्दल धन्यवाद! आम्ही २४ तासांच्या आत तुमच्याशी संपर्क साधू."
ईमेल सूचना
कोणी तुमचा फॉर्म भरला की त्वरित सूचना मिळवा:
- सक्षम करा ईमेल सूचना
- तुमचा ईमेल पत्ता (किंवा स्वल्पविरामाने विभक्त केलेले अनेक ईमेल) प्रविष्ट करा.
- ईमेलचा विषय कस्टमाइझ करा
प्रत्येक सबमिशन थेट तुमच्या इनबॉक्समध्ये पाठवले जाईल—आणि तुमच्या वर्डप्रेस डॅशबोर्डमध्ये सुरक्षितपणे संग्रहित केले जाईल.
पायरी ५: तुमचा फॉर्म स्टाईल करा (पर्यायी)
तुमचा फॉर्म तुमच्या वेबसाइटच्या डिझाइनशी जुळणारा हवा आहे का? सानुकूलित करण्यासाठी 'सानुकूलित करा' टॅबवर क्लिक करा:
- रंग - बटणांचे रंग, पार्श्वभूमी आणि मजकूर बदला
- सीमा - फील्ड बॉर्डर्स आणि कोपऱ्याच्या त्रिज्या समायोजित करा
- अंतर - पॅडिंग आणि मार्जिन नियंत्रित करा
- बटण - सबमिट बटणाचा मजकूर आणि देखावा सानुकूलित करा.
ऑटो फॉर्म बिल्डर फॉर्म कोणत्याही थीमवर उत्तम दिसण्यासाठी डिझाइन केलेले आहेत, म्हणून स्टाइलिंग पूर्णपणे पर्यायी आहे.
पायरी ६: सेव्ह करा आणि तुमचा शॉर्टकोड मिळवा
एकदा तुम्ही तुमच्या फॉर्मवर समाधानी झालात की:
- तुमच्या फॉर्मला एक नाव द्या (उदा., "संपर्क फॉर्म")
- क्लिक करा फॉर्म सेव्ह करा
- कॉपी करा शॉर्टकोड्स प्रदर्शित
पायरी ७: तुमच्या पेजवर संपर्क फॉर्म जोडा
आता तुमचा फॉर्म तुमच्या वेबसाइटवर प्रदर्शित करूया:
पर्याय अ: विद्यमान पृष्ठावर जोडा
- जा पृष्ठे आणि तुमचे संपर्क पृष्ठ संपादित करा
- तुम्हाला फॉर्म जिथे दिसायला हवा आहे तिथे शॉर्टकोड पेस्ट करा.
- क्लिक करा सुधारणा
पर्याय ब: एक नवीन संपर्क पृष्ठ तयार करा
- जा पृष्ठे → नवीन जोडा
- त्याला "संपर्क" किंवा "आमच्याशी संपर्क साधा" असे शीर्षक द्या.
- तुम्हाला हवे असल्यास काही परिचयात्मक मजकूर जोडा.
- शॉर्टकोड पेस्ट करा.
- क्लिक करा प्रकाशित करा
तुमचा सुंदर नवीन संपर्क फॉर्म प्रत्यक्षात येताना पाहण्यासाठी तुमच्या पेजला भेट द्या!
पायरी ८: तुमच्या संपर्क फॉर्मची चाचणी घ्या
जगासमोर तुमचा नवीन फॉर्म घोषित करण्यापूर्वी, त्याची चाचणी घ्या:
- तुमच्या संपर्क पृष्ठाला भेट द्या
- चाचणी माहितीसह फॉर्म भरा.
- सबमिट करा क्लिक करा
- तुम्हाला यशाचा संदेश दिसत आहे का ते तपासा.
- सूचनेसाठी तुमचा ईमेल तपासा.
- वर्डप्रेसमध्ये, येथे जा ऑटो फॉर्म बिल्डर → सबमिशन संग्रहित नोंद पाहण्यासाठी
जर सर्वकाही व्यवस्थित झाले, तर अभिनंदन - तुमचा संपर्क फॉर्म लाइव्ह आहे!
संपर्क फॉर्म सबमिशन व्यवस्थापित करणे
ऑटो फॉर्म बिल्डरच्या सर्वोत्तम वैशिष्ट्यांपैकी एक म्हणजे बिल्ट-इन सबमिशन व्यवस्थापन. काही फॉर्म प्लगइन्स जे फक्त ईमेल पाठवतात त्यांच्या विपरीत, प्रत्येक सबमिशन तुमच्या वर्डप्रेस डेटाबेसमध्ये संग्रहित केले जाते.
जा ऑटो फॉर्म बिल्डर → सबमिशन प्रति:
- सर्व सबमिशन पहा शोधण्यायोग्य टेबलमध्ये
- तारखेनुसार फिल्टर करा - आज, या आठवड्यात, या महिन्यात, इ.
- सबमिशन शोधा - विशिष्ट संदेश त्वरित शोधा
- वाचलेले/न वाचलेले म्हणून चिन्हांकित करा - तुम्ही कोणत्या चौकशी हाताळल्या आहेत याचा मागोवा घ्या
- महत्त्वाचे संदेश तारांकित करा - उच्च-प्राधान्य संपर्क ध्वजांकित करा
- CSV ला निर्यात करा - स्प्रेडशीट किंवा बॅकअपसाठी तुमचा डेटा डाउनलोड करा
याचा अर्थ असा की, ईमेल वितरित करण्यात अयशस्वी झाले तरीही, तुम्ही ग्राहकांची चौकशी कधीही गमावणार नाही.
संपर्क फॉर्मसाठी ऑटो फॉर्म बिल्डर का परिपूर्ण आहे
अनेक वर्डप्रेस फॉर्म प्लगइन्स उपलब्ध आहेत, परंतु ऑटो फॉर्म बिल्डर संपर्क फॉर्म तयार करण्यासाठी वेगळे का आहे ते येथे आहे:
| वैशिष्ट्य | ऑटो फॉर्म बिल्डर |
|---|---|
| किंमत | . विनामूल्य |
| ड्रॅग-अँड-ड्रॉप बिल्डर | . होय |
| पूर्व-निर्मित संपर्क फॉर्म टेम्पलेट | . होय |
| ईमेल अधिसूचना | . होय |
| सबमिशन स्टोरेज | ✅ हो (वर्डप्रेस मध्ये) |
| मोबाइल प्रतिसाद | . होय |
| कोडिंग आवश्यक नाही | . होय |
| हलके आणि जलद | . होय |
| GDPR अनुरूप (तुमच्या सर्व्हरवरील डेटा) | . होय |
| सबमिशन एक्सपोर्ट करा | ✅ CSV, JSON, XML |
| सशर्त तर्कशास्त्र | . होय |
वारंवार विचारले जाणारे प्रश्न
हा फॉर्म माझ्या वर्डप्रेस थीमसोबत काम करेल का?
होय. ऑटो फॉर्म बिल्डर कोणत्याही वर्डप्रेस थीमसोबत काम करण्यासाठी डिझाइन केले आहे.
मला ईमेलद्वारे फॉर्म सबमिशन मिळू शकतात का?
नक्कीच. फॉर्म सेटिंग्जमध्ये ईमेल सूचना सक्षम करा, आणि जेव्हा कोणी तुमचा फॉर्म सबमिट करेल तेव्हा तुम्हाला प्रत्येक वेळी ईमेल मिळेल. सबमिशन तुमच्या वर्डप्रेस डॅशबोर्डमध्ये बॅकअप म्हणून देखील संग्रहित केले जातात.
संपर्क फॉर्म मोबाईल-फ्रेंडली आहे का?
हो. ऑटो फॉर्म बिल्डर वापरून तयार केलेले सर्व फॉर्म पूर्णपणे प्रतिसाद देणारे आहेत आणि फोन, टॅब्लेट आणि डेस्कटॉप संगणकांवर छान दिसतात.
मी माझ्या फॉर्मचे स्पॅमपासून संरक्षण कसे करू?
ऑटो फॉर्म बिल्डर स्पॅम संरक्षणासाठी ॲड-ऑन्स पुरवतो, ज्यामध्ये गूगल रीकॅप्चा (Google reCAPTCHA) आणि क्लाउडफ्लेअर टर्नस्टाईल (Cloudflare Turnstile) यांचा समावेश आहे.
पुढील चरण
आता तुमच्या वर्डप्रेस वेबसाइटवर संपर्क फॉर्म आहे, तर या सुधारणांचा विचार करा:
- तुमचा संपर्क फॉर्म तळटीपमध्ये जोडा. - प्रत्येक पानावरून ते उपलब्ध करून द्या
- एक अभिप्राय फॉर्म तयार करा - ग्राहकांचे पुनरावलोकने आणि प्रशंसापत्रे गोळा करा
- न्यूजलेटर साइनअप फॉर्म तयार करा - तुमची ईमेल यादी वाढवा
- स्पॅम संरक्षण जोडा - जास्त ट्रॅफिक असलेल्या साइट्ससाठी reCAPTCHA सक्षम करा.
निष्कर्ष
वर्डप्रेसमध्ये संपर्क फॉर्म तयार करण्यासाठी कोणत्याही कोडिंग कौशल्याची आवश्यकता नाही. सह ऑटो फॉर्म बिल्डर, तुम्ही ५ मिनिटांपेक्षा कमी वेळात एक व्यावसायिक, मोबाइल-रिस्पॉन्सिव्ह संपर्क फॉर्म तयार करू शकता—पूर्णपणे मोफत.
ड्रॅग-अँड-ड्रॉप इंटरफेस नवशिक्यांसाठी सोपे करते, तर बिल्ट-इन सबमिशन मॅनेजमेंट तुम्हाला कधीही ग्राहकांची चौकशी चुकणार नाही याची खात्री देते. शिवाय, तुमचा सर्व डेटा तुमच्या स्वतःच्या वर्डप्रेस सर्व्हरवर सुरक्षितपणे राहतो.
तुमचा संपर्क फॉर्म तयार करण्यास तयार आहात का? ऑटो फॉर्म बिल्डर डाउनलोड करा वर्डप्रेस प्लगइन रिपॉझिटरीमधून आणि आजच सुरुवात करा.
