آموزش ساخت فرم در المنتور از صفر تا صد

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

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

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

المنتور چیست و چرا برای ساخت فرم انتخاب عالی‌ ای است؟

افزونه المنتور یک صفحه‌ ساز قدرتمند وردپرس است که با ویژگی‌ های «درگ اند دراپ» (کشیدن و رها کردن)، فرآیند طراحی سایت را به شدت ساده کرده است.

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

• رابط کاربری بسیار ساده و قابل فهم حتی برای مبتدیان،

• قابلیت سفارشی‌ سازی پیشرفته‌ ی فیلد های فرم بدون نیاز به کد نویسی،

• امکان اتصال فرم‌ ها به سرویس‌های ایمیل مارکتینگ و CRM،

• سبک بودن فرم‌ ها نسبت به افزونه‌ های فرم‌ ساز جداگانه،

• قابلیت تنظیم رفتار فرم پس از ارسال (مثل ارسال ایمیل یا ریدایرکت به صفحه‌ی تشکر).

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

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

• فرم تماس با ما (Contact Form)

• فرم عضویت در خبرنامه

• فرم ثبت‌ نام در سایت یا دوره‌ ها

• فرم درخواست خدمات یا مشاوره

• فرم رزرو وقت ملاقات

• فرم ارسال مدارک یا فایل

• و هر نوع فرمی که در وبسایت مورد نیاز می باشد در افزونه المنتور قابلیت طراحی دارد

این تنوع باعث می‌ شود المنتور تبدیل به یک ابزار همه‌ کاره برای مدیریت فرم‌ های سایت شما شود.

آموزش ساخت فرم در المنتور صفر تا صد

۱. نصب و فعال‌ سازی المنتور پرو

اول باید مطمئن شوید که نسخه‌ ی المنتور پرو را روی سایت خود نصب و فعال کرده‌ اید، چون ویجت «Form» فقط در نسخه‌ی پرو ( پولی ) المنتور در دسترس است.

۲. ایجاد یا ویرایش یک صفحه با المنتور

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

۳. افزودن ویجت فرم به صفحه

• از ستون ابزارک‌ های المنتور، ویجت Form را پیدا کنید.

• ویجت را بکشید و در جای دلخواه و مناسب در صفحه رها کنید.

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

۴. تنظیم و سفارشی‌سازی فیلد های فرم

در این مرحله می‌ توانید:

• فیلد های جدید اضافه کنید (مثل شماره موبایل، چک‌باکس، انتخاب تاریخ، بارگذاری فایل و…).

• ترتیب فیلد ها را تغییر دهید.

• نام فیلد ها، پیام‌ های خطا و متن نگه دارنده ها را شخصی‌ سازی کنید.

• مشخص کنید که کدام فیلد ها الزامی (Required) باشند‌، یعنی حتما کاربر ما باید مقدار اون فیلد رو وارد کند

۵. طراحی و استایل‌ دهی به فرم

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

• رنگ متن و دکمه‌ ها،

• اندازه‌ی فونت‌ ها،

• فاصله بین فیلد ها،

• تنظیم حاشیه و گردی گوشه‌ها.

یک طراحی زیبا کمک می‌کند کاربران راحت‌ تر فرم شما را تکمیل کنند.

۶. تنظیمات بعد از ارسال فرم (Actions After Submit)

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

• ارسال ایمیل به مدیر سایت و کاربر،

• ریدایرکت به صفحه‌ ی خاص (مثلاً صفحه‌ی تشکر یا صفحه‌ی پرداخت)،

• اتصال به Mailchimp یا سایر ابزارهای ایمیل مارکتینگ،

• ارسال اطلاعات به CRM یا Zapier.

🎯 در بخش «Actions After Submit» می‌ توانید این اقدامات را به راحتی تنظیم کنید.

نکات طلایی برای طراحی فرم‌ های حرفه‌ ای در المنتور

✅ فرم را کوتاه و کاربردی طراحی کنید: کاربران تمایل دارند فرم‌ های کوتاه‌ تر را سریع‌ تر پر کنند.

✅ استفاده از پیام‌ های خطای واضح: پیام‌ های خطا باید دقیقاً مشخص کنند که کاربر چه چیزی را اشتباه وارد کرده است.

✅ فعال‌ سازی کپچا (reCAPTCHA): برای جلوگیری از ارسال اسپم و ربات‌ ها حتما این گزینه رو فعال کنید .

✅ تنظیم صحیح ایمیل‌ های ارسالی: اطمینان حاصل کنید که ایمیل‌ های ارسالی از فرم به پوشه‌ ی اسپم کاربران نمی‌ رود.

اتصال فرم المنتور به سرویس‌ های ایمیل مارکتینگ و CRM

یکی از امکانات قدرتمند افزونه المنتور پرو، اتصال مستقیم فرم‌ ها به سیستم‌ های مدیریت ایمیل و ارتباط با مشتریان است.

برخی از سرویس‌ هایی که می‌ توانید اتصال دهید:

• Mailchimp

• ActiveCampaign

• HubSpot

• GetResponse

• Zapier (برای اتصال به هزاران سرویس دیگر)

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

خطاهای رایج در ساخت فرم با المنتور و راهکار های آن

فرم ارسال نمی‌شود

بررسی کنید:

• آیا ایمیل سرور سایت درست کار می‌کند؟

• آیا تنظیمات فرم به درستی انجام شده است؟

فیلد های فرم درست نمایش داده نمی‌شوند

مشکل ممکن است به دلیل تداخل با قالب یا افزونه‌ های دیگر باشد. قالب و افزونه‌ های غیر ضروری را غیرفعال کرده و تست کنید.

ظاهر فرم با قالب سایت ناسازگار است

با تنظیمات استایل‌ دهی المنتور می‌ توانید ظاهر فرم را کاملاً سفارشی کنید و با قالب هماهنگ سازید.

جمع‌ بندی نهایی

چرا فرم‌ سازی با المنتور بهترین انتخاب است؟

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

یادگیری این مهارت ساده اما کاربردی می‌ تواند در رشد و موفقیت سایت شما نقش اساسی داشته باشد.
همین امروز دست به کار شوید و اولین فرم خود را با المنتور بسازید!  فراموش نکنید ویدیو آموزشی مقاله رو کامل مشاهده کنید

سوالات متداول آموزش ساخت فرم در المنتور صفر تا صد

1. چگونه در المنتور یک فرم تماس ساده طراحی کنیم؟

   برای طراحی فرم تماس ساده در المنتور، ابتدا باید از ابزارک “فرم” (Form) استفاده کنید. سپس فیلد های مورد نظر مثل نام، ایمیل، پیام و دکمه ارسال را اضافه کرده و تنظیمات اتصال به ایمیل یا دیگر سرویس‌ ها را انجام دهید.

2. آیا برای ساخت فرم با المنتور نیاز به نسخه پرو داریم؟

   بله، ابزارک فرم تنها در نسخه پرو (Elementor Pro) در دسترس است. اگر از نسخه رایگان استفاده می‌کنید، باید از افزونه‌ های جانبی مثل WPForms یا Contact Form 7 کمک بگیرید.

3. چطور می‌ توان فرم‌ های ساخته شده در المنتور را به ایمیل متصل کرد؟

   بعد از طراحی فرم، وارد تنظیمات Actions After Submit شوید و گزینه Email را فعال کنید. سپس ایمیل گیرنده، عنوان و محتوای ایمیل را تنظیم نمایید.

4. چگونه می‌ توان ظاهر فرم در المنتور را شخصی‌ سازی کرد؟

   المنتور امکان طراحی کامل ظاهر فرم را فراهم می‌ کند؛ از جمله تغییر رنگ دکمه‌ ها، شکل فیلد ها، فونت‌ ها و فاصله‌ ها. این کار از طریق تب Style در تنظیمات ابزارک فرم انجام می‌ شود.

5. چطور فرم‌ های چند مرحله‌ ای (Multi-Step) در المنتور بسازیم؟

   برای ساخت فرم چند مرحله‌ ای در المنتور، از فرم‌ های چند بخشی (Multi Step Forms) استفاده کنید که در نسخه پرو المنتور قابل دسترسی هستند. کافیست مراحل مختلف را با ابزارک Step جدا کرده و بین آن‌ ها ناوبری ایجاد کنید.

6. آیا می‌ توان فرم‌ های المنتور را به درگاه پرداخت متصل کرد؟

   بله، با استفاده از افزونه‌ هایی مانند “Elementor Pro + WooCommerce + درگاه پرداخت ایرانی”، می‌توانید فرم‌ هایی با قابلیت پرداخت آنلاین طراحی کنید.

7. چگونه پیغام موفقیت پس از ارسال فرم را تغییر دهیم؟

   در تنظیمات فرم، قسمت “Message” قابل ویرایش است و می‌توانید پیغام موفقیت یا خطا را به دلخواه شخصی‌ سازی کنید.

8. آیا امکان ذخیره اطلاعات فرم‌ های ارسال‌ شده در وردپرس وجود دارد؟

   المنتور به‌ طور پیش‌ فرض اطلاعات فرم را ذخیره نمی‌کند، اما می‌ توان با نصب افزونه‌ هایی مثل “Elementor Submissions” یا “FluentCRM” داده‌ های فرم را ذخیره و مدیریت کرد.

9. چگونه از فرم‌ های ساخته‌ شده در صفحات مختلف استفاده کنیم؟

   می‌توانید فرم طراحی‌ شده را به صورت قالب (Template) ذخیره کنید و در صفحات دیگر با استفاده از ابزارک Template آن را فراخوانی نمایید.

10. مشکل ارسال نشدن ایمیل در فرم المنتور از کجاست؟

    این مشکل معمولاً به تنظیمات سرور ایمیل یا عدم پیکربندی SMTP مربوط می‌ شود. پیشنهاد می‌ شود از افزونه‌ های SMTP مثل WP Mail SMTP استفاده کنید تا ارسال ایمیل‌ ها با موفقیت انجام شود.

محمد موسوی

من محمد موسوی‌ام؛ بیش از ۱۰ ساله که عاشق دنیای برنامه‌نویسی و طراحی سایتم. توی این مسیر پرماجرا، هم چالش‌ دیدم، هم رشد کردم و تا امروز به بیش از ۵۰۰۰ نفر یاد دادم چطور با کدها دنیای خودشون رو بسازن. به‌عنوان یه متخصص ارشد طراحی سایت، همچنان با شوق دارم یاد می‌گیرم، می‌سازم و یاد می‌دم.