Kā pievienot kontaktformu savai vietnei (kas tiešām sasniedz jūs)

Lai pievienotu darbojošos kontaktformu, izveidojiet īsu formu (vārds, e-pasts, ziņa), nosūtiet to uz servera maršrutu, kas pārbauda ievadi, saglabā ziņu datubāzē un pēc tam jums nosūta paziņojumu caur e-pasta pakalpojumu sniedzēju, izmantojot slepenu API atslēgu. Pievienojiet paslēptu medus lauku un ātruma ierobežojumu, lai apturētu lielāko daļu mēstuļu, parādiet skaidru veiksmes ziņojumu un pārbaudiet visu no sākuma līdz beigām publicētajā vietnē. Svarīga ir saglabāšana pirms e-pasta sūtīšanas: ja e-pasts jebkad neizdodas, pieprasījums joprojām ir jūsu rīcībā.

Jūsu iespējas

Ja jūsu vietnei jau ir serverī daļa un datubāze — ko bieži dod lietotnes, kas veidotas ar MI lietotņu veidotājiem —, pēdējā iespēja ir visuzticamākā un notur pieprasījumus vietā, kur tos redzat.

Ko iekļauj laba kontaktforma

• Pēc iespējas mazāk lauku. Vārds, e-pasts, ziņa. Pievienojiet tēmas nolaižamo sarakstu ("Pārdošana", "Atbalsts", "Cits") tikai tad, ja pēc tā maršrutēsiet.
• Skaidri lauku nosaukumi virs katra lauka, nevis tikai vietturis, kas pazūd.
• Noderīga validācija: "Ievadiet derīgu e-pasta adresi", parādīta blakus laukam.
• Veiksmes stāvoklis, kas saka, kas notiks tālāk: "Paldies — atbildēsim vienas darba dienas laikā."
• Privātuma piezīme, kas skaidro, kā izmantosiet datus, ar saiti uz jūsu privātuma politiku.
• Rezerves variants, piemēram, jūsu e-pasta adrese vai tālruņa numurs cilvēkiem, kas to dod priekšroku.

Piemēru uzvednes

Pamata forma:

Pievienojiet kontaktformu lapā Contact ar vārdu, e-pastu un ziņu (visi obligāti, ziņa līdz 2000 rakstzīmēm). Nosūtiet to uz servera maršrutu, kas pārbauda ievadi, saglabā to tabulā contact_messages ar saņemšanas laiku un parāda veiksmes ziņojumu: "Paldies, atbildēsim vienas darba dienas laikā." Rādiet lauku kļūdas iekļauti. Nodrošiniet, lai tā labi darbotos tālruņos.

E-pasta paziņojumi:

Kad kontaktziņa ir saglabāta, nosūtiet man paziņojuma e-pastu uz hello@example.com, izmantojot Resend ar atslēgu RESEND_API_KEY. Iestatiet reply-to uz sūtītāja e-pastu, lai varētu atbildēt tieši. Ja sūtīšana neizdodas, paturiet saglabāto ziņu un reģistrējiet kļūdu, neatklājot atslēgu.

Aizsardzība pret mēstulēm:

Pievienojiet kontaktformai aizsardzību pret mēstulēm: paslēptu medus lauku, kuram jāpaliek tukšam, ierobežojumu 5 iesniegumi uz IP stundā serverī un noraidīt ziņas ar vairāk nekā 3 saitēm. Klusi izmetiet medus lauka iesniegumus, bet joprojām rādiet veiksmi.

Ienākušo ziņu kaste:

Pievienojiet administrācijas lapu ar paroli, kas parāda kontaktziņas, jaunākās vispirms, ar izvēles rūtiņu "apstrādāts" un filtru neapstrādātām ziņām.

Soli pa solim

1. Izlemiet, kur ziņas nonāk: kas saņem paziņojumus un kas atbild.
2. Izveidojiet formu ar iepriekš minētajiem laukiem, pieejamiem nosaukumiem un ierakstu laukiem, kas labi darbojas mobilajās ierīcēs (izmantojiet e-pasta ievades tipu, lai tālruņi rādītu pareizo tastatūru).
3. Izveidojiet servera maršrutu. Tas pārbauda obligātos laukus, e-pasta formātu un garuma ierobežojumus. Nekad neuzticieties validācijai, kas notiek tikai pārlūkprogrammā.
4. Vispirms saglabājiet datubāzē. Skatiet kā pievienot datubāzi savai lietotnei.
5. Iestatiet e-pasta pakalpojumu sniedzēju. Izveidojiet kontu, verificējiet sūtīšanas domēnu un glabājiet API atslēgu kā noslēpumu. Kā sūtīt e-pastus no savas lietotnes detalizēti aptver domēna iestatīšanu (SPF, DKIM).
6. Nosūtiet paziņojumu no servera pēc saglabāšanas. Izmantojiet savu verificēto domēnu kā sūtītāju un apmeklētāja adresi kā reply-to — nesūtiet "no" apmeklētāja adreses, jo tā, visticamāk, tiks noraidīta kā viltošana.
7. Pēc izvēles automātiski atbildiet apmeklētājam, bet turiet to īsu; automātiskās atbildes uz mēstuļu adresēm var sabojāt jūsu sūtītāja reputāciju.
8. Pievienojiet aizsardzību pret mēstulēm: medus lauku, ātruma ierobežojumu, tad CAPTCHA tipa pārbaudi, ja vajag.
9. Pārbaudiet publicētajā vietnē: iesniedziet, pārbaudiet datubāzi, pārbaudiet savu iesūtni un mēstuļu mapi, noklikšķiniet uz atbildes.

Mēstuļu apturēšana

Kontaktformas piesaista robotus dažu dienu laikā pēc palaišanas. Slāņojiet aizsardzību no mazāk uzbāzīgās līdz vairāk uzbāzīgai:

1. Medus lauks. Lauks, kas paslēpts no cilvēkiem; roboti to aizpilda. Nemaksā neko reāliem apmeklētājiem.
2. Ātruma ierobežojums serverī. Ierobežo, cik ziņas viena adrese var nosūtīt noteiktā laikā.
3. Satura noteikumi. Noraidiet ziņas, kas pārpildītas ar saitēm, vai ar tukšu vai absurdi garu ziņas lauku.
4. CAPTCHA tipa pārbaude, piemēram, Cloudflare Turnstile vai Google reCAPTCHA. Marķieris jāpārbauda jūsu serverī; pārbaudi, kas darbojas tikai pārlūkprogrammā, var apiet.

Biežākās kļūdas

• Rādīt "Nosūtīts!", lai gan nekas nav nosūtīts. Saskarne rāda veiksmi pirms vai neatkarīgi no servera atbildes. Vienmēr gaidiet serveri.
• Tikai e-pasts, bez datubāzes. Viena nepareiza atslēga, un pieprasījumi nozūd nedēļām, un neviens to nepamana.
• API atslēga priekšgala kodā. Ikviens to var izmantot, lai sūtītu e-pastus jūsu vārdā.
• Neverificēts sūtīšanas domēns. Paziņojumi nonāk mēstulēs vai nekad neierodas.
• Sūtīšana "no" apmeklētāja e-pasta. Izmantojiet reply-to.
• Bez garuma ierobežojumiem. Roboti ielīmē lielus teksta blokus.
• Nekad nepārbaudīta tiešā vietne. Atslēgas un domēni bieži atšķiras starp priekšskatījumu un ražošanu.

Kontrolsaraksts

• Īsa forma ar redzamiem nosaukumiem un skaidrām kļūdām
• Servera puses validācija un garuma ierobežojumi
• Katra ziņa saglabāta datubāzē
• Paziņojuma e-pasts nosūtīts no verificēta domēna, iestatīts reply-to
• E-pasta API atslēga glabāta tikai servera puses noslēpumos
• Medus lauks un ātruma ierobežojums ieviesti
• Veiksmes ziņojums parādās tikai pēc tam, kad serveris apstiprina
• Privātuma piezīme ved uz jūsu privātuma politiku
• Pārbaudīts no sākuma līdz beigām publicētajā vietnē, ieskaitot mēstuļu mapi

Kontaktformas Mythex

Mythex varat izveidot visu tērzēšanā. Pieprasiet formu un datubāzi vienā uzvednē (vai ierakstiet /database), lai iesniegumi saglabātos. Mythex nav iebūvēta e-pasta sūtīšanas produkta, tāpēc paziņojumiem pievienojiet pakalpojumu sniedzēju, piemēram, Resend, SendGrid vai Postmark, pievienojiet tā atslēgu caur /secrets vai projekta iestatījumiem un lūdziet aģentam sūtīt no servera — skatiet Sūtīt e-pastu no savas lietotnes. Pirms uzticēšanās palaidiet lietotnes testēšanu (/test) pret formu priekšskatījumā, tad publicējiet un pārbaudiet tiešajā URL.

Kontaktforma ir svarīga daļa lielākajā daļā mazo uzņēmumu vietņu un nolaižamo lapu. Pirms palaišanas pārbaudiet drošības kontrolsarakstu.

Jautājumi