Si të Shtosh një Formular Kontakti në Faqen Tënde (Që Të Arrin Me Të Vërtetë)

Për të shtuar një formular kontakti që punon, ndërto një formular të shkurtër (emri, email, mesazhi) dhe dërgoje te një rrugë serveri që validon të dhënat, ruan mesazhin në një bazë të dhënash, dhe pastaj të dërgon një njoftim me email përmes një ofruesi email duke përdorur një çelës sekret API. Shto një fushë të fshehur mashtruese (honeypot) dhe kufizim të shpejtësisë për të ndaluar pjesën më të madhe të spam-it, shfaq një mesazh të qartë suksesi, dhe testoje nga fillimi në fund në faqen e publikuar. Ruajtja para dërgimit është pjesa e rëndësishme: nëse email-i dështon ndonjëherë, pyetja mbetet.

Opsionet e tua

Nëse faqja jote ka tashmë një backend dhe bazë të dhënash — gjë që aplikacionet e ndërtuara me ndërtues aplikacionesh me AI shpesh e kanë — opsioni i fundit është më i besueshmi dhe i mban pyetjet aty ku mund t’i shohësh.

Çfarë përfshin një formular i mirë kontakti

• Sa më pak fusha që të jetë e mundur. Emri, email-i, mesazhi. Shto një listë rënëse për temën (“Shitje”, “Mbështetje”, “Tjetër”) vetëm nëse do t’i drejtosh sipas saj.
• Etiketa të qarta mbi çdo fushë, jo vetëm tekst placeholder që zhduket.
• Validim i dobishëm: “Shkruaj një adresë email të vlefshme”, i shfaqur pranë fushës.
• Gjendje suksesi që thotë çfarë ndodh më pas: “Faleminderit — t’i përgjigjemi brenda një dite pune.”
• Shënim privatësie që thotë si do të përdoren të dhënat, i lidhur me politikën tënde të privatësisë.
• Një rezervë si adresa jote email ose numri i telefonit për ata që e preferojnë.

Shembuj prompt-esh

Formulari bazë:

Shto një formular kontakti në faqen Contact me emër, email dhe mesazh (të gjitha të detyrueshme, mesazhi deri në 2,000 karaktere). Dërgoje te një rrugë serveri që validon të dhënat, e ruan në një tabelë contact_messages me kohën e marrjes, dhe shfaq mesazhin e suksesit: “Faleminderit, do t’i përgjigjemi brenda një dite pune.” Shfaq gabimet e fushave brenda formularit. Bëje të punojë mirë në telefona.

Njoftimet me email:

Kur ruhet një mesazh kontakti, më dërgo një email njoftimi në hello@example.com duke përdorur Resend me çelësin në RESEND_API_KEY. Vendos reply-to te email-i i dërguesit, që t’i përgjigjem drejtpërdrejt. Nëse dërgimi dështon, ruaje mesazhin e ruajtur dhe regjistro gabimin pa e ekspozuar çelësin.

Mbrojtja nga spam:

Shto mbrojtje nga spam në formularin e kontaktit: një fushë e fshehur mashtruese që duhet të mbetet bosh, një kufi prej 5 dërgimesh për IP në orë në server, dhe refuzo mesazhet me më shumë se 3 lidhje. Hiq në heshtje dërgimet me mashtrues, por shfaq gjithsesi suksesin.

Një kuti hyrëse:

Shto një faqe administrimi të mbrojtur me fjalëkalim që liston mesazhet e kontaktit, më të rijtë e parët, me një kuti “e trajtuar” dhe një filtër për mesazhet e pa trajtuar.

Hap pas hapi

1. Vendos ku shkojnë mesazhet: kush merr njoftimet dhe kush përgjigjet.
2. Ndërto formularin me fushat e mësipërme, etiketa të aksesueshme dhe fusha miqësore me telefonin (përdor llojin e inputit email që telefonat të shfaqin tastierën e duhur).
3. Krijo rrugën e serverit. Ajo kontrollon fushat e detyrueshme, formatin e email-it dhe kufijtë e gjatësisë. Mos i beso kurrë validimit vetëm në shfletues.
4. Ruaj në bazën e të dhënave së pari. Shih si të shtosh një bazë të dhënash në aplikacionin tënd.
5. Konfiguro një ofrues email. Krijo një llogari, verifiko domenin e dërgimit dhe ruaj çelësin API si sekret. Si të dërgosh email nga aplikacioni yt mbulon konfigurimin e domenit (SPF, DKIM) në detaje.
6. Dërgo njoftimin nga serveri pasi të ruhet. Përdor domenin tënd të verifikuar si dërgues dhe adresën e vizitorit si reply-to — mos dërgo “nga” adresa e vizitorit, sepse ka gjasa të refuzohet si mashtrim.
7. Opsionalisht dërgo përgjigje automatike te vizitori, por mbaje të shkurtër; përgjigjet automatike te adresat spam mund të dëmtojnë reputacionin tënd të dërgimit.
8. Shto mbrojtjen nga spam: honeypot, kufizim shpejtësie, pastaj një kontroll stili CAPTCHA nëse nevojitet.
9. Testo në faqen e publikuar: dërgo, kontrollo bazën e të dhënave, kontrollo kutinë hyrëse dhe spam-in, kliko përgjigju.

Ndalimi i spam-it

Formularët e kontaktit tërheqin robotë brenda ditësh pasi hapen. Shtresoji mbrojtjet nga më pak deri më shumë ndërhyrëse:

1. Fusha e fshehur mashtruese (honeypot). Një fushë e fshehur për njerëzit; robotët e mbushin. Nuk u kushton asgjë vizitorëve të vërtetë.
2. Kufizimi i shpejtësisë në server. Kufizon sa mesazhe mund të dërgojë një adresë në një periudhë.
3. Rregulla përmbajtjeje. Refuzo mesazhe të mbushura me lidhje, ose me një fushë mesazhi bosh ose absurdisht të gjatë.
4. Një kontroll stili CAPTCHA, si Cloudflare Turnstile ose Google reCAPTCHA. Token-i duhet të verifikohet në serverin tënd; një kontroll që ekzekutohet vetëm në shfletues mund të anashkalohet.

Gabimet e zakonshme

• Shfaqja e “U dërgua!” kur s’u dërgua asgjë. Ndërfaqja thotë sukses përpara ose pavarësisht nga përgjigja e serverit. Prit gjithmonë serverin.
• Vetëm email, pa bazë të dhënash. Një çelës i keq konfiguruar dhe pyetjet zhduken për javë pa e vënë re askush.
• Çelësi API në kodin e front-end-it. Këdo i shërben për të dërguar email në emrin tënd.
• Domen dërgimi i pa verifikuar. Njoftimet përfundojnë në spam ose nuk arrijnë kurrë.
• Dërgimi “nga” email-i i vizitorit. Përdor reply-to.
• Pa kufij gjatësie. Robotët ngjisin blloqe të mëdha teksti.
• Mos testimi kurrë i faqes live. Çelësat dhe domenet shpesh ndryshojnë midis pamjes paraprake dhe prodhimit.

Listë kontrolli

• Formular i shkurtër me etiketa të dukshme dhe gabime të qarta
• Validim në server dhe kufij gjatësie
• Çdo mesazh ruhet në bazën e të dhënave
• Njoftimi me email dërgohet nga një domen i verifikuar, me reply-to të vendosur
• Çelësi API i email-it ruhet vetëm si sekret në server
• Honeypot dhe kufizim shpejtësie në funksion
• Mesazhi i suksesit shfaqet vetëm pasi serveri konfirmon
• Shënimi i privatësisë lidhet me politikën tënde të privatësisë
• Testuar nga fillimi në fund në faqen e publikuar, përfshi dosjen e spam-it

Formularët e kontaktit në Mythex

Në Mythex mund ta ndërtosh gjithë këtë nga bisedë. Kërko formularin dhe një bazë të dhënash në të njëjtin prompt (ose shkruaj /database), që dërgimet të ruhen. Mythex nuk ka një produkt të integruar për dërgimin e email-eve, prandaj për njoftimet sjell një ofrues si Resend, SendGrid ose Postmark, shto çelësin e tij me /secrets ose te cilësimet e projektit, dhe kërko nga agjenti të dërgojë nga serveri — shih Dërgo email nga aplikacioni yt. Përpara se ta mbështetesh, ekzekuto App Testing (/test) kundër formularit në Preview, pastaj publiko dhe testo në URL-në live.

Një formular kontakti është pjesë kryesore e shumicës së faqeve të bizneseve të vogla dhe faqeve të uljes. Kontrollo listën e sigurisë përpara lansimit.

Pyetje