ایجاد انواع فرم در وردپرس با افزونه FormCraft

عرض سلام خدمت همراهان گرامی مکانیک وردپرس ؛
نیازی به توضیح اضافه نیست که در یک سایت نیاز به ایجاد انواع فرم داریم؛ فرم تماس، فرم جستجو و…
برای ایجاد چنین فرم هایی انواع افزونه های رایگان و پرمیوم وجود دارد.
در این نوشته از آموزش وردپرس، به معرفی و بررسی افزونه FormCraft وردپرس خواهیم پرداخت.
با ما همراه باشید…

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

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

افزونه FormCraft وردپرس

این افزونه وردپرس بیش از ۶.۰۰۰ نصب موفق و فعال در مخزن وردپرس به ثبت رسانده است.
[su_note note_color=”#1fc459″ text_color=”#ffffff” radius=”0″]شما میتوانید در انتهای این نوشته، افزونه FormCraft وردپرس را بصورت رایگان دانلود کنید[/su_note]

آموزش کار با افزونه FormCraft وردپرس

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

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

برای ایجاد یک فرم جدید برروی گزینه create new Form کلیک کنید:

پس از کلیک بر روی این گزینه، شاهد صفحه زیر بصورت لایت باکس خواهید بود:

در این بخش عنوان فرم مورد نظر خود را وارد کنید و بر روی دکمه آبی رنگ create Form کلیک کنید. سپس به صفحه زیر هدایت خواهید شد:

بر روی تب آبی رنگ Add Field کلیک کنید:

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

One line input: یک خط ورودی که شما در این بخش می توانید فیلد نام و نام خانوادگی را قرار دهید.
Email input: این فیلد برای ورود آدرس ایمیل می باشد.
Comment box: این فیلد برای “فرم تماس با ما” یا “همکاری با ما” مناسب است زیرا کاربر می تواند در آن متنی را مبتنی بر نظر یا توضیحات بیشتر اضافه نماید.
Check boxes: این فیلد نیز برای گزینه های اضافی مناسب است.
Date picker: برای انتخاب و مشخص کردن تاریخ به کار می رود.
Custom text: برای ورود متن سفارشی به کار می رود.
Submit: دکمه ی قبول اطلاعات و ارسال فرم است.

بر روی گزینه ی اول یعنی One line input کلیک می کنیم تا فیلدی را برای “نام و نام خانوادگی” در نظر بگیریم. در تصویر زیر مشاهده می کنید که با اضافه شدن فیلد می توانید آن را به راحتی تنظیم کرده و عناوین آن را تغییر دهید یا به فارسی وارد کنید.

یک بار دیگر بر روی گزینه One line input کلیک میکنیم تا یک فیلد برای نام خانوادگی ایجاد کنیم:

فیلد بعدی را برای ایمیل انتخاب می کنیم و به فرم اضافه می کنیم و به راحتی می توانیم آن را تنظیم کنیم.

برای ایجاد فیلد شماره ی تلفن از گزینه ی one line input کمک میگیریم و Validation را روی only number قرار می دهیم.

با کلیک بر روی گزینه ی Required field می توانید فیلدهای خود را به صورت اجباری کنید.

برای ساخت check boxes، آن را از منوی کشویی add fields انتخاب می کنیم. آیتم هایی را در اختیار ما قرار می دهد که می توانیم آن را با توجه به فعالیت خود تغییر دهیم.

در پایان باید گزینه ی “submit” را انتخاب کنیم و به فرم خود اضافه کنیم و نام آن را به “ارسال” تغییر دهیم.همچنین می توانید رنگ مورد علاقه ی خود را برای آن انتخاب کنید.

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

فرم ایجاد شما را میخواهیم نمایش دهیم. برای این کار به قسمت برگه ها رفته و بر روی گزینه ی “Add form+” کلیک میکنیم و نام فرم طراحی شده را انتخاب نمایید تا در برگه شورت کد آن وارد شود.

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

البته باید بگویم این فرم تنظیمات دیگری برای نوع و رنگ بندی فرم در اختیار شما قرار می دهد که می توانید از منوی آبی رنگ بالای صفحه “Form option“ را ملاحظه کرده و تنظیمات ایمیل، رنگ بندی و… را انجام دهید.

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

پیشنهاد: همچنین میتوانید آموزش های زیر را مطالعه کنید:

• ساخت فرم تماس با ما در وردپرس با افزونه contact form 7
• ساخت فرم های پرکاربرد در وردپرس با افزونه ی Form Maker
• ساخت فرم تماس با ما در وردپرس با افزونه Pirate Forms
• ساخت انواع فرم در وردپرس با افزونه Visual Form Builder
• افزونه فرم ساز Gravity Forms
• ساخت فرم تماس در وردپرس با افزونه Contact Form by BestWebSoft
• ساخت فرم جستجوی تمام صفحه در وردپرس
• ساخت فرم حرفه ایی در وردپرس با افزونه Ninja Forms
• فرم ورود در وردپرس با افزونه theme my login

موفق و پاینده باشید…