ساخت فرم با المنتور

ساخت فرم با المنتور چگونه است؟ چطور میتوانیم با المنتور فرم های مورد نیازمان را طراحی و مدیریت کنیم؟ اصلا بهترین روش سایت فرم در المنتور چیست؟ برای پاسخ به این سوالات لطفا با ادامه این آموزش وردپرس همراه باشید…

 

اهمیت ساخت فرم با المنتور

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

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

 

افزونه رایگان Metform 

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

نسخه رایگان این افزونه بیشتر از 100.000 نصب فعال دارد و امتیاز 4.5 از 5 را توسط کاربران دریافت کرده است. افزونه Metform از قابلیت های زیادی برخوردار است و در بخش بعد با آنها آشنا خواهید شد.

 

ویژگی های افزونه

افزونه Metform از انعطاف بالایی برخوردار است و همه افراد با هر سطح دانشی میتوانند به کمک آن بهترین فرم های ممکن را طراحی کنند. در این بخش به مهمترین ویژگی های این افزونه اشاره کرده ایم.

• ساخته شده توسط المنتور: Metform قدرتمندترین فرم ساز المنتور است و افراد مبتدی و حرفه ای میتوانند بهترین فرم ها را به کمک آن ایجاد کنند.
• دسترسی به فیلدهای ورودی المنتور: به کمک فیلدهای متنوع و ابزارک های المنتور میتوانید هر فرمی را در هر سبک طراحی کنید. امکان استفاده از فیلد متن، ایمیل، شماره تماس، تاریخ، زمان، فیلد انتخاب، فیلد آدرس، فیلد رمزعبور، فیلد reCAPTCHA و بسیاری موارد دیگر وجود دارد.
• ایمیل تایید کاربر: کاربران پس از ثبت نام و وارد کردن اطلاعات، یکی ایمیل تایید دریافت خواهند کرد.
• ایمیل اطلاع رسانی مدیر: در وضعیت های مختلف مثل تکمیل فرم و ارسال کاربر، افزونه میتواند به مدیران اطلاع رسانی کند.
• برون ریزی اطلاعات با فایل CSV: اطلاعات ذخیره شده در افزونه Metform را میتوانید برون ریزی کنید.
• مخفی کردن فرم: پس از اینکه کاربر فیلدهای ضروری را پر کرد و روی دکمه ارسال کلیک کرد، میتوانید فرم را مخفی کنید.
• محدودیت در تعداد ورودی: برای تعداد ورودی های ارسالی محدویت قرار دهید و در زمان مناسب یک پیام خطا به کاربران نمایش دهید.
• انتقال کاربران به صفحه جدید: پس از اینکه کاربران فرم را تکمیل و ارسال کردند، میتوانید آنها را به یک صفحه جدید هدایت کنید.
• پشتیبانی از Google reCAPTCHA: در این افزونه میتوانید از Google reCAPTCHA استفاده کنید و بدین ترتیب از سایت خود در مقابل ترافیک های ناخواسته محافظت کنید.
• ارسال فرم به صورت AJAX: برای راحتی کاربران ارسال فرم ها در زمان کوتاه و بدون نیاز به بارگیری مجدد صفحه صورت میگیرد.

 

آموزش نصب Metform 

برای استفاده از Metform لازم است المنتور پرو را روی وردپرس خود نصب کرده باشید. نسخه فارسی المنتور پرو را از فروشگاه های داخلی خریداری کنید و پس از اینکه آن را نصب و فعال سازی کردید از طریق دکمه زیر وارد مخزن وردپرس شوید و افزونه Metform را دانلود کنید:

دانلود افزونه metform

 

حالا که فایل افزونه را به صورت Zip دانلود کرده اید وارد پیشخوان وردپرس خود شوید و از مسیر افزونه ها >> افزودن >> بارگذاری افزونه >> افزودن فایل >> Choose File فایل دانلود شده را آپلود کنید و سپس آن را نصب و فعال نمایید.

یک روش دیگر این است که وارد بخش افزودن افزونه شوید و در بخش جستجو عبارت “Metform” را وارد کنید و پس از جستجوی افزونه آن را نصب و فعال سازی کنید. در تصویر زیر میتوانید نحوه انجام این روش را مشاهده کنید.

پس از انجام این مراحل از وجود این این سه افزونه در وردپرس خود مطمئن شوید:

• افزونه المنتور
• افزونه المنتور پرو
• افزونه Metform

حالا اگر وارد پیشخوان وردپرس خود شوید یک گزینه جدید تحت عنوان “Metform” اضافه شده است. در بخش بعد نحوه استفاده از این افزونه و ایجاد کردن فرم ها را بررسی کرده ایم.

 

آموزش ساخت فرم با Metform 

اگر وارد پیشخوان وردپرس خود شوید یک گزینه تحت عنوان “Metform” را مشاهده خواهید کرد و به این معنی است که میتوانید از ابزارک Metform در صفحه ساز المنتور استفاده کنید. ابتدا مشخص کنید میخواهید در کدام صفحه از وبسایت خود فرم ایجاد کنید و سپس آن صفحه را باز کنید و المنتور را به عنوان ویرایشگر انتخاب کنید.

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

در سربرگ المان ها در کادر جستجو عبارت Metform را قرار دهید و ابزارک آن را بکشید و در سمت راست تصویر در بخش “Drag Widget here” رها کنید. سپس در بخش تنظیمات ابزارک، گزینه Edit Forms را انتخاب کنید. با این کار یک صفحه جدید به صورت پاپ آپ باز خواهد شد. حالا New را انتخاب کنید و سپس یک نام برای فرم دلخواه خود قرار دهید.

مثلا اگر میخواهید فرم تماس ایجاد کنید، در فیلد (3) عبارت “فرم تماس” را وارد کنید.

سپس دمو اول که در تصویر بالا در سمت چپ تصویر قرار گرفته است را انتخاب کنید (البته میتوانید یک دمو دیگر را انتخاب کنید) و در نهایت روی دکمه آبی رنگ Edit Form کلیک کنید.

حالا در صفحه جدیدی که به صورت Pop up باز شده است میتوانید فرم های خود را با استفاده از المنتور و المان های مختلف ایجاد کنید. تقریبا هر چیزی را میتوانید در فرم خود قرار دهید که در نوع خود بی نظیر است.

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

• text
• submit Button
• Number
• Email
• Date
• Telephon
• Select
• Time
• Text Area
• Multi select
• Radio
• Check Box
• Range Slider
• Switch
• Password
• URL
• و…

فیلدهایی که لازم است در فرم قرار بگیرد را از سمت راست بکشید و در سمت چپ قرار دهید. مثلا متیوانید از بخش المان ها، Number را بکشید و در بخش Drag Widget here رها کنید.

حالا بخش Edit Number باز خواهد شد و میتوانید این فیلد را سفارشی سازی کنید. در سربرگ های Content، Style، Advanced میتوانید متن، سایز، رنگ، پدینگ و… را ویرایش کنید.

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

در نهایت روی دکمه سبز رنگ Update And Close کلیک کنید تا با این کار فرم طراحی شده ذخیره شود. در نهایت فرم ایجاد شده مانند تصویر زیر خواهد بود و در همان بخش از صفحه که فرم را طراحی کردید قرار خواهد گرفت.

 

 

ب