உங்கள் வெப்சைட்டில் தொடர்புப் படிவத்தைச் சேர்ப்பது எப்படி (உண்மையில் உங்களைச் சென்றடையும்)

வேலை செய்யும் தொடர்புப் படிவத்தைச் சேர்க்க, ஒரு சுருக்கமான படிவத்தை (பெயர், மின்னஞ்சல், செய்தி) உருவாக்கி, உள்ளீட்டைச் சரிபார்க்கும் சர்வர் route-க்கு அனுப்புங்கள், செய்தியை ஒரு தரவுத்தளத்தில் சேமியுங்கள், பின்னர் ஒரு ரகசிய API key பயன்படுத்தி ஒரு மின்னஞ்சல் வழங்குநர் வழியாக உங்களுக்கு அறிவிப்பு அனுப்புங்கள். பெரும்பாலான spam-ஐ நிறுத்த மறைந்திருக்கும் honeypot புலத்தையும் rate limiting-ஐயும் சேருங்கள், தெளிவான வெற்றிச் செய்தியைக் காட்டுங்கள், வெளியிட்ட தளத்தில் முதல் முதல் இறுதி வரை சோதியுங்கள். மின்னஞ்சலுக்கு முன் சேமிப்பதுதான் முக்கியம்: மின்னஞ்சல் ஒருபோதும் தோல்வியுற்றாலும், விசாரணை உங்களிடம் இருக்கும்.

உங்கள் விருப்பங்கள்

உங்கள் தளத்தில் ஏற்கெனவே backend மற்றும் தரவுத்தளம் இருந்தால் — AI ஆப் பில்டர்களுடன் உருவாக்கப்பட்ட ஆப்கள் பெரும்பாலும் அப்படித்தான் இருக்கும் — கடைசி விருப்பமே மிகவும் நம்பகமானது; விசாரணைகளை நீங்கள் பார்க்கக்கூடிய இடத்தில் வைக்கும்.

நல்ல தொடர்புப் படிவத்தில் என்ன இருக்கும்

• முடிந்தவரை குறைவான புலங்கள். பெயர், மின்னஞ்சல், செய்தி. நீங்கள் அதன் அடிப்படையில் வழிநடத்தப்போனால் மட்டும் "விற்பனை", "ஆதரவு", "மற்றவை" போன்ற subject கீழிறங்கு பட்டியலைச் சேருங்கள்.
• ஒவ்வொரு புலத்துக்கும் மேலே தெளிவான லேபிள்கள், வெறும் placeholder உரை மறைந்துபோகாமல்.
• உதவிகரமான சரிபார்ப்பு: "சரியான மின்னஞ்சல் முகவரியை உள்ளிடவும்", புலத்துக்கு அடுத்துக் காட்டப்படும்.
• அடுத்து என்ன நடக்கும் என்று சொல்லும் வெற்றி நிலை: "நன்றி — ஒரு வேலை நாளுக்குள் பதிலளிப்போம்."
• தனியுரிமைக் குறிப்பு விவரங்களை எப்படிப் பயன்படுத்துவீர்கள் என்று சொல்லி, உங்கள் தனியுரிமைக் கொள்கைக்கு இணைக்கப்பட்டது.
• ஒரு மாற்று வழி, உதாரணமாக உங்கள் மின்னஞ்சல் முகவரி அல்லது தொலைபேசி எண், அதை விரும்புபவர்களுக்கு.

எடுத்துக்காட்டு prompt-கள்

அடிப்படைப் படிவம்:

தொடர்புப் பக்கத்தில் பெயர், மின்னஞ்சல், செய்தி (எல்லாம் கட்டாயம், செய்தி அதிகபட்சம் 2,000 எழுத்துகள்) கொண்ட தொடர்புப் படிவம் சேர். ஒரு சர்வர் route-க்கு அனுப்பு; அது உள்ளீட்டைச் சரிபார்த்து contact_messages அட்டவணையில் பெறப்பட்ட நேரத்துடன் சேமிக்கட்டும்; "நன்றி, ஒரு வேலை நாளுக்குள் பதிலளிப்போம்" என்ற வெற்றிச் செய்தியைக் காட்டு. புலப் பிழைகளை உள்ளேயே காட்டு. மொபைலில் நன்றாக வேலை செய்யட்டும்.

மின்னஞ்சல் அறிவிப்புகள்:

ஒரு தொடர்புச் செய்தி சேமிக்கப்பட்ட பின், hello@example.com-க்கு ஒரு அறிவிப்பு மின்னஞ்சலை RESEND_API_KEY-இல் உள்ள key-ஐப் பயன்படுத்தி Resend வழியாக அனுப்பு. பதில்-முகவரியை அனுப்புநரின் மின்னஞ்சலாக அமை, நான் நேரடியாகப் பதிலளிக்கலாம். அனுப்புதல் தோல்வியடைந்தால், சேமித்த செய்தியை வைத்திரு, key-ஐ வெளிப்படுத்தாமல் பிழையைப் பதிவு செய்.

Spam பாதுகாப்பு:

தொடர்புப் படிவத்தில் spam பாதுகாப்பைச் சேர்: காலியாக இருக்க வேண்டிய மறைந்திருக்கும் honeypot புலம், சர்வரில் ஒரு IP-க்கு ஒரு மணி நேரத்துக்கு அதிகபட்சம் 5 சமர்ப்பிப்புகள், மூன்றுக்கு மேல் இணைப்புகள் உள்ள செய்திகளை நிராகரி. honeypot சமர்ப்பிப்புகளை அமைதியாக நிராகரி, ஆனால் வெற்றியைக் காட்டு.

ஒரு உள்ளீட்டுப் பெட்டி:

சமீபத்தியது முதலில் இருக்கும்படி தொடர்புச் செய்திகளைப் பட்டியலிடும், கடவுச்சொல் பாதுகாக்கப்பட்ட admin பக்கம் சேர், "கையாளப்பட்டது" தேர்வுப்பெட்டி மற்றும் கையாளப்படாதவற்றுக்கான வடிப்பானுடன்.

படிப்படியாக

1. செய்திகள் எங்கே போக வேண்டும் என்று முடிவு செய்யுங்கள்: அறிவிப்புகளை யார் பெறுவார், யார் பதிலளிப்பார்.
2. மேலே உள்ள புலங்களுடன் படிவத்தைக் கட்டுங்கள், அணுகக்கூடிய லேபிள்களுடனும் மொபைலுக்கு ஏற்ற உள்ளீடுகளுடனும் (கைபேசிகள் சரியான விசைப்பலகையைக் காட்டும்படி email உள்ளீட்டு வகையைப் பயன்படுத்துங்கள்).
3. சர்வர் route-ஐ உருவாக்குங்கள். அது தேவையான புலங்கள், மின்னஞ்சல் வடிவம், நீளக் வரம்புகளைச் சரிபார்க்கும். உலாவியில் மட்டும் உள்ள சரிபார்ப்பை ஒருபோதும் நம்பாதீர்கள்.
4. முதலில் தரவுத்தளத்தில் சேமியுங்கள். ஆப்பில் தரவுத்தளம் சேர்ப்பது எப்படி பார்க்கவும்.
5. ஒரு மின்னஞ்சல் வழங்குநரை அமையுங்கள். ஒரு கணக்கை உருவாக்குங்கள், உங்கள் அனுப்புநர் டொமைனைச் சரிபார்க்குங்கள், API key-ஐ ஒரு ரகசியமாக சேமியுங்கள். ஆப்பிலிருந்து மின்னஞ்சல் அனுப்புவது எப்படி டொமைன் அமைப்பை (SPF, DKIM) விரிவாக விளக்குகிறது.
6. சேமித்த பின் சர்வரிலிருந்து அறிவிப்பை அனுப்புங்கள். சரிபார்க்கப்பட்ட உங்கள் டொமைனை அனுப்புநராகவும், பார்வையாளரின் முகவரியை பதில்-முகவரியாகவும் பயன்படுத்துங்கள் — பார்வையாளரின் முகவரியிலிருந்து "from" ஆக அனுப்ப வேண்டாம்; அது போலி என்று நிராகரிக்கப்படலாம்.
7. விருப்பமாக பார்வையாளருக்கு தானியங்கி பதில் அனுப்பலாம், ஆனால் சுருக்கமாக; spam முகவரிகளுக்கான தானியங்கி பதில்கள் உங்கள் அனுப்புநர் நற்பெயரைப் பாதிக்கலாம்.
8. spam பாதுகாப்பைச் சேருங்கள்: honeypot, rate limiting, தேவைப்பட்டால் CAPTCHA-பாணி சரிபார்ப்பு.
9. வெளியிட்ட தளத்தில் சோதியுங்கள்: சமர்ப்பியுங்கள், தரவுத்தளத்தைச் சரிபாருங்கள், உங்கள் இன்பாக்ஸையும் spam கோப்புறையையும் பாருங்கள், பதில் அளியுங்கள்.

Spam-ஐ நிறுத்துதல்

தொடர்புப் படிவங்கள் வெளியான சில நாட்களுக்குள் bot-களை ஈர்க்கும். குறைந்த ஊடுருவலிலிருந்து அதிக ஊடுருவல் வரை பாதுகாப்புகளை அடுக்குங்கள்:

1. Honeypot புலம். மனிதர்களுக்கு மறைந்திருக்கும் புலம்; bot-கள் அதை நிரப்பும். உண்மையான பார்வையாளர்களுக்கு இதனால் எந்த இழப்பும் இல்லை.
2. சர்வர்-பக்க rate limiting. ஒரு காலத்தில் ஒரு முகவரி எத்தனை செய்திகளை அனுப்பலாம் என்பதை வரம்பிடும்.
3. உள்ளடக்க விதிகள். இணைப்புகள் நிரம்பிய செய்திகளையோ, காலியான அல்லது அபத்தமாக நீளமான செய்திப் புலத்தையோ நிராகரியுங்கள்.
4. CAPTCHA-பாணி சரிபார்ப்பு, உதாரணமாக Cloudflare Turnstile அல்லது Google reCAPTCHA. டோக்கனை உங்கள் சர்வரில் சரிபார்க்க வேண்டும்; உலாவியில் மட்டும் ஓடும் சரிபார்ப்பு தவிர்க்கப்படலாம்.

பொதுவான தவறுகள்

• எதுவும் அனுப்பப்படாதபோதும் "அனுப்பப்பட்டது!" என்று காட்டுவது. சர்வர் பதிலுக்கு முன்பே அல்லது அதைப் பொருட்படுத்தாமல் UI வெற்றி என்று சொல்கிறது. எப்போதும் சர்வர் உறுதிப்படுத்தும் வரை காத்திருங்கள்.
• மின்னஞ்சல் மட்டும், தரவுத்தளம் இல்லை. ஒரு தவறாக அமைக்கப்பட்ட key, யாரும் கவனிக்காமல் வாரக்கணக்கில் விசாரணைகள் மறையும்.
• Frontend குறியீட்டில் API key. யார் வேண்டுமானாலும் அதைப் பயன்படுத்தி உங்கள் பெயரில் மின்னஞ்சல் அனுப்பலாம்.
• சரிபார்க்கப்படாத அனுப்புநர் டொமைன். அறிவிப்புகள் spam-இல் போகும் அல்லது வரவே வராது.
• பார்வையாளரின் மின்னஞ்சலிலிருந்து "from" ஆக அனுப்புவது. அதற்குப் பதிலாக reply-to பயன்படுத்துங்கள்.
• நீள வரம்புகள் இல்லாதது. bot-கள் மிகப்பெரிய உரைத் தொகுதிகளை ஒட்டும்.
• நேரடித் தளத்தை ஒருபோதும் சோதிக்காதது. முன்னோட்டத்துக்கும் உற்பத்திக்கும் key-களும் டொமைன்களும் பெரும்பாலும் வேறுபடும்.

சரிபார்ப்புப் பட்டியல்

• லேபிள்களும் தெளிவான பிழைகளும் கொண்ட சுருக்கமான படிவம்
• சர்வர்-பக்க சரிபார்ப்பும் நீள வரம்புகளும்
• ஒவ்வொரு செய்தியும் தரவுத்தளத்தில் சேமிக்கப்படுகிறது
• சரிபார்க்கப்பட்ட டொமைனிலிருந்து அறிவிப்பு மின்னஞ்சல், reply-to அமைக்கப்பட்டு
• மின்னஞ்சல் API key சர்வர்-பக்க ரகசியங்களில் மட்டும்
• Honeypot மற்றும் rate limiting நடைமுறையில்
• சேவையகம் உறுதிப்படுத்திய பின் மட்டுமே வெற்றிச் செய்தி தோன்றும்
• தனியுரிமைக் குறிப்பு உங்கள் தனியுரிமைக் கொள்கைக்கு இணைக்கிறது
• வெளியிட்ட தளத்தில் முதல் முதல் இறுதி வரை சோதிக்கப்பட்டது, spam கோப்புறை உட்பட

Mythex-இல் தொடர்புப் படிவங்கள்

Mythex-இல், முழுவதையும் சாட்டிலிருந்தே உருவாக்கலாம். படிவத்தையும் ஒரு தரவுத்தளத்தையும் ஒரே prompt-இல் கேளுங்கள் (அல்லது /database என தட்டச்சு செய்யுங்கள்), அதனால் சமர்ப்பிப்புகள் நிலைக்கும். Mythex-க்கு உள்ளமைந்த மின்னஞ்சல் அனுப்பும் தயாரிப்பு இல்லை; அறிவிப்புகளுக்கு Resend, SendGrid அல்லது Postmark போன்ற ஒரு வழங்குநரைக் கொண்டு வாருங்கள், அதன் key-ஐ /secrets அல்லது ப்ராஜெக்ட் அமைப்புகள் வழியாகச் சேருங்கள், சர்வரிலிருந்து அனுப்பும்படி ஏஜெண்டிடம் கேளுங்கள் — பார்க்க ஆப்பிலிருந்து மின்னஞ்சல் அனுப்புங்கள். நம்புவதற்கு முன், முன்னோட்டத்தில் படிவத்துக்கு App Testing (/test) இயக்குங்கள்; பின்னர் வெளியிட்டு நேரடி URL-இல் சோதியுங்கள்.

தொடர்புப் படிவம் பெரும்பாலான சிறு வணிக வெப்சைட்டுகளின் மற்றும் லேண்டிங் பக்கங்களின் முக்கியப் பகுதி. வெளியீட்டுக்கு முன் AI-உருவாக்கிய ஆப்களுக்கான பாதுகாப்புப் பட்டியலை பாருங்கள்.

கேள்விகள்