ایجاد فرم‌های چندمرحله‌ای با مت‌فرم (MetForm)

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

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

* ابتدا افزونه مت‌فرم را از مخزن وردپرس یا وب‌سایت رسمی آن دانلود و نصب کنید.
* سپس افزونه را فعال کنید.

2. ایجاد یک فرم جدید:

* در پنل مدیریت وردپرس، به بخش “MetForm” بروید و روی “Add New” کلیک کنید.
* یک نام مناسب برای فرم خود انتخاب کنید و روی دکمه “Create” کلیک کنید.

3. افزودن بخش‌ها (Sections):

* مت‌فرم از “بخش‌ها” برای ایجاد مراحل مختلف فرم استفاده می‌کند. هر بخش، شامل مجموعه‌ای از فیلدها است که در یک مرحله به کاربر نمایش داده می‌شوند.
* در صفحه ویرایش فرم، از پنل سمت چپ، عنصر “Section” را به قسمت اصلی فرم بکشید و رها کنید.
* برای افزودن مراحل بیشتر، عنصر “Section” را دوباره به فرم اضافه کنید. هر “بخش” به عنوان یک مرحله جداگانه در فرم شما عمل خواهد کرد.

4. سازماندهی فیلدها در هر بخش:

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

5. تنظیمات بخش‌ها:

* با کلیک بر روی عنوان هر بخش (Section)، می‌توانید تنظیمات مربوط به آن بخش را تغییر دهید.
* تنظیماتی مانند:
* Title: عنوان بخش که به کاربر نمایش داده می‌شود (مانند “اطلاعات شخصی” یا “اطلاعات تماس”).
* Description: توضیحات کوتاهی در مورد بخش.
* Show Step Title: نمایش یا عدم نمایش عنوان بخش در بالای صفحه.

6. استفاده از دکمه‌های “بعدی” و “قبلی”:

* مت‌فرم به طور خودکار دکمه‌های “بعدی” و “قبلی” را برای پیمایش بین مراحل مختلف فرم اضافه می‌کند.
* می‌توانید ظاهر و متن این دکمه‌ها را در بخش “Form Settings” تغییر دهید.

7. تنظیمات فرم:

* در بخش “Settings” در بالای صفحه، می‌توانید تنظیمات کلی فرم را تغییر دهید.
* تنظیماتی مانند:
* Multi-Step Form: فعال یا غیرفعال کردن حالت چندمرحله‌ای فرم.
* Progress Bar: نمایش یا عدم نمایش نوار پیشرفت در بالای فرم.
* Actions After Submit: تعیین می‌کند پس از ارسال فرم چه اتفاقی بیفتد.
* Email Settings: تنظیمات مربوط به ارسال ایمیل.
* Confirmation Message: پیام تایید که پس از ارسال فرم به کاربر نمایش داده می‌شود.

8. طراحی ظاهری فرم:

* مت‌فرم امکانات زیادی برای طراحی ظاهری فرم ارائه می‌دهد. می‌توانید از تنظیمات استایل‌دهی برای تغییر رنگ‌ها، فونت‌ها، حاشیه‌ها و سایر عناصر ظاهری فرم استفاده کنید.
* همچنین می‌توانید از CSS سفارشی برای طراحی دقیق‌تر فرم استفاده کنید.

9. پیش‌نمایش و آزمایش فرم:

* قبل از انتشار فرم، حتماً آن را پیش‌نمایش کنید و تمام مراحل را تست کنید تا مطمئن شوید که به درستی کار می‌کند.

10. ذخیره و انتشار فرم:

* پس از ایجاد و تنظیم فرم، روی دکمه “Save” کلیک کنید.
* سپس، برای انتشار فرم، کد کوتاه (Shortcode) مربوط به فرم را در صفحه یا نوشته مورد نظر خود قرار دهید.

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

شما میتوانید سوالات خود را از طریق ایمیل پشتیبانی – تماس با ما – یا در قسمت نظرات سوال خود را بپرسید.