तुमच्या website ला contact form कसा जोडावा (जो खरोखर तुमच्यापर्यंत पोहोचतो)
काम करणारा contact form जोडण्यासाठी, एक छोटा form बनवा (नाव, email, संदेश), तो एका server route कडे पाठवा जो इनपुट तपासतो, संदेश database मध्ये साठवतो, आणि मग एका email provider मार्फत गुप्त API key वापरून तुम्हाला सूचना email पाठवतो. बहुतेक spam थांबवण्यासाठी लपलेले honeypot field आणि rate limiting जोडा, स्पष्ट यशाचा संदेश दाखवा, आणि प्रकाशित site वर शेवटपर्यंत चाचणी करा. email पाठवण्याआधी साठवणे ही महत्त्वाची गोष्ट आहे: email कधी अयशस्वी झाला तरी चौकशी तुमच्याकडे राहते.
तुमचे पर्याय
| पर्याय | कसा काम करतो | यासाठी चांगला | तडजोडी |
|---|---|---|---|
| Mailto लिंक | "आमच्याशी संपर्क करा" भेट देणाऱ्याचे mail app उघडते | वैयक्तिक sites | अनेक devices वर अयशस्वी; तुमचा पत्ता bots ना उघड |
| Hosted form service | Form एका तृतीय-पक्ष सेवेकडे पाठवला जातो जी तुम्हाला email करते | backend नसलेल्या static sites | आणखी एक account; मोफत plans वर मर्यादा आणि branding |
| Embedded form tool | form builder चा widget तुमच्या पानावर embed केलेला | गुंतागुंतीची सर्वेक्षणे, जलद सेटअप | तुमच्या डिझाइनशी जुळत नाही; डेटा दुसरीकडे राहतो |
| तुमचा स्वतःचा form + database + email | तुमचा server साठवतो आणि सूचित करतो | बहुतेक apps आणि व्यवसाय sites | email provider तुम्ही सेट करता |
तुमच्या site वर आधीच backend आणि database असेल, जे AI app builders ने बनवलेल्या apps मध्ये अनेकदा असते, तर शेवटचा पर्याय सर्वात विश्वासार्ह आहे आणि चौकशी तुम्हाला दिसतील अशा ठिकाणी ठेवतो.
चांगल्या contact form मध्ये काय असते
- शक्य तितकी कमी फील्ड्स. नाव, email, संदेश. विषयाचा dropdown ("Sales", "Support", "Other") फक्त तेव्हाच जोडा जेव्हा त्यानुसार routing करणार असाल.
- प्रत्येक फील्डच्या वर स्पष्ट labels, फक्त placeholder मजकूर नव्हे जो गायब होतो.
- उपयुक्त पडताळणी: "वैध email पत्ता टाका", फील्डच्या शेजारी दाखवलेले.
- यशाची स्थिती जी पुढे काय होईल ते सांगते: "धन्यवाद, आम्ही एका कामकाजाच्या दिवसात उत्तर देऊ."
- गोपनीयता सूचना की तुम्ही तपशील कसे वापराल, तुमच्या गोपनीयता धोरणाशी जोडलेली.
- पर्यायी मार्ग, जसे तुमचा email पत्ता किंवा फोन नंबर, जे लोक त्याला प्राधान्य देतात त्यांच्यासाठी.
उदाहरण prompts
मूलभूत form:
Contact पानावर contact form जोडा, नाव, email आणि संदेश (सर्व आवश्यक, संदेश 2,000 अक्षरांपर्यंत). submit केल्यावर server route कडे जाईल जो इनपुट तपासतो, तो प्राप्त झाल्याच्या वेळेसह contact_messages table मध्ये साठवतो, आणि यशाचा संदेश दाखवतो: "धन्यवाद, आम्ही एका कामकाजाच्या दिवसात उत्तर देऊ." फील्ड त्रुटी ओळीत दाखवा. फोनवर चांगले चालेल असे बनवा.
Email सूचना:
contact संदेश साठवल्यावर, Resend वापरून माझ्या hello@example.com वर सूचना email पाठवा, key RESEND_API_KEY मध्ये. reply-to पाठवणाऱ्याचा email ठेवा, जेणेकरून मी थेट उत्तर देऊ शकेन. पाठवणे अयशस्वी झाले तर saved संदेश ठेवा आणि key उघड न करता error नोंदवा.
Spam संरक्षण:
contact form मध्ये spam संरक्षण जोडा: एक लपलेले honeypot field जे रिकामे राहिले पाहिजे, प्रति IP प्रति तास 5 submissions ची server वरील मर्यादा, आणि 3 पेक्षा जास्त links असलेले संदेश नाकारा. honeypot ने भरलेले submissions शांतपणे टाका, पण यश दाखवा.
Inbox:
एक पासवर्ड-संरक्षित admin पान जोडा जे contact संदेश नवीन पहिले दाखवेल, "handled" checkbox आणि न हाताळलेल्या संदेशांसाठी filter सह.
टप्प्याटप्प्याने
- संदेश कुठे जातील ते ठरवा: सूचना कोणाला मिळतील, आणि उत्तर कोण देईल.
- Form बनवा वरील फील्ड्ससह, सुलभ labels आणि मोबाईल-अनुकूल inputs सह (email input type वापरा, जेणेकरून फोनवर योग्य keyboard दिसेल).
- Server route तयार करा. तो आवश्यक फील्ड्स, email स्वरूप आणि लांबीच्या मर्यादा तपासतो. browser-फक्त पडताळणीवर कधीही विश्वास ठेवू नका.
- आधी database मध्ये साठवा. पहा तुमच्या app मध्ये database कसा जोडावा.
- Email provider सेट करा. खाते तयार करा, sending domain पडताळा, आणि API key ला secret म्हणून साठवा. app वरून emails कसे पाठवावेत SPF, DKIM सेटअपचा तपशील देते.
- साठवल्यानंतर server वरून सूचना पाठवा. sender म्हणून तुमचा पडताळलेला domain वापरा, आणि reply-to म्हणून भेट देणाऱ्याचा पत्ता. भेट देणाऱ्याच्या पत्त्यावरून "from" पाठवू नका, नाहीतर तो spoofing म्हणून नाकारला जाण्याची शक्यता आहे.
- भेट देणाऱ्याला पर्यायी स्वयं-उत्तर देऊ शकता, पण ते छोटे ठेवा; spam पत्त्यांना स्वयं-उत्तर दिल्याने तुमची sender प्रतिष्ठा खराब होऊ शकते.
- Spam संरक्षण जोडा: honeypot, rate limiting, आणि गरज पडल्यास CAPTCHA-सारखी तपासणी.
- प्रकाशित site वर चाचणी करा: submit करा, database तपासा, तुमचा inbox आणि spam folder तपासा, reply वर क्लिक करा.
Spam थांबवणे
live झाल्यावर काही दिवसांत contact forms bots ला आकर्षित करतात. कमी त्रासदायक ते जास्त त्रासदायक अशा क्रमाने संरक्षणाचे थर लावा:
- Honeypot field. माणसांना दिसत नाही असे field; bots ते भरतात. खऱ्या भेट देणाऱ्यांचे त्यात काहीही जात नाही.
- Server वरील rate limiting. एका पत्त्याकडून ठराविक कालावधीत किती संदेश येऊ शकतात ते मर्यादित करते.
- मजकुराचे नियम. links ने भरलेले संदेश नाकारा, किंवा रिकामे किंवा अवाजवी लांब संदेश फील्ड नाकारा.
- CAPTCHA-सारखी तपासणी, जसे Cloudflare Turnstile किंवा Google reCAPTCHA. token तुमच्या server वर पडताळला गेला पाहिजे; फक्त browser मध्ये चालणारी तपासणी वगळता येते.
सामान्य चुका
- काहीही न पाठवता "पाठवले!" दाखवणे. UI server च्या प्रतिसादाआधी किंवा त्याची पर्वा न करता यश म्हणतो. नेहमी server ची वाट पाहा.
- फक्त email, database नाही. एक चुकीची key आणि चौकशी आठवडे कोणाच्या लक्षात न येता गायब होतात.
- Frontend code मध्ये API key. कोणीही ती वापरून तुमच्या नावाने email पाठवू शकतो.
- न पडताळलेला sending domain. सूचना spam मध्ये जातात किंवा अजिबात येत नाहीत.
- भेट देणाऱ्याच्या email वरून "from" पाठवणे. त्याऐवजी reply-to वापरा.
- लांबीच्या मर्यादा नसणे. bots मोठे मजकूर ब्लॉक paste करतात.
- थेट site ची कधीही चाचणी न करणे. preview आणि production मध्ये keys आणि domains अनेकदा वेगळे असतात.
Checklist
- दिसणाऱ्या labels आणि स्पष्ट त्रुटींसह छोटा form
- Server वर पडताळणी आणि लांबीच्या मर्यादा
- प्रत्येक संदेश database मध्ये साठवला जातो
- पडताळलेल्या domain वरून सूचना email, reply-to सेट केलेला
- Email API key फक्त server-side secrets मध्ये
- Honeypot आणि rate limiting लागू
- यशाचा संदेश फक्त server ने पुष्टी केल्यावरच दिसतो
- गोपनीयता सूचना तुमच्या गोपनीयता धोरणाशी जोडलेली
- प्रकाशित site वर शेवटपर्यंत चाचणी, spam folder सह
Mythex मधील contact forms
Mythex मध्ये तुम्ही संपूर्ण गोष्ट chat मधून बनवू शकता. form आणि database एकाच prompt मध्ये मागा (किंवा /database टाईप करा), जेणेकरून submissions टिकतील. Mythex मध्ये अंगभूत email पाठवण्याचे उत्पादन नाही, त्यामुळे सूचनांसाठी Resend, SendGrid किंवा Postmark सारखा provider आणा, त्याची key /secrets किंवा project settings मध्ये जोडा, आणि server वरून पाठवण्यासाठी agent ला सांगा; पहा app मधून email पाठवा. त्यावर अवलंबून राहण्यापूर्वी, Preview मध्ये form वर App Testing (/test) चालवा, मग प्रकाशित करा आणि थेट URL वर चाचणी करा.
Contact form हा बहुतेक लहान व्यवसाय websites आणि landing pages चा महत्त्वाचा भाग आहे. लाँचपूर्वी security checklist तपासा.
प्रश्न
contact form मला email कसा पाठवतो?
form एका server route कडे पाठवला जातो, जो संदेश साठवतो आणि मग Resend, SendGrid किंवा Postmark सारख्या email provider मार्फत तुम्हाला सूचना पाठवतो, server-side secret म्हणून साठवलेली API key वापरून. एकट्या browser वरून email विश्वासार्हपणे पाठवता येत नाही.
मला contact form चे email मिळत नाहीत, का?
सामान्य कारणे: API key गहाळ किंवा चुकीची असणे, sending domain पडताळलेला नसणे, सूचना spam मध्ये जाणे, किंवा server call काम न करता form यशस्वी दाखवणे. प्रत्येक submission आधी database मध्ये साठवल्याने email दुरुस्त करत असताना एकही संदेश हरवत नाही.
contact form मधील spam कसा थांबवावा?
server वर लपलेले honeypot field आणि rate limiting ने सुरुवात करा. spam सुरूच राहिला तर, CAPTCHA-सारखी तपासणी जोडा, जसे Cloudflare Turnstile किंवा Google reCAPTCHA, server वर पडताळलेली.
form ऐवजी mailto लिंक वापरावी का?
mailto लिंक साधी आहे, पण ती भेट देणाऱ्याचे email app उघडते, जे अनेक लोकांसाठी shared किंवा ऑफिसच्या computer वर अयशस्वी होते, आणि तुमचा पत्ता spam bots ना उघड करते. form भेट देणाऱ्यांसाठी अधिक विश्वासार्ह आहे आणि तुम्हाला मिळणारी फील्ड्स नियंत्रित करू देतो.