Ինչպես ավելացնել կոնտակտային ձև ձեր կայքին (որը իրականում հասնում է ձեզ)

Աշխատող կոնտակտային ձև կառուցելու համար ստեղծեք կարճ ձև (անուն, էլ. փոստ, հաղորդագրություն), ուղարկեք այն սերվերի երթուղի, որը վավերացնում է մուտքը, պահում է հաղորդագրությունը տվյալների բազայում, և հետո էլ. փոստի մատակարարի միջոցով ուղարկում է ձեզ ծանուցում՝ գաղտնի API բանալիով։ Ավելացրեք թաքնված honeypot դաշտ և հարցումների հաճախականության սահմանափակում՝ սպամի մեծ մասը կանգնեցնելու համար, ցույց տվեք հստակ հաջողության հաղորդագրություն և փորձարկեք ամբողջությամբ հրապարակված կայքի վրա։ Կարևորը պահելն է նախքան էլ. փոստ ուղարկելը. եթե էլ. փոստը երբևէ ձախողվի, հարցումը դեռ ձեր ձեռքում է։

Ձեր տարբերակները

Եթե ձեր կայքն արդեն ունի backend և տվյալների բազա՝ ինչ հաճախ ունեն AI հավելվածների կառուցիչներով կառուցված հավելվածները, վերջին տարբերակն ամենահուսալին է և պահում է հարցումները այնտեղ, որտեղ կարող եք տեսնել դրանք։

Ինչ է պարունակում լավ կոնտակտային ձևը

• Հնարավորինս քիչ դաշտեր։ Անուն, էլ. փոստ, հաղորդագրություն. ավելացրեք թեմայի ընտրացանկ («Վաճառք», «Աջակցություն», «Այլ»), միայն եթե ըստ դրա եք ուղղորդելու։
• Հստակ պիտակներ յուրաքանչյուր դաշտի վերևում, ոչ միայն placeholder տեքստ, որ անհետանում է։
• Օգտակար վավերացում. «Մուտքագրեք վավեր էլ. փոստի հասցե», ցուցադրված դաշտի կողքին։
• Հաջողության վիճակ, որը ասում է, թե ինչ է լինելու հետո. «Շնորհակալություն. մենք կպատասխանենք մեկ աշխատանքային օրվա ընթացքում»։
• Գաղտնիության նշում, թե ինչպես եք օգտագործելու տվյալները, կապված ձեր գաղտնիության քաղաքականության հետ։
• Պահուստային տարբերակ, ինչպիսին է ձեր էլ. փոստի հասցեն կամ հեռախոսահամարը նրանց համար, ովքեր նախընտրում են դա։

Օրինակ հրահանգներ

Պարզ ձև.

Ավելացրու կոնտակտային ձև Contact էջում՝ անունով, էլ. փոստով և հաղորդագրությամբ (բոլորը պարտադիր, հաղորդագրությունը մինչև 2000 նիշ)։ Ուղարկիր սերվերի երթուղուն, որը վավերացնում է մուտքը, պահում է contact_messages աղյուսակում ստացման ժամով և ցուցադրում հաջողության հաղորդագրություն՝ «Շնորհակալություն, մենք կպատասխանենք մեկ աշխատանքային օրվա ընթացքում»։ Դաշտերի սխալները ցուցադրիր տեքստում։ Ապահովիր, որ լավ աշխատի հեռախոսների վրա։

Էլ. փոստի ծանուցումներ.

Երբ կոնտակտային հաղորդագրությունը պահվում է, ուղարկիր ինձ ծանուցման էլ. նամակ hello@example.com հասցեին՝ Resend-ով, բանալին RESEND_API_KEY-ում։ Դիր reply-to ուղարկողի էլ. փոստին, որ կարողանամ անմիջապես պատասխանել։ Եթե ուղարկումը ձախողվի, պահիր պահված հաղորդագրությունը և գրանցիր սխալը՝ առանց բանալին ցուցադրելու։

Սպամից պաշտպանություն.

Ավելացրու սպամից պաշտպանություն կոնտակտային ձևին. թաքնված honeypot դաշտ, որը պետք է մնա դատարկ, սերվերի վրա՝ յուրաքանչյուր IP-ից ժամում 5 ներկայացման սահման, և մերժիր այն հաղորդագրությունները, որոնք ունեն 3-ից ավելի հղում։ Honeypot ներկայացումները լռելյայն ջնջիր, բայց դեռ ցուցադրիր հաջողություն։

Ավանդակ.

Ավելացրու գաղտնաբառով պաշտպանված ադմին էջ, որ ցուցակագրի կոնտակտային հաղորդագրությունները ամենանորից առաջ, «մշակված» վանդակով և չմշակված հաղորդագրությունների զտիչով։

Քայլ առ քայլ

1. Որոշեք, թե ուր գնան հաղորդագրությունները. ով է ստանում ծանուցումները և ով է պատասխանում։
2. Կառուցեք ձևը վերևի դաշտերով, մատչելի պիտակներով և բջջային հարմար մուտքագրման դաշտերով (օգտագործեք էլ. փոստի մուտքագրման տեսակը, որ հեռախոսները ցույց տան ճիշտ ստեղնաշարը)։
3. Ստեղծեք սերվերի երթուղի։ Այն ստուգում է պարտադիր դաշտերը, էլ. փոստի ձևաչափը և երկարության սահմանները։ Երբեք մի վստահեք միայն բրաուզերի վավերացմանը։
4. Նախ պահեք տվյալների բազայում։ Տես ինչպես ավելացնել տվյալների բազա ձեր հավելվածին։
5. Կարգավորեք էլ. փոստի մատակարար։ Ստեղծեք հաշիվ, հաստատեք ուղարկող դոմեյնը և պահեք API բանալին որպես գաղտնիք։ Ինչպես ուղարկել էլ. նամակներ ձեր հավելվածից-ը մանրամասն ներկայացնում է դոմեյնի կարգավորումը (SPF, DKIM)։
6. Ուղարկեք ծանուցումը սերվերից՝ պահելուց հետո։ Որպես ուղարկող օգտագործեք ձեր հաստատված դոմեյնը, իսկ reply-to-ում՝ այցելուի հասցեն. մի ուղարկեք «from»-ով այցելուի հասցեից, քանի որ այն հավանաբար կմերժվի որպես կեղծում։
7. Ըստ ցանկության ավտոմատ պատասխան ուղարկեք այցելուին, բայց պահեք այն կարճ. ավտոմատ պատասխանները սպամ հասցեներին կարող են վնասել ձեր ուղարկողի հեղինակությունը։
8. Ավելացրեք սպամից պաշտպանություն. honeypot, հաճախականության սահմանափակում, ապա CAPTCHA տիպի ստուգում՝ անհրաժեշտության դեպքում։
9. Փորձարկեք հրապարակված կայքում. ներկայացրեք, ստուգեք տվյալների բազան, ստուգեք ձեր մուտքի և սպամի թղթապանակը, սեղմեք պատասխանել։

Սպամի կանգնեցում

Կոնտակտային ձևերը բոտեր են գրավում օրերի ընթացքում, երբ գործարկվում են։ Շերտավորեք պաշտպանությունը ամենաքիչ ներխուժողից մինչև ամենաներխուժողը.

1. Honeypot դաշտ. Դաշտ, թաքնված մարդկանցից. բոտերը լրացնում են այն։ Իրական այցելուներին ոչինչ չի արժենում։
2. Սերվերի վրա հարցումների հաճախականության սահմանափակում. Սահմանում է, թե մեկ հասցեն որքան հաղորդագրություն կարող է ուղարկել որոշ ժամանակահատվածում։
3. Բովանդակության կանոններ. Մերժեք հաղորդագրությունները, որոնք լցված են հղումներով, կամ որոնց հաղորդագրության դաշտը դատարկ է կամ աբսուրդորեն երկար։
4. CAPTCHA տիպի ստուգում, ինչպիսին են Cloudflare Turnstile-ը կամ Google reCAPTCHA-ն։ Թոքենը պետք է ստուգվի ձեր սերվերի վրա. միայն բրաուզերում աշխատող ստուգումը կարելի է շրջանցել։

Սովորական սխալներ

• Ցույց տալ «Ուղարկվեց!», երբ ոչինչ չի ուղարկվել։ UI-ը հաջողություն է ասում սերվերի պատասխանից առաջ կամ անկախ դրանից։ Միշտ սպասեք սերվերին։
• Միայն էլ. փոստ, առանց տվյալների բազայի։ Մեկ սխալ կարգավորված բանալի, և հարցումները շաբաթներով անհետանում են, առանց որևէ մեկի նկատելու։
• API բանալին frontend կոդում։ Ով ուզի, կարող է օգտագործել այն՝ ձեր անունից էլ. նամակ ուղարկելու համար։
• Չհաստատված ուղարկող դոմեյն։ Ծանուցումները սպամում են հայտնվում կամ երբեք չեն հասնում։
• Ուղարկել «from»-ով այցելուի էլ. փոստից։ Օգտագործեք reply-to։
• Երկարության սահմաններ չունենալ։ Բոտերը տեքստի հսկայական բլոկներ են տեղադրում։
• Երբեք չփորձարկել կենդանի կայքը։ Բանալիները և դոմեյնները հաճախ տարբերվում են նախադիտման և արտադրության միջև։

Ստուգացուցակ

• Կարճ ձև՝ տեսանելի պիտակներով և հստակ սխալներով
• Սերվերի կողմից վավերացում և երկարության սահմաններ
• Յուրաքանչյուր հաղորդագրություն պահվում է տվյալների բազայում
• Ծանուցման էլ. նամակը ուղարկվում է հաստատված դոմեյնից, reply-to-ը սահմանված է
• Էլ. փոստի API բանալին պահվում է միայն սերվերային գաղտնիքներում
• Honeypot-ը և հաճախականության սահմանափակումը տեղադրված են
• Հաջողության հաղորդագրությունը հայտնվում է միայն սերվերի հաստատումից հետո
• Գաղտնիության նշումը կապված է ձեր գաղտնիության քաղաքականության հետ
• Փորձարկված է ամբողջությամբ հրապարակված կայքի վրա, ներառյալ սպամի թղթապանակը

Կոնտակտային ձևեր Mythex-ում

Mythex-ում ամբողջը կարող եք կառուցել զրույցից։ Խնդրեք ձևը և տվյալների բազան նույն հրահանգում (կամ գրեք /database), որ ներկայացումները պահպանվեն։ Mythex-ն ունի ներկառուցված էլ. նամակի ուղարկման արտադրանք, ուստի ծանուցումների համար բերեք մատակարար, ինչպիսիք են Resend-ը, SendGrid-ը կամ Postmark-ը, ավելացրեք նրա բանալին /secrets-ով կամ նախագծի կարգավորումներում և խնդրեք գործակալին ուղարկել սերվերից. տես Ուղարկել էլ. նամակ ձեր հավելվածից։ Նախքան ապավինելը, կատարեք App Testing (/test) ձևի վրա Preview-ում, ապա հրապարակեք և փորձարկեք կենդանի URL-ում։

Կոնտակտային ձևը փոքր բիզնեսի կայքերի և վայրէջքի էջերի մեծ մասի կարևոր մասն է։ Թողարկումից առաջ ստուգեք անվտանգության ստուգացուցակը։

Հարցեր