ساخت فرم حرفه ای در ۶۰ ثانیه در وردپرس با Formidable Forms
اضافه شدن ویدئوی آموزشی در تاریخ ۱۶ مرداد ۱۳۹۶
تا به حال به آموزش های زیادی در حیطه ی ساخت فرم در وردپرس پرداخته ایم. در این نوشته هم قصد داریم یکی دیگر از این افزونه ها را که محبوبیت بالایی را در بین افزونه های تماس با ما دارد را آموزش دهیم.شاید برایتان سوال باشد که چرا این همه افزونه با یک کار مشابه را در همیار وردپرس آموزش می دهیم؟
به نظرتان چرا با وجود افزونه هایی با عملکردهای مشابه با افزونه های رقیب، ایجاد می شوند!
هر افزونه ای که ایجاد می شود صدرصد یک ویژگی جدید یا یک نوآوری جدید را به همراه دارد و ضمن اینکه افزونه های مشابه به هم می توانند در سایت های متفاوت نتیجه ی بهتری را به همراه داشته باشند.
ساخت فرم در وردپرس با Formidable Forms
formidable – ساخت فرم در وردپرس
این افزونه کارکرد بسیار آسانی دارد و شما با عمل drag and drup (یعنی روی المان مورد نظر کلیک کنید و آن را روی بخش مورد نظر بکشید و رها کنید!) می توانید در عرض چندین ثانیه به ساخت فرم در وردپرس بپردازید.
افزونه ی Formidable Forms تا کنون بیش از ۳۰۰۰۰۰ نصب فعال را در مخزن وردپرس از آن خود کرده است و می توان از آن به عنوان محبوب ترین پلاگین ها در ساخت فرم یاد کرد.
شروع کار
برای شروع کار ابتدا افزونه را دریافت نموده و از بخش افزونه های سایت خود آن را نصب نمایید. سپس در بخش پیشخوان سایت شما بخشی جدید با نام Formidable Forms اضافه شده است، روی آن کلیک کنید تا به صفحه ی تنظیمات افزونه بروید.
form-ساخت فرم در وردپرس
ایجاد اولین فرم
add new-ساخت فرم در وردپرس
ابتدا برای ساخت یک فرم روی گزینه ی مورد نظر کلیک کنید.
enter info-ساخت فرم در وردپرس
همان طور که در تصویر بالا مشاهده می کنید این افزونه برای ایجاد فرم ۴ بخش اصلی دارد که بررسی آن می پردازیم:
بخش ۱: در فیلد مربوط به این بخش باید نام فرم را وارد کنید.
بخش۲: در این بخش فیلدها و یا محتوایی که میخواهید در فرم نمایش دهد را مشاهده می کنید، که برای اضافه کردن هر یک به فرم خودتان باید روی آن کلیک کنید و آن را در بخش ۳ رها کنید.
نکته: از این بخش فقط میتوانید فیلدها و گزینه های محدودی را به فرمتان اضافه کنید، برای دسترسی به تمامی آپشن های این افزونه باید نسخه ی پرمیوم آن را تهیه کنید.
بخش۳: این بخش هم که در بخش اشاره کردیم برای نمایش گزینه ها و ورودی های نمایشی برای کاربر می باشد.
بخش۴: در نهایت با اعمال تمامی تنظیمات و ایجاد فرم مورد نظرتان روی گزینه ی update برای ذخیره فرم استفاده کنید. با گزینه ی preview هم می توانید پیش نمایشی از فرمتان را مشاهده کنید.
Settings
از این بخش هم میتوانید تنظیمات مربوطه را برای زمانی که روی دکمه ی ارسال کلیک شد تنظیم کنید.
settings- ساخت فرم در وردپرس
مثلا می توانید تنظیم کنید وقتی کاربر روی گزینه ی ارسال فرم کلیک کرد یک پیام نمایش داده شود که می توانید محتوای نمایشی را در تصویر بالا مشاهده کنید.اینکه درخواست بصورت ایجکس(ارسال درخواست بدون لود صفحه) ارسال شود یا خیر. همچنین استایل دکمه و محتوای متنی آن. خب بعد از انجام تنظیمات لازمه دکمه ی update را برای ذخیره تغیرات کلیک کنید. تا ساخت فرم در وردپرس انجام شود.
استفاده از شورت کد
حال فرم تماس با ما مورد نظر شما ایجاد شده است و شما می توانید این فرم را بصورت کد شورت کد در نوشته/برگه سایتتان به نمایش بگذارید. حال شورت کد مورد نظرتان باید آن را از قسمتی که در تصویر بالا مشاهده می کنید، کپی کنید و در برگه/نوشته بچسبانید.
show shortcode- ساخت فرم در وردپرس
ابتدا روی گزینه show کلیک کنید و سپس شورت کد را که کدی بصورت [formidable id=8] است را کپی کنید. در اینجا من برای اینکه فرم مورد نظر را در سایت به نمایش بگذارم شورت کد مورد نظر را برای ساخت فرم در وردپرس در برگه تماس با ما سایت کپی میکنم.
put shortcode- ساخت فرم در وردپرس
حال می توانید نتیجه ی تغیرات را در خروجی مشاهده کنید اما قبل از آن باید نکته ای رو عرض کنم. اگر به همین صورت تغیرات را در خروجی مشاهده کنید حتما فرم را بصورت چپ چین شده می بینید. مخاطبان سایت های ما فارسی زبان هستند و باید محتوای سایت را بصورت راست چین شده مشاهده کنند، پس قبل از مشاهده خروجی ابتدا به بخش style افزونه بروید.
styles – ساخت فرم در وردپرس
حال از ستون کناری که بصورت زیر مشاهده می کنید. تمامی تب ها را باز کنید و هر جا گزینه ی Align مشاهده کردید آن را برابر right قرار دهید. دقیقا همان گونه که در تصویر زیر مشاهده می کنید.
feild description – ساخت فرم در وردپرس
خب حال می توانیم برگه ی مورد نظر را در خروجی مشاهده کنیم. که بصورت زیر نمایش داده می شود.
result – ساخت فرم در وردپرس
بدین صورت می توانید به ساخت فرم در وردپرس به صورت کاملا دلخواه بپردازید.
موفق باشید…
