نحوه ایجاد یک فرم HTML که برای شما ایمیل می فرستد

ek3nk4r 2022-12-08

0 177 خواندن این مطلب 9 دقیقه زمان میبرد

نحوه ایجاد یک فرم HTML که برای شما ایمیل می فرستد

پیشنهاد ویژه

خرید فالوور واقعی خرید لایک اینستاگرام خرید ویو اینستاگرام خرید فالوور اینستاگرام

آیا تا به حال فرمی را در سایت خود راه اندازی کرده اید تا اطلاعات را از دست بدهید؟ ایجاد یک فرم ایمیل HTML یک راه موثر برای حل این مشکل است.

مالک وب سایت در حال یادگیری نحوه ایجاد فرم html که ایمیل می فرستد

بازدیدکنندگان ناشناس را به سرنخ تبدیل کنید. HubSpot Forms را رایگان امتحان کنید.

در زیر، نحوه ایجاد فرمی را خواهید آموخت که پس از ارسال، برای شما و همچنین مشتری ایمیل ارسال می کند. این ترفند ساده به شما کمک می کند تا یک استراتژی ورودی یکپارچه بسازید.

فهرست مطالب

فرم HTML چیست؟

یک فرم HTML در یک وب سایت برای جمع آوری اطلاعات وارد شده توسط بازدیدکنندگان استفاده می شود. اگر می خواهید زمانی که شخصی اطلاعات خود را ارسال کرده است به شما اطلاع داده شود، می توانید فرآیندی را تنظیم کنید که ایمیل ها را از فرم HTML ارسال می کند.

در حالت ایده آل، مرورگرها به شما این امکان را می دهند که فرم های ارسالی را مستقیماً به آدرس ایمیل هدایت کنید. با این حال، دلیل این کار این است که ارسال ایمیل مستقیم از یک فرم وب HTML، آدرس ایمیل بازدیدکننده را نشان می‌دهد و کاربر را در برابر فعالیت‌های مخرب، مانند فیشینگ آسیب‌پذیر می‌کند.

علاوه بر این، HTML گزینه ای برای ایجاد فرمی که پس از ارسال ایمیل ارسال می کند، ارائه نمی دهد. درعوض، می‌توانید از عنصر عمل فرم برای تنظیم یک آدرس mailto: (در این مورد، آدرس خودتان) استفاده کنید، که باعث باز شدن کلاینت ایمیل ارسال‌کننده می‌شود. اگر نمی توانید یک فرم مبتنی بر PHP ایجاد کنید، این آخرین گزینه است.

با این حال، چند مشکل با گزینه mailto: وجود دارد.

100٪ با همه مرورگرها سازگار نیست.
این فرآیند خیلی کاربرپسند نیست.
وقتی فرم توسط مرورگر ارسال می شود، نمی توانید قالب بندی داده ها را کنترل کنید.
هنگامی که کاربر فرم را ارسال می کند، یک پیام هشدار ظاهر می شود و به او اطلاع می دهد که اطلاعاتی که می خواهد ارسال کند برای حفظ حریم خصوصی رمزگذاری نمی شود.

در عوض، می‌خواهید به دنبال راه‌های جایگزین برای ارسال ایمیل از یک فرم باشید که در زیر به آن خواهیم پرداخت.

چگونه یک فرم HTML بسازیم که ایمیل می فرستد

چندین گزینه برای ایجاد یک فرم HTML وجود دارد که هنگام ارسال یک ورودی جدید به شما ایمیل ارسال می کند. گزینه ای که انتخاب می کنید به نحوه کار و پلتفرم مورد استفاده شما بستگی دارد.

این بدان معناست که اگر برنامه استفاده از ترکیبی از HTML و اسکریپت های مختلف باشد، اوضاع کمی متفاوت است. گزینه ای را انتخاب کنید که با مهارت تیم شما بهترین کار را دارد.

روش 1: ایجاد یک فرم ارسال ایمیل با استفاده از HTML (توصیه نمی شود)

فقط از HTML استفاده می کنید؟ اگر تازه شروع کرده اید، تیم ما اینجاست تا به شما کمک کند. این کد به شما کمک می کند تا فرمی بسازید که از طریق ایمیل به شما اطلاع دهد.

فرم نام و پیام مخاطب را می خواهد. همچنین شامل یک دکمه ارسال است (در CodePen قابل مشاهده نیست) که کاربران برای ارسال اطلاعات خود روی آن کلیک می کنند.

توجه داشته باشید که این کد پایه است. فوق العاده شیک به نظر نمی رسد. برای فرم جذاب‌تر بصری که با برند شما مطابقت داشته باشد، باید خطوط کدی را به نیازهای خود اضافه کنید.

یاد آوردن: در حالی که می توانید فقط از HTML اولیه استفاده کنید، این گزینه ایده آل نیست. این فرم مستقیماً به آدرس های ایمیل ارسال نمی شود، بلکه یک سرویس گیرنده ایمیل یا پنجره ابزار برای ارسال فرم باز می شود. این می تواند کاربر را از ارسال فرم به هیچ وجه منصرف کند.

بنابراین، کدام کد HTML به شما امکان می دهد فرم های ارسالی را مستقیماً به یک آدرس ایمیل ارسال کنید؟

برای اینکه فرم با سرور ایمیل شما کار کند و آن را به صندوق پستی بفرستید، PHP راه حل است. بیایید اکنون آن گزینه را بررسی کنیم.

روش 2: ایجاد یک فرم ارسال ایمیل با استفاده از PHP (پیشرفته)

برای ایجاد فرمی که ایمیل ارسال می کند، PHP بهترین دوست شما خواهد بود. PHP مخفف Hypertext Preprocessor است و این زبان برای پردازش فرم با HTML همکاری می کند.

قبل از پرداختن به این فرآیند، اجازه دهید چند مبانی فرم را بشکنیم.

فرم های PHP: آنچه شما باید بدانید

یک فرم وب دارای دو طرف است: قسمت ظاهری که توسط بازدیدکنندگان در مرورگر دیده می شود و یک اسکریپت پشتیبان که روی سرور اجرا می شود.

مرورگر وب بازدید کننده از کد HTML برای نمایش فرم استفاده می کند. هنگامی که فرم ارسال می شود، مرورگر اطلاعات را با استفاده از پیوند ذکر شده در ویژگی “action” تگ فرم به پشتیبان ارسال می کند و داده های فرم را به آن URL ارسال می کند.

مثلا:

سپس سرور داده ها را به اسکریپت مشخص شده در URL اقدام می دهد – myform-processor.php در این مورد. با استفاده از این داده ها، اسکریپت Backend می تواند یک پایگاه داده از فرم های ارسالی ایجاد کند، کاربر را به صفحه دیگری هدایت کند (به عنوان مثال پرداخت)، و یک ایمیل ارسال کند.

زبان های برنامه نویسی دیگری نیز وجود دارند که می توانید در برنامه نویسی باطن از آنها استفاده کنید، مانند Ruby، Perl یا ASP برای ویندوز. با این حال، PHP محبوب ترین است و تقریباً توسط همه ارائه دهندگان خدمات میزبانی وب استفاده می شود.

اگر از ابتدا یک فرم ایجاد می کنید، در اینجا مراحلی وجود دارد که می توانید انجام دهید.

مرحله 1: از PHP برای ایجاد یک صفحه استفاده کنید.

برای این مرحله، باید به cPanel وب سایت خود در پلتفرم هاست خود دسترسی داشته باشید.

هنگامی که در حال ایجاد یک صفحه وب هستید، به جای استفاده از پسوند “.html”، به جای آن “.php” را تایپ کنید. این شبیه چیزی است که وقتی یک تصویر را به عنوان “jpg” در مقابل “png” ذخیره می کنید، اتفاق می افتد.

با انجام این کار، سرور می داند که PHP شما را میزبانی می کند. به جای اینکه صفحه خالی HTML را ذخیره کنید، آن را به شکل زیر ذخیره کنید: “subscriberform.php”. پس از ایجاد و ذخیره صفحه شما، می توانید فرم را ایجاد کنید.

مرحله 2: فرم را با استفاده از کد بسازید.

در این مرحله کد ایجاد فرم را می نویسید.

اگر مطمئن نیستید که چگونه فرم ها را در HTML ایجاد کنید، منبع HTML Dog را برای آغازگر اصول اولیه بررسی کنید.

کد زیر برای یک فرم اولیه مورد نیاز است:

 
<form method="post" action="subscriberform.php">
<textarea name="message"></textarea>
<input type="submit">
</form>

از آنجا که این شبیه به نوشتن فقط HTML است، این خطوط همچنین یک نام برای فرم و منطقه ای برای مشترکین ایجاد می کند تا یک پیام سفارشی را تایپ کرده و برای شما ارسال کنند.

یک تفاوت مهم قسمت action=”subscriberform.php” است. این بخش از کد چیزی است که باعث می شود صفحه هنگام ارسال فرم را ارسال کند.

مرحله 3: فرم را یک ایمیل ارسال کنید.

پس از ایجاد فرم و افزودن تمام اصلاحات مناسب بسته به ترجیحات طراحی خود، نوبت به ایجاد بخش ایمیل می رسد.

برای این کار، می‌خواهید به ابتدای صفحه بروید (همان ابتدا، حتی قبل از تعریف HTML Doctype). برای فعال کردن ارسال داده ها در ایمیل، باید کدی را اضافه کنیم که داده ها را پردازش کند. این کد را کپی کنید یا چیزی مشابه ایجاد کنید:

 
<?php
if($_POST["message"]) {
mail("your@email.address", "Here is the subject line",
$_POST["insert your message here"]. "From: an@email.address");
}
?>

همه چیز در اولین و آخرین خطوط به صفحه وب می گوید که این توابع را به عنوان PHP انجام دهد. این کد همچنین بررسی می کند که آیا مشترکی از فرم استفاده می کند یا خیر. از آنجا، بررسی می کند که آیا فرم ارسال شده است یا خیر.

علاوه بر تجزیه آن، “mail” فرم تکمیل شده را به عنوان ایمیل به “your@email.address” ارسال می کند، و خط موضوع همان چیزی است که در زیر آمده است. در خط بعدی، می توانید یک کپی از پیام ایمیل را در داخل نقل قول ها بنویسید تا از هر آدرس ایمیلی که انتخاب کنید ارسال شود.

پس از ارسال فرم، صفحه داده ها را برای خود ارسال می کند. اگر داده ها با موفقیت ارسال شده باشد، صفحه آن را به عنوان ایمیل ارسال می کند. سپس مرورگر HTML صفحه را بارگیری می کند – فرم موجود است.

با آن، شما کد اصلی مورد نیاز برای ایجاد فرم را دارید.

توجه داشته باشید که این تنها یک راه برای انجام این کار است. همچنین، می‌توانید با استفاده از سازنده، فرمی ایجاد کنید و سپس آن را در وب‌سایت خود جاسازی کنید.

روش 3: با استفاده از فرم ساز یک فرم ارسال ایمیل ایجاد کنید

اگر از وردپرس برای ساختن وب سایت خود استفاده نمی کنید و به برنامه نویسی تسلط ندارید، ممکن است در مورد نحوه ایجاد یک فرم دچار مشکل شوید. این امر مخصوصاً زمانی صادق است که CMS شما ویرایشگر صفحه را با کشیدن و رها کردن ارائه نمی دهد.

هر یک از ابزارهای زیر به شما امکان می دهد فرمی بسازید که بدون هیچ کدنویسی ایمیل ارسال کند. بهترین بخش این است که اگر نمی خواهید نیازی به تغییر سیستم های مدیریت محتوا ندارید. در عوض، می توانید فرم را با استفاده از کد جاسازی هر ابزار در وب سایت خود جاسازی کنید.

(نکته حرفه ای: یک ویرایشگر کشیدن و رها کردن می تواند ایجاد فرم ارسال ایمیل را بسیار ساده تر و آسان تر کند. CMS Hub را امتحان کنید. 100٪ رایگان است!)

1. HubSpot: بهترین فرم ساز ایمیل به طور کلی

فرم ساز ایمیل html، HubSpot

HubSpot شامل یک فرم ساز در ردیف رایگان همه محصولات خود است. از آنجایی که HubSpot از قبل ایمیل شما را دارد، هنگامی که یک ورودی جدید ارسال می شود، به طور خودکار برای شما پیام ارسال می کند.

فرم ساز HubSpot با ابزارهای دیگر در پلتفرم از جمله Marketing Hub و CMS Hub مرتبط است. به علاوه، به دانش فنی خاصی نیاز ندارید. اگر می‌خواهید فرم را گسترش دهید تا قابلیت‌های بازاریابی را نیز شامل شود، می‌توانید این کار را نیز انجام دهید.

به عنوان مثال، می توانید فرم های سفارشی بسازید که به لیست مخاطبین شما متصل می شوند. همچنین می توانید آن فرم ها را سفارشی کنید و ایمیل های خودکار را بر اساس تکمیل فرم های خود راه اندازی کنید. (توجه داشته باشید که دومی نیاز به ارتقاء حق بیمه دارد.)

اگر می خواهید نحوه دریافت ایمیل پس از ارسال فرم را بیاموزید، به مقاله پایگاه دانش ما نگاهی بیندازید.

2. Forms.io: بهترین فرم ساز سریع ایمیل

فرم ساز ایمیل html، Forms.io

Forms.io به شما اجازه می دهد تا به سرعت یک فرم را در رابط کشیدن و رها کردن آن ایجاد کنید. سپس، می توانید فرم را با استفاده از کد تعبیه شده HTML در سایت خود جاسازی کنید. شما یک هشدار یا اعلان دریافت خواهید کرد و سپس می توانید پاسخ ها را در پشتیبان ابزار مدیریت کنید.

برای 10 کاربر رایگان است. اگر شرکت شما به صندلی های بیشتری نیاز دارد، می توانید با 14.99 دلار در ماه دسترسی داشته باشید.

3. فرم Iot: بهترین ایمیل برای Builder برای چندین فرم

فرم ساز ایمیل html, jotform

اگر انتظار دارید که به بیش از یک فرم نیاز داشته باشید، Jotform یک انتخاب عالی است. چندین گزینه برای جاسازی فرم ها در وب سایت شما در اختیار شما قرار می دهد: جاوا اسکریپت، iFrame یا کل کد منبع فرم. شما همچنین می توانید یک لایت باکس یا فرم پاپ آپ ایجاد کنید.

Jotform با نام تجاری خود رایگان است. اگر می خواهید یک فرم رایگان با علامت واتر مارک داشته باشید، قیمت از 24 دلار در ماه شروع می شود.

فرم سازهای بیشتری را در اینجا بررسی کنید.

روش 4: با استفاده از یک افزونه یک فرم ارسال ایمیل ایجاد کنید

اگر یک وب سایت وردپرسی دارید، خبر خوبی داریم: تعداد زیادی افزونه فرم ساز در دسترس شماست که اکثر آنها رایگان هستند. همه این ابزارها به محض دریافت ارسال یک ایمیل ارسال می کنند.

1. پلاگین فرم HubSpot: بهترین برای Lead Generation

اگر قصد دارید از فرم خود به عنوان ابزار تولید سرنخ استفاده کنید، توصیه می کنیم از افزونه فرم HubSpot استفاده کنید. این به طور مستقیم به حساب HubSpot شما پیوند می خورد و به شما امکان می دهد از آن در ارتباط با HubSpot CRM، Marketing Hub، Sales Hub و موارد دیگر استفاده کنید.

افزونه فرم ایمیل html، HubSpot

2. WPForms: بهترین برای Embedding Anywhere

WPForms یک فرم ساز با کشیدن و رها کردن است که به شما امکان می دهد آن را طوری پیکربندی کنید که پس از دریافت یک ارسال به شما ایمیل شود. همچنین می توانید فرم را در هر جایی از سایت خود از جمله نوار کناری و پاورقی جاسازی کنید.

افزونه فرم ایمیل html، WPForms

3. ARForms: بهترین برای سازگاری

ARForms به شما امکان می‌دهد اعلان‌های ایمیل را بر اساس شرایطی که تعیین کرده‌اید دریافت کنید، اما همچنین می‌توانید اعلان‌های ایمیل را برای همه ارسال‌ها دریافت کنید. همچنین می توانید آن را با ابزارهای دیگر در پشته فناوری خود، از جمله HubSpot، PayPal و Google Sheets ادغام کنید.

افزونه فرم ایمیل html، ARForms

اهمیت فرم های HTML که ایمیل می فرستند

چه بخواهید بازدیدکنندگان بیشتری را به سرنخ تبدیل کنید، اطلاعاتی را برای تیم فروش خود جمع آوری کنید یا طرفداران برند وفادار ایجاد کنید، فرم ها برای یک استراتژی ورودی ضروری هستند.

اگر فرمی ندارید که ایمیل بفرستد، ممکن است مشتریان بیشتری را از دست بدهید، تبدیل‌های بیشتری را افزایش دهید و مشتریانی را جذب کنید.

از همین امروز شروع به بالا بردن فرم های خود کنید.

یادداشت سردبیر: این پست در ابتدا در دسامبر 2019 منتشر شد و برای جامعیت به روز شده است.