آموزش ساخت فرم چند مرحله ای با المنتور (ویدیوی آموزشی)

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

ویجت ساخت فرم تماس با ما در المنتور چیست؟

ویجت ساخت فرم در افزونه المنتور پرو ابزاری است که به شما امکان می‌دهد فرم‌های مختلفی را طراحی کنید تا بازدیدکنندگان وبسایت شما بتوانند اطلاعات خود را وارد کرده و برای شما ارسال کنند. این اطلاعات می‌توانند به ایمیل شما ارسال شوند یا در دیتابیس وبسایت ذخیره گردند.

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

آموزش ساخت فرم با المنتور (فرم تماس با ما)

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

1. در ویرایشگر المنتور، روی علامت + کلیک کنید.
2. در پنل سمت چپ، ویجت فرم را جستجو کنید.
3. ویجت را بکشید و در قسمتی که می‌خواهید فرم نمایش داده شود رها کنید.

سفارشی سازی فرم: گام به گام

پس از افزودن ویجت، فرم به طور پیش‌فرض با سه فیلد “نام”، “ایمیل” و “پیام” نمایش داده می‌شود. حال بیایید این فرم را سفارشی کنیم:

1. تغییر نام فرم:

1. در پنل تنظیمات، در بخش Form Fields نام فرم پیش فرض را به فرم من تغییر دهید.

2. تبدیل فیلد “نام” به “نام” و “نام خانوادگی”:

1. در پنل تنظیمات زیر نام فرم، روی فیلد Name کلیک کنید.
2. در قسمت لیبل نام فیلد را به نام تغییر دهید.
3. برای افزودن فیلد جدید، روی آیکون کپی کنید تا یک کپی از فیلد “نام” ایجاد شود.
4. روی فیلد جدید کلیک کرده و نام آن را در بخش لیبل به نام خانوادگی تغییر دهید.

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

1. روی فیلد نام کلیک کنید.
2. در بخش عرض ستون مقدار را به 50% تغییر دهید.
3. روی فیلد نام خانوادگی کلیک کنید.
4. در بخش عرض ستون مقدار را به 50% تغییر دهید.

با این کار فیلدهای نام و نام خانوادگی در یک ردیف قرار می‌گیرند.

4. تنظیم نوع فیلد ایمیل:

1. روی فیلد ایمیل کلیک کنید.
2. در بخش نوع مطمئن شوید که نوع فیلد روی ایمیل تنظیم شده است. با این کار، کاربر تنها می‌تواند یک آدرس ایمیل معتبر وارد کند.

5. ویرایش متن راهنما (Placeholder):

1. روی فیلد پیام کلیک کنید.
2. در بخش Placeholder متن “متن پیام شما” را وارد کنید.

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

تنظیمات ویجت فرم

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

1. تب محتوا:

• نام فرم: در این بخش، می‌توانید نام فرم خود را تعیین کنید.
• فیلدهای فرم:
  • محتوای فیلد: در این بخش، می‌توانید نام، متن راهنما، اندازه و نوع فیلدها را تعیین کنید.
  • پیشرفته: تنظیمات بیشتر مانند ID و CSS Class فیلد.
  • افزودن آیتم: برای اضافه کردن فیلد جدید به فرم.
  • اندازه ورودی: تعیین اندازه فیلد.
  • برچسب (Label): تعیین نام فیلد که برای کاربران نمایش داده می شود.
  • نشانگر اجباری: تعیین اینکه آیا پر کردن فیلد الزامی است یا خیر.

2. تب استایل:

در این تب، می‌توانید ظاهر و احساس فرم خود را سفارشی کنید، شامل:

• فرم: تنظیمات کلی برای فرم.
• برچسب: تنظیمات برای ظاهر برچسب فیلدها.
• فیلد HTML: تنظیمات برای ظاهر فیلدهای ورودی.

3. تب پیشرفته:

در این تب، می‌توانید تنظیمات پیشرفته‌تر را اعمال کنید، شامل:

• تنظیمات پیشرفته: برای کنترل قرارگیری ویجت، اضافه کردن لینک‌ها، کد سفارشی و غیره.

انواع فیلدهای فرم در المنتور

ویجت فرم المنتور انواع مختلفی از فیلدها را پشتیبانی می‌کند که هر کدام برای هدف خاصی طراحی شده‌اند. برخی از این فیلدها عبارتند از:

• متن: برای وارد کردن متن ساده (مثلاً نام).
• ایمیل: برای وارد کردن آدرس ایمیل معتبر.
• متن چند خطی (Textarea): برای وارد کردن متن‌های طولانی (مثلاً نظرات).
• آدرس وبسایت (URL): برای وارد کردن آدرس وبسایت معتبر.
• شماره تلفن: برای وارد کردن شماره تلفن.
• رادیویی: برای انتخاب یک گزینه از بین چندین گزینه.
• انتخابی (Select): برای ایجاد یک منوی کشویی با چند گزینه.
• چک باکس (Checkbox): برای انتخاب چندین گزینه به صورت مستقل.
• پذیرش (Acceptance): برای قرار دادن متن پذیرش و یک چک باکس برای موافقت با آن.
• عدد: برای وارد کردن اعداد.
• تاریخ: برای انتخاب تاریخ از یک تقویم.
• زمان: برای انتخاب زمان از یک لیست.
• آپلود فایل: برای بارگذاری فایل توسط کاربران.
• کلمه عبور: برای وارد کردن رمز عبور.
• HTML: برای اضافه کردن کد HTML دلخواه.
• مخفی: برای ایجاد فیلدهای مخفی که کاربر نمی‌تواند ببیند اما شما می‌توانید از آن استفاده کنید.
• ریکپتچا: برای جلوگیری از ورود ربات‌ها با استفاده از کپچا.
• هانی پات: برای به دام انداختن ربات‌ها با فیلدهای مخفی.
• مرحله: برای ایجاد فرم چند مرحله‌ای.

آموزش ساخت فرم چند مرحله ای با المنتور

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

۲. تغییر نوع فیلد به مرحله
بعد از افزودن فیلد جدید، در بخش نوع باید نوع فیلد را روی مرحله تنظیم کنید. این کار باعث می‌شود فرم شما به بخش‌های جداگانه یا مراحل تقسیم شود.

۳. نقش فیلد مرحله‌ گذار
فیلد مرحله به عنوان یک “مرحله‌گذار” عمل می‌کند که به المنتور می‌گوید از اینجا به بعد وارد مرحله جدیدی از فرم شوید.

4. اضافه کردن عنوان یا توضیحات برای مراحل
   برای هر مرحله می‌توانید یک عنوان یا توضیح کوتاه اضافه کنید تا کاربران متوجه شوند در کدام بخش یا مرحله از فرم قرار دارند. این کار تجربه کاربری را بهبود می‌دهد و فرآیند پر کردن فرم را ساده‌تر می‌کند.
5. دوباره میتوانید روی دکمه + افزودن آیتم کلیک کرده و فیلدهای جدیدی را در مرحله دوم وارد کنید.
6. به همین ترتیب شما می توانید مراحل بیشتری را به فرم تماس خود اضافه کنید.

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

هانی‌پات (Honeypot) در فرم‌ساز المنتور یکی از روش‌های ساده و مؤثر برای جلوگیری از ارسال اسپم در فرم‌هاست. این ویژگی به عنوان یک فیلد مخفی در فرم اضافه می‌شود و هدف اصلی آن شناسایی ربات‌های خودکار ارسال‌کننده اسپم است.

هانی‌پات (Honeypot) چگونه کار می‌کند؟

هنگامی که از هانی‌پات استفاده می‌کنید:

1. یک فیلد مخفی (که برای کاربران انسانی قابل مشاهده نیست) به فرم اضافه می‌شود.
2. این فیلد فقط توسط ربات‌ها پر می‌شود، چون آن‌ها تمام فیلدهای موجود در فرم را به‌صورت خودکار تکمیل می‌کنند.
3. اگر این فیلد مخفی در هنگام ارسال فرم پر شده باشد، ارسال فرم به‌عنوان اسپم شناسایی و رد می‌شود.

چرا هانی‌پات مفید است؟

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

نکته مهم برای ساخت فرم چند مرحله ای با المنتور:

هنگامی که کاربری یک فرم را ارسال می‌کند، معمولاً دو ایمیل ارسال می‌شود: یکی به کاربر به‌عنوان تأییدیه و دیگری برای شما یا تیم‌تان. با این حال، ممکن است این ایمیل‌ها به پوشه اسپم منتقل شوند، به‌ویژه با توجه به قوانین سخت‌گیرانه‌ای که سرویس‌هایی مانند جیمیل برای شناسایی اعتبار ایمیل‌ها اعمال می‌کنند. برای جلوگیری از این مشکل، توصیه می‌کنیم از ابزاری مانند Site Mailer استفاده کنید. این ابزار ایمیل‌های سایت را از طریق یک سرویس خارجی قابل اعتماد ارسال می‌کند و بدین ترتیب، نرخ تحویل ایمیل‌ها را افزایش داده و اطمینان حاصل می‌کند که ایمیل‌ها به درستی به مقصد می‌رسند.

جمع‌بندی

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