راهنمای جامع ساخت فرم با المنتور
- زمان مطالعه: 12 دقیقه
- به‌روز رسانی در 20 آبان 1403
ساخت فرم با المنتور یکی از جذاب‌ترین کارهایی است که با صفحه ساز المنتور می‌شود. با ویجت فرم ساز المنتور، می‌توانیم فرم‌های حرفه‌ای و مدرن با انواع استراتژی و هدف خاص طراحی و پیاده سازی کنیم. در اینجا، ساخت فرم با المنتور را به ساده‌ترین شکل و گام به گام یاد خواهید گرفت. با این آموزش المنتور از سایت تم فور همراه باشید.
سر فصل‌های این مقاله:
فرم ساز المنتور چیست؟ فرم ساز المنتور در واقع یک ویجت اختصاصی برای ویرایشگر المنتور است. با این ویجت یا عنصر، طراح سایت می‌تواند فرم‌های تماس باما، فرم‌های استخدام و فرم‌های دریافت اطلاعات از کاربر را بسازد. با فرم ساز المنتور، عملاً نیازی به نصب افزونه فرم ساز جانبی ندارید.
در ادامه با روش ساخت فرم با المنتور آشنا می‌شوید و با جزئیات کامل، همه بخش‌ها را توضیح داده‌ایم.
ساخت فرم با المنتور: شروع کار با ویجت فرم
ابتدا نیاز است که افزونه المنتور را نصب و فعال کرده باشید. اگر هنوز این کار را انجام ندادید، پیشنهاد می‌کنیم آموزش نصب المنتور در وردپرس را مشاهده و بررسی کنید. بعد از این کار، در یک برگه جدید یا هر صفحه‌ای دیگری، در نوار جستجوی محیط ویرایشگر المنتور، عبارت «فرم» را تایپ کنید.
با جستجوی فرم، ویجت فرم المنتور نمایان می‌شود و آن را به داخل صفحه بکشید و رها کنید.
همانطور که می‌ببینید یک فرم پیش‌فرض ظاهر می‌شود. در سمت راست صفحه یعنی در ویرایشگر المنتور، فیلدهای فرم و سایر تنظیم‌های مربوط به فرم ساز المنتور دیده می‌شود.
در قسمت فیلدهای فرم، در گزینه اول، می‌توان نام فرم را تغییر داد. همچنین ما می‌توانیم با استفاده از دکمه «+ افزودن مورد» یک فیلد جدید به فرم اضافه کنیم.
اما در اینجای آموزش ساخت فرم با المنتور، یکی از همان فیلدهای پیش‌فرض فرم را باز می‌کنیم تا ببینیم کاربرد گزینه‌ها و آپشن‌های داخل فیلد به چه شکل است. به یاد داشته باشید، گزینه‌ها و آپشن‌ها برای هر کدام از فیلدها یکسان است.
در تب اول فیلد (یعنی محتوا)، شما می‌توانید نوع فیلد، برچسب فیلد (نام فیلد)، نگهدارنده فیلد، ضروری یا اختیاری بودن فیلد و عرض ستون فیلد را تعیین و کنترل کنید.
فرم ساز المنتور از انواع فیلد پشتیبانی می‌کند. فیلد متنی، فیلد ایمیل، فیلد ناحیه متنی، فیلد تلفن، فیلد شماره، فیلد آپلود و هر نوع فیلدی که نیاز است در این ویجت قرار گرفته است.
در گزینه برچسب، نام یا اسم فیلد را قرار دهید. گزینه بعدی، نگهدارنده یا همان placeholder است. کاربرد placeholder نمایش یک متن داخل فیلدها قابل از تایپ کاربر است.
با تصویر راهنمای بالا، اکنون می‌دانید دقیقاً این نگهدارنده به چه معناست و چه کاربردی دارد.
اگر می‌خواهید فیلد ضروری باشد، گزینه فیلد ضروری را از خیر روی بله بگذارید. در این حالت، کاربر حتماً باید فیلد را پر کند.
گزینه عرض ستون برای کنترل عرض ستون فیلد است. مثلاً می‌توانیم عرض فیلد را به دلخواه خودتان و براساس ایده‌ای که برای طراحی فرم داریم، شخصی سازی کنیم.
چطوری دو فیلد را کنار هم قرار دهیم؟
برای اینکه دو فیلد را کنار هم یا روبروی هم قرار دهید، کافیه عرض ستون، دو فیلد مدنظرتان را روی ۵۰% تنظیم کنید.
مثلاً در تصویر بالا، عرض ستون فیلد نام و فیلد ایمیل را روی ۵۰% قرار دادیم. با این روش، دو یا چند فیلد را می‌توانید کنار هم قرار دهید.
تنظیمات دکمه فرم ساز المنتور
بعد از فیلدها، به قسمت تنظیمات دکمه‌ها رسیدیم. اینجا ما می‌توانیم متن دکمه ثبت یا ارسال را سفارشی کنیم. همچنین تنظیم‌های برای عرض دکمه یا اندازه آن نیز در دسترس است.
همچنین اگر می‌خواهید کنار متن دکمه ارسال، از آیکون هم استفاده کنید، این قابلیت در فرم ساز المنتور وجود دارد. پایین فیلد وارد کردن نام دکمه ارسال، گزینه آیکون برای این کار است.
تنظیمات ارسال ایمیل در ویجت فرم المنتور
در بخش اقدامات پس از ثبت، می‌توان رویداد پس از ثبت فرم را مشخص کرد. مثلاً بعد از اینکه کاربر فرم را پر کرد و دکمه ثبت را زد، چه اتفاقی بیافتد.
پیش‌فرض روی گزینه جمع آوری ارسالی‌ها (یعنی ذخیره کردن داده‌ها) و ایمیل تنظیم شده است. یعنی پس از ثبت فرم توسط کار، محتوای فرم از طریق ایمیل به مدیریت ارسال می‌شود.
همچنین در پیشخوان وردپرس در منوی المنتور -> ثبت فرم، فرم‌های ارسال و ثبت شده نیز ذخیره می‌شوند.
در قسمت جمع آوری ارسالی‌ها، می‌توانیم اطلاعاتی را می‌خواهیم از کاربر در فرم ذخیره شود را مشخص کنیم. مثلاً اگر نیاز به دانستن ip کاربر یا نوع سیستم عامل کاربر دارید، روی همین حالت پیش‌فرض خودش قرار دهید.
در تنظیمات ایمیل فرم المنتور، می‌توان تنظیم‌هایی مربوط به نحوه ارسال ایمیل اطلاعیه فرم را پیکربندی کرد.
به عنوان نمونه، آدرس ایمیل «به یا همان to» آدرسی است که ایمیل اطلاعیه ثبت فرم به آن ارسال می‌شود. دقیقاً باید ایمیل مدیریت سایت باشد. پیش‌فرض المنتور آدرس ایمیل مدیر سایت را قرار می‌دهد و ممکنه نیازی به اقدام بیشتری نداشته باشید. مگر اینکه بخواهید در آدرس ایمیل دیگری، اطلاعیه‌ها را دریافت کنید.
در قسمت داده متا یا متا داده، اطلاعاتی از صفحه و فرم در دسترس است. این اطلاعات همراه با ایمیل اطلاعیه به آدرس ایمیل مدیر ارسال می‌شوند. مثلاً مدیر می‌تواند متوجه شود، فرم در چه ساعاتی چه زمانی ارسال شده است.
تنظیمات مراحل فرم در المنتور
تنظیمات مرحله فرم المنتور، زمانی کاربرد دارد؛ فرم را به صورت مرحله‌ای طراحی کنید.
در اینجا تنظیم‌هایی از نظر استایل برای فرم مرحله‌ای المنتور وجود دارد.
سفارشی کردن پیام فرم المنتور
برای سفارشی کردن پیام‌ها در فرم المنتور، کافیه در بخش گزینه‌های اضافی، گزینه پیام‌های سفارشی را روی بله بگذارید تا فعال شود.
اینجا می‌توانیم، پیام موفق آمیز بود ارسال فرم، پیام خطای سرور و سایر پیام‌ها را به دلخواه سفارشی کنیم.
استایل و ظاهر فرم ساز المنتور
در تب استایل ویرایشگر المنتور، می‌توانید کنترل کاملی روی ظاهر فرم المنتور داشته باشید.
مثلاً رنگ بندی متن‌ها، عنوان‌های فیلد، حاشیه و پدینگ و سایر موارد را سفارشی کنید. حتی می‌توان ظاهر دکمه فرم و پیام‌ها را نیز به دلخواه شخصی سازی کرد.
افزونه‌های فرم ساز یا فرم ساز المنتور؟
ببینید، بستگی به نوع نیاز و انتظارتان از فرم ساز است. اگر تنها یک فرم تماس باما یا یک فرم دریافت اطلاعات ساده می‌خواهید، فرم ساز المنتور؛ کامل نیازتان را رفع می‌کند.
اما اگر می‌خواهید فرم‌های پیچیده با کاربردهای وسیع بسازید، افزونه فرم ساز وردپرس برای همین موضوع طراحی شده‌است. بدون شک امکانات این نوع افزونه‌ها به مراتب بیشتر از فرم المنتور است.
جمع بندی آموزش ساخت فرم با المنتور
در آموزش ساخت فرم با المنتور به بخش‌های مهم و اساسی طراحی فرم با این صفحه ساز محبوب پرداختیم. بدیهی است برخی از آپشن‌ها یا امکانات نیاز به فعال بودن افزونه المنتور پرو دارد. در کل، فرم ساز المنتور به قول معروف «کار راه انداز» است و برای فرم‌های ساده و کوچک مناسب است.
امیدواریم از این آموزش لذت برده باشید، با آرزوی سلامتی و موفقیت روزافزون در کسب و کارتان.
تیم تولید محتوای تم فور
همۀ تلاش مجموعه‌ی تم فور اینه که بهترین آموزش‌ها برای وردپرس رو به صورت کاملاً رایگان برای جامعه‌ی وردپرس ایران تولید بکنه. امیدواریم آموزش‌های ما براتون مفید واقع بشه :)
این مقاله را با دوستان خود به اشتراک بگذارید
ثبت دیدگاه
