Веб-сайтқа байланыс формасын қалай қосу керек (сізге шынымен жететін)

Жұмыс істейтін байланыс формасын қосу үшін қысқа форма (аты, электрондық пошта, хабарлама) жасаңыз, оны енгізуді тексеретін сервер маршрутына жіберіңіз, хабарламаны дерекқорға сақтаңыз, содан кейін құпия API кілті арқылы пошта провайдері арқылы сізге хабарлама жіберіңіз. Спамның көбін тоқтату үшін жасырын жалған өріс пен сұрауларды шектеуді қосыңыз, айқын сәттілік хабарламасын көрсетіңіз және жарияланған сайтта соңына дейін сынаңыз. Ең маңыздысы — алдымен сақтау, содан кейін жіберу: пошта бір кезде сәтсіз болса да, өтініш сізде қалады.

Нұсқаларыңыз

Егер сайтыңызда серверлік бөлік пен дерекқор бар болса — AI қолданба құрастырушыларымен жасалған қолданбалар көбіне осындай болады — соңғы нұсқа ең сенімді және өтініштерді сіз көре алатын жерде сақтайды.

Жақсы байланыс формасында не болады

• Мүмкіндігінше аз өрістер. Аты, электрондық пошта, хабарлама. Тақырып төмендегі тізімін ("Сату", "Қолдау", "Басқа") тек бойынша бағыттасаңыз ғана қосыңыз.
• Әр өрістің үстіндегі айқын белгілер, жоғалып кететін плейсхолдер мәтіні ғана емес.
• Пайдалы тексеру: "Жарамды электрондық пошта мекенжайын енгізіңіз", өріс жанында көрсетілген.
• Сәттілік күйі, ол әрі қарай не болатынын айтады: "Рахмет — бір жұмыс күні ішінде жауап береміз."
• Құпиялық ескертпесі, деректерді қалай пайдаланатыныңызды айтады және құпиялылық саясатыңызға сілтеме жасайды.
• Резерв, мысалы электрондық пошта мекенжайыңыз немесе телефон нөміріңіз, соны қалайтын адамдар үшін.

Промпт мысалдары

Негізгі форма:

Байланыс бетіне аты, электрондық пошта және хабарлама өрістері бар (барлығы міндетті, хабарлама 2000 таңбаға дейін) байланыс формасын қос. Жіберуді енгізуді тексеретін, оны contact_messages кестесіне алынған уақытымен сақтайтын серверлік маршрутқа жібер және сәттілік хабарламасын көрсет: "Рахмет, бір жұмыс күні ішінде жауап береміз." Өріс қателерін форма ішінде көрсет. Телефондарда жақсы жұмыс істесін.

Пошта хабарламалары:

Байланыс хабарламасы сақталғанда, маған hello@example.com мекенжайына хабарлама жібер, Resend арқылы, кілті RESEND_API_KEY ішінде. Жауап алушысы жіберушінің электрондық поштасына орнатылсын, сонда тікелей жауап бере аламын. Жіберу сәтсіз болса, сақталған хабарламаны сақта және кілтті көрсетпей қатені тіркеуге жаз.

Спамнан қорғау:

Байланыс формасына спамнан қорғау қос: бос қалуы тиіс жасырын жалған өріс, серверде IP бойынша сағатына 5 жіберу шегі және 3-тен көп сілтемесі бар хабарламаларды қабылдама. Жалған өріс жіберілімдерін үнсіз тастаңыз, бірақ сәттілікті көрсетіңіз.

Кіріс қорабы:

Жаңалары бірінші болатын, "өңделді" құсбелгісі және өңделмеген хабарламаларды сүзгісі бар, құпия сөзбен қорғалған байланыс хабарламаларының әкімші бетін қос.

Қадамдап

1. Хабарламалар қайда баратынын шешіңіз: кім хабарлама алады және кім жауап береді.
2. Формасын жасаңыз, жоғарыдағы өрістермен, қолжетімді белгілермен және мобильді ыңғайлы енгізу өрістерімен (телефондарда дұрыс пернетақта шығуы үшін email енгізу түрін қолданыңыз).
3. Серверлік маршрут жасаңыз. Ол міндетті өрістерді, электрондық пошта форматын және ұзындық шектерін тексереді. Тек браузерде жасалған тексеруге ешқашан сенбеңіз.
4. Алдымен дерекқорға сақтаңыз. Қолданбаңызға дерекқорды қалай қосу керек қараңыз.
5. Пошта провайдерін орнатыңыз. Аккаунт ашыңыз, жіберу доменін растаңыз және API кілтін құпия ретінде сақтаңыз. Қолданбадан электрондық пошта жіберу жолы домен орнатуын (SPF, DKIM) толық қамтиды.
6. Сақтағаннан кейін хабарламаны серверден жіберіңіз. Расталған доменіңізді жіберуші ретінде, ал келушінің мекенжайын жауап алушы ретінде пайдаланыңыз — келушінің мекенжайынан "from" жібермеңіз, әйтпесе ол спуфинг ретінде қабылданбауы мүмкін.
7. Қаласаңыз, келушіге автожауап жіберіңіз, бірақ оны қысқа ұстаңыз; спам мекенжайларына автожауап жіберу жіберушінің беделіне зиян тигізуі мүмкін.
8. Спамнан қорғанысты қосыңыз: жасырын өріс, сұраулар шегі, қажет болса CAPTCHA тәрізді тексеру.
9. Жарияланған сайтта сынаңыз: жіберіңіз, дерекқорды тексеріңіз, кіріс қорабыңызды және спам қалтасын тексеріңіз, жауап беру түймесін басыңыз.

Спамды тоқтату

Байланыс формалары іске қосылған бірнеше күннен кейін боттарды тартады. Қорғанысты ең аз араласатыннан ең көп араласатынға дейін қабаттаңыз:

1. Жасырын өріс. Адамдардан жасырылған өріс; боттар оны толтырады. Нақты келушілерге ешқандай зияны жоқ.
2. Серверде сұрауларды шектеу. Бір мекенжай белгілі бір кезеңде қанша хабарлама жібере алатынын шектейді.
3. Мазмұн ережелері. Сілтемелерге толы хабарламаларды немесе бос немесе өте ұзын хабарлама өрісін қабылдамаңыз.
4. CAPTCHA тәрізді тексеру, мысалы Cloudflare Turnstile немесе Google reCAPTCHA. Таңбалауышты серверіңізде тексеру керек; тек браузерде орындалатын тексеруді өткізіп жіберуге болады.

Жиі кездесетін қателер

• Ешнәрсе жіберілмегенде "Жіберілді!" көрсету. Интерфейс серверден жауап келмей тұрып немесе оған қарамастан сәттілікті көрсетеді. Әрқашан серверді күтіңіз.
• Тек пошта, дерекқор жоқ. Бір дұрыс орнатылмаған кілт өтініштерді апталар бойы ешкімнің байқамай жоғалтуына әкеледі.
• API кілті фронтенд кодында. Кім болса да сіздің атыңыздан пошта жіберу үшін оны пайдалана алады.
• Расталмаған жіберу домені. Хабарламалар спамға түседі немесе ешқашан келмейді.
• Келушінің электрондық поштасынан "from" жіберу. Оның орнына reply-to пайдаланыңыз.
• Ұзындық шектерінің жоқтығы. Боттар үлкен мәтін блоктарын қояды.
• Тірі сайтты ешқашан сынамау. Кілттер мен домендер алдын ала қарау мен өндірісте көбіне әртүрлі болады.

Тексеру тізімі

• Көрінетін белгілері және айқын қателері бар қысқа форма
• Серверде тексеру және ұзындық шектері
• Әр хабарлама дерекқорға сақталады
• Хабарлама расталған доменнен жіберіледі, reply-to орнатылған
• Пошта API кілті тек серверлік құпияларда сақталады
• Жасырын өріс және сұраулар шегі орнатылған
• Сәттілік хабарламасы тек сервер растағаннан кейін көрінеді
• Құпиялық ескертпесі құпиялылық саясатыңызға сілтеме жасайды
• Жарияланған сайтта соңына дейін сыналған, спам қалтасын қоса

Mythex-тегі байланыс формалары

Mythex-те бүкіл нәрсені чаттан жасауға болады. Жіберімдер сақталуы үшін формаңызды мен дерекқорды бір промптта сұраңыз (немесе /database теріңіз). Mythex-те кірістірілген пошта жіберу өнімі жоқ, сондықтан хабарламалар үшін Resend, SendGrid немесе Postmark сияқты провайдер әкелесіз, оның кілтін /secrets немесе жоба параметрлері арқылы қосасыз және агенттен серверден жіберуді сұрайсыз — қолданбадан хат жіберу қараңыз. Оған сенбес бұрын Preview-де форманы App Testing (/test) арқылы іске қосыңыз, содан кейін жариялап, тірі URL-да сынаңыз.

Байланыс формасы көптеген шағын бизнес веб-сайттарының және лендинг беттерінің маңызды бөлігі. Іске қосар алдында қауіпсіздік тексеру тізімін қараңыз.

Сұрақтар