آیا تا به حال فرمی را در سایت خود راه اندازی کرده اید که فراموش کنید ورودی های ارسال شده را بررسی کنید؟ ایجاد یک فرم HTML که پس از ارسال ایمیل ارسال می کند، یکی از ساده ترین و موثرترین راه ها برای حل این مشکل است.
در اینجا، نحوه ایجاد فرمی که برای شما و همچنین مشتری ایمیل می فرستد را برای اطمینان از دریافت فرم به شما آموزش می دهیم.
چگونه یک فرم HTML بسازیم که ایمیل می فرستد
HTML گزینه ای برای ایجاد فرمی که پس از ارسال ایمیل ارسال می کند، ارائه نمی دهد. با این حال، میتوانید از عنصر اکشن فرم برای تنظیم یک آدرس mailto: (در این مورد، آدرس خودتان) استفاده کنید، که باعث باز شدن کلاینت ایمیل ارسالکننده میشود. اگر نمی توانید یک فرم مبتنی بر PHP ایجاد کنید، این آخرین گزینه است.
در حالت ایده آل، مرورگرها به شما این امکان را می دهند که فرم های ارسالی را مستقیماً به آدرس ایمیل هدایت کنید. با این حال، دلیل این کار این است که ارسال ایمیل مستقیم از یک فرم وب HTML، آدرس ایمیل بازدیدکننده را نشان میدهد و کاربر را در برابر فعالیتهای مخرب، مانند فیشینگ آسیبپذیر میکند.
افزودن آدرس mailto: به فرم می تواند راهی بالقوه برای دور زدن این چالش باشد. این گزینه سرویس گیرنده ایمیل پیش فرض را در رایانه کاربر فعال می کند و از آنها می خواهد که فرم را از طریق ایمیل ارسال کنند. مرورگر وب درخواستی را به ارائه دهنده خدمات ایمیل ارسال می کند، نه به آدرس مشخص شده.
چند مشکل با گزینه mailto: وجود دارد. به عنوان مثال، 100٪ با همه مرورگرها سازگار نیست، بسیار کاربر پسند نیست و زمانی که فرم توسط مرورگر ارسال می شود، کنترل قالب بندی داده ها غیرممکن است.
فراتر از آن، هنگامی که کاربر برای ارسال فرم می رود، یک پیام هشدار ظاهر می شود و به او اطلاع می دهد که اطلاعاتی که می خواهد ارسال کند برای حفظ حریم خصوصی رمزگذاری نمی شود.
در زیر، ما به چند گزینه برای ایجاد یک فرم HTML می پردازیم که هنگام ارسال یک ورودی جدید به شما ایمیل می فرستد.
گزینه ای که انتخاب می کنید به نحوه کار و پلتفرم مورد استفاده شما بستگی دارد. این بدان معناست که اگر برنامه استفاده از ترکیبی از HTML و اسکریپت های مختلف باشد، اوضاع کمی متفاوت است. در زیر، گزینه های مختلف موجود را بررسی می کنیم.
روش 1: ایجاد یک فرم ارسال ایمیل با استفاده از HTML (توصیه نمی شود)
فقط از HTML استفاده می کنید؟ از شروع تازه، در اینجا یک کد نمونه برای استفاده وجود دارد:
به قلم نحوه ایجاد یک فرم HTML که توسط HubSpot ([email protected]) در CodePen برای شما ایمیل میفرستد، ببینید.
این کد فرمی ایجاد می کند که نام مخاطب، پیام را می خواهد و شامل دکمه ارسال است (در CodePen قابل مشاهده نیست). توجه داشته باشید که این کد اساسی است – به نظر فوق العاده جذاب نخواهد بود. برای زیباتر بودن، باید چند خط کد مخصوص به نیازهای خود اضافه کنید.
در حالی که می توانید فقط از HTML اولیه استفاده کنید، این گزینه ایده آل نیست. این فرم مستقیماً به آدرسهای ایمیل ارسال نمیشود، بلکه یک سرویس گیرنده ایمیل یا پنجره ابزار برای ارسال فرم باز میشود. این می تواند کاربر را از ارسال فرم به هیچ وجه منصرف کند.
بنابراین، کدام کد HTML به شما امکان می دهد فرم های ارسالی را مستقیماً به یک آدرس ایمیل ارسال کنید؟
برای اینکه فرم با سرور ایمیل شما کار کند و آن را به صندوق پستی بفرستید، PHP پاسخ است — بیایید اکنون آن گزینه را بررسی کنیم.
روش 2: ایجاد یک فرم ارسال ایمیل با استفاده از PHP (پیشرفته)
برای ایجاد فرمی که مشترکین می توانند با شما تماس بگیرند، اسکریپت PHP بهترین دوست شما خواهد بود. می دانم، مخفف دیگر. این یکی مخفف Hypertext Preprocessor است و این زبان برای پردازش فرم با HTML همکاری می کند.
قبل از پرداختن به این فرآیند، اجازه دهید چند مبانی فرم را بشکنیم.
یک فرم وب دو طرف دارد: قسمت جلویی که توسط بازدیدکنندگان در مرورگر دیده میشود و یک اسکریپت پشتیبان که روی سرور اجرا میشود.
مرورگر وب بازدید کننده از کد HTML برای نمایش فرم استفاده می کند. هنگامی که فرم ارسال می شود، مرورگر اطلاعات را با استفاده از پیوند ذکر شده در ویژگی “action” تگ فرم به پشتیبان ارسال می کند و داده های فرم را به آن URL ارسال می کند.
مثلا: