Jinsi ya Kuongeza Fomu ya Mawasiliano kwenye Tovuti Yako (Inayokufikia Kweli)

Ili kuongeza fomu ya mawasiliano inayofanya kazi, jenga fomu fupi (jina, barua pepe, ujumbe), uitume kwenye njia ya seva inayothibitisha data iliyoingizwa, ihifadhi ujumbe kwenye hifadhidata, kisha ikutumie arifa kwa barua pepe kupitia mtoa huduma wa barua pepe ukitumia funguo ya siri ya API. Ongeza sehemu iliyofichwa ya honeypot na kikomo cha kasi ili kuzuia barua taka nyingi, onyesha ujumbe wazi wa mafanikio, kisha ujaribu kuanzia mwanzo hadi mwisho kwenye tovuti iliyochapishwa. Kuhifadhi kabla ya kutuma barua pepe ndiyo sehemu muhimu: barua pepe ikishindwa wakati wowote, bado una swali la mteja.

Chaguo zako

Ikiwa tovuti yako tayari ina backend na hifadhidata — jambo ambalo programu nyingi zilizojengwa kwa zana za AI mara nyingi zinalo — chaguo la mwisho ndilo la kuaminika zaidi na linaweka maswali mahali unapoweza kuyaona.

Fomu nzuri ya mawasiliano inajumuisha nini

• Sehemu chache iwezekanavyo. Jina, barua pepe, ujumbe. Ongeza orodha kunjuzi ya mada ("Mauzo", "Msaada", "Nyingine") tu ikiwa utaelekeza kwa mada hiyo.
• Lebo wazi juu ya kila sehemu, si maandishi ya kiashiria tu yanayotoweka.
• Uthibitishaji wa kusaidia: "Ingiza anwani sahihi ya barua pepe", unaoonyeshwa karibu na sehemu.
• Hali ya mafanikio inayosema kinachofuata: "Asante — tunajibu ndani ya siku moja ya kazi."
• Kidokezo cha faragha kinachoeleza utatumia taarifa hizo vipi, kikiunganishwa na sera yako ya faragha.
• Njia mbadala kama anwani yako ya barua pepe au namba ya simu kwa watu wanaopendelea hivyo.

Mifano ya maagizo

Fomu ya msingi:

Ongeza fomu ya mawasiliano kwenye ukurasa wa Mawasiliano yenye jina, barua pepe na ujumbe (yote yanahitajika, ujumbe hadi herufi 2,000). Tuma kwenye njia ya seva inayothibitisha data, iihifadhi kwenye jedwali contact_messages pamoja na muda wa kupokelewa, na uonyeshe ujumbe wa mafanikio: "Asante, tutajibu ndani ya siku moja ya kazi." Onyesha makosa ya sehemu ndani ya mstari. Hakikisha inafanya kazi vizuri kwenye simu.

Arifa za barua pepe:

Ujumbe wa mawasiliano ukihifadhiwa, nitumie barua pepe ya arifa kwenye hello@example.com kwa kutumia Resend, ukiwa na funguo kwenye RESEND_API_KEY. Weka reply-to kuwa barua pepe ya mtumaji ili nijibu moja kwa moja. Ikishindikana kutuma, endelea kuhifadhi ujumbe na urekodi kosa bila kuonyesha funguo.

Ulinzi dhidi ya barua taka:

Ongeza ulinzi wa barua taka kwenye fomu ya mawasiliano: sehemu iliyofichwa ya honeypot ambayo lazima ibaki tupu, kikomo cha uwasilishaji 5 kwa IP kwa saa kwenye seva, na ukatae ujumbe wenye viungo zaidi ya 3. Futa kimya uwasilishaji wa honeypot lakini bado uonyeshe mafanikio.

Kisanduku cha ujumbe:

Ongeza ukurasa wa msimamizi wenye nenosiri unaoorodhesha ujumbe wa mawasiliano wa hivi karibuni kwanza, wenye kisanduku cha "nimeshughulikia" na kichujio cha ujumbe ambao haujashughulikiwa.

Hatua kwa hatua

1. Amua ujumbe unakwenda wapi: nani anapokea arifa, na nani anajibu.
2. Jenga fomu yenye sehemu zilizo hapo juu, lebo zinazopatikana kwa wote na sehemu zinazofaa simu (tumia aina ya ingizo ya barua pepe ili simu zionyeshe kibodi sahihi).
3. Unda njia ya seva. Inakagua sehemu zinazohitajika, muundo wa barua pepe na mipaka ya urefu. Usiamini kamwe uthibitishaji wa kivinjari pekee.
4. Hifadhi kwenye hifadhidata kwanza. Angalia jinsi ya kuongeza hifadhidata kwenye programu yako.
5. Sanidi mtoa huduma wa barua pepe. Unda akaunti, thibitisha domain yako ya kutuma, kisha hifadhi funguo ya API kama siri. Jinsi ya kutuma barua pepe kutoka kwenye programu yako inaeleza kwa kina usanidi wa domain (SPF, DKIM).
6. Tuma arifa kutoka kwenye seva baada ya kuhifadhi. Tumia domain yako iliyothibitishwa kama mtumaji na anwani ya mgeni kama reply-to — usitume "kutoka" kwa anwani ya mgeni, kwani itakataliwa kama udanganyifu.
7. Jibu kiotomatiki kwa mgeni kwa hiari, lakini liwe fupi; majibu ya kiotomatiki kwa anwani za barua taka yanaweza kuharibu sifa yako ya kutuma.
8. Ongeza ulinzi dhidi ya barua taka: honeypot, kikomo cha kasi, kisha ukaguzi wa aina ya CAPTCHA ikihitajika.
9. Jaribu kwenye tovuti iliyochapishwa: wasilisha, kagua hifadhidata, kagua kisanduku chako na folda ya barua taka, bofya jibu.

Kuzuia barua taka

Fomu za mawasiliano huvutia roboti ndani ya siku chache tangu zinapoanza kufanya kazi. Weka tabaka za ulinzi kutoka kwa zisizo kali hadi kali zaidi:

1. Sehemu ya honeypot. Sehemu iliyofichwa kwa binadamu; roboti huijaza. Haimgharimu mgeni halisi chochote.
2. Kikomo cha kasi kwenye seva. Kinaweka mipaka ya ujumbe ambao anwani moja inaweza kutuma kwa muda fulani.
3. Sheria za maudhui. Kataa ujumbe uliojaa viungo, au wenye sehemu ya ujumbe tupu au ndefu kupita kiasi.
4. Ukaguzi wa aina ya CAPTCHA, kama Cloudflare Turnstile au Google reCAPTCHA. Tokeni lazima ithibitishwe kwenye seva yako; ukaguzi unaoendeshwa kwenye kivinjari pekee unaweza kuruka.

Makosa ya kawaida

• Kuonyesha "Imetumwa!" wakati hakuna kilichotumwa. Kiolesura kinasema mafanikio kabla au bila kujali jibu la seva. Daima subiri seva.
• Barua pepe pekee, bila hifadhidata. Funguo moja iliyosanidiwa vibaya, na maswali yanatoweka kwa wiki bila mtu kugundua.
• Funguo ya API kwenye msimbo wa sehemu ya mbele. Yeyote anaweza kuitumia kutuma barua pepe kama wewe.
• Domain ya kutuma isiyothibitishwa. Arifa zinaingia kwenye barua taka au hazifiki kabisa.
• Kutuma "kutoka" kwa barua pepe ya mgeni. Tumia reply-to badala yake.
• Hakuna mipaka ya urefu. Roboti hubandika vizuizi vikubwa vya maandishi.
• Kutojaribu tovuti halisi kamwe. Funguo na domain mara nyingi hutofautiana kati ya hakiki na uzalishaji.

Orodha ya ukaguzi

• Fomu fupi yenye lebo zinazoonekana na makosa wazi
• Uthibitishaji wa upande wa seva na mipaka ya urefu
• Kila ujumbe unahifadhiwa kwenye hifadhidata
• Barua pepe ya arifa inatumwa kutoka domain iliyothibitishwa, reply-to ikiwa imewekwa
• Funguo ya API ya barua pepe imehifadhiwa kwenye siri za upande wa seva pekee
• Honeypot na kikomo cha kasi vimewekwa
• Ujumbe wa mafanikio unaonekana tu baada ya seva kuthibitisha
• Kidokezo cha faragha kinaunganisha kwenye sera yako ya faragha
• Imejaribiwa kuanzia mwanzo hadi mwisho kwenye tovuti iliyochapishwa, ikijumuisha folda ya barua taka

Fomu za mawasiliano kwenye Mythex

Kwenye Mythex, unaweza kujenga kila kitu kutoka kwenye gumzo. Omba fomu na hifadhidata kwenye agizo moja (au andika /database) ili ujumbe uhifadhiwe. Mythex haina bidhaa ya ndani ya kutuma barua pepe, kwa hiyo kwa arifa unaleta mtoa huduma kama Resend, SendGrid au Postmark, unaongeza funguo yake kwa /secrets au mipangilio ya mradi, kisha unamwomba wakala atume kutoka kwenye seva — angalia Tuma barua pepe kutoka kwenye programu yako. Kabla ya kuitegemea, endesha App Testing (/test) dhidi ya fomu kwenye Preview, kisha chapisha na ujaribu kwenye URL halisi.

Fomu ya mawasiliano ni sehemu muhimu ya tovuti nyingi za biashara ndogo na kurasa za kutua. Kagua orodha ya ukaguzi wa usalama kabla ya uzinduzi.

Maswali