ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)

ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)

ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)5 (100%) 1 vote استفاده از فرم های مختلفی

ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)
5 (100%) 1 vote

استفاده از فرم های مختلفی همچون فرم تماس یا ارتباط با ما و … در وب سایت بسیار کاربردی است و استفاده می شود. در ادامه مجموعه مقالات مرکز طراحی وب سایت پاریس وب قصد داریم افزونه ای برای یکی از فرم سازهای ورد پرس معرفی کنیم که یک ویژگی جدید را به آن اضافه می کند. فرم تماس 7 یکی از فرم سازهای قدرتمند و معروف وردپرس است. ویژگی که به این افزونه اضافه می شود حالت چند مرحله ای در فرم تماس است. حتما در برخی از سایت ها مشاهده کرده اید که فرم های تماس در چند مرحله تکمیل می شوند و برای کاربران جذابیت دارد.

افزونه contact form 7 multi-step forms

اگر از قبل فرم تماس 7 را نصب کرده اید و از آن استفاده می کنید با نصب افزونه ی Contact Form 7 Multi-step Forms و طی چند مرحله تنظیمات می توانید ویژگی چند مرحله ای شدن را به آن اضافه کنید. ابتدا این افزونه را نصب و فعال نمایید. این افزونه در قهیچ قسمتی نمایش داده نمی شود و با فرم تماس 7  ارتباط برقرار می کند و در آن سه گزینه مربوط به این افزونه اضافه می شود. گزینه های hidden field, back button, form value.

بعد از نصب و فعال سازی به سراغ ساخت فرم می رویم در اینجا قصد داریم فرم را در 3 مرحله ایجاد کنیم به همین علت به 3 فرم و 3 برگه نیاز داریم. بنابراین سه فرم مختلف فرم1, فرم2 و فرم 3 را ایجاد می کنیم.

خلاصه
تاریخ
موضوع
ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)
رتبه بندی
51star1star1star1star1star
ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)
5 (100%) 1 vote

برای ساخت فرم 1 مانند تصویر 1 اقدام می کنیم:

فرم1

خلاصه
تاریخ
موضوع
ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)
رتبه بندی
51star1star1star1star1star
ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)
5 (100%) 1 vote

فرم 2 نیز مطابق تصویر شماره 2 ایجاد می شود:

form2

خلاصه
تاریخ
موضوع
ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)
رتبه بندی
51star1star1star1star1star
ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)
5 (100%) 1 vote

و در آخر نیز فرم 3 را مطابق آنچه در تصویر مشخص شده است ایجاد می کنیم:

form3

خلاصه
تاریخ
موضوع
ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)
رتبه بندی
51star1star1star1star1star
ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)
5 (100%) 1 vote

اکنون 3 فرم و 3 شورت کد داریم که در تصاویر بالا با کارد قرمز نشان داده شده اند. حال در 3 برگه جدا گانه که با استفاده از گزینه ای افزودن برگه ایجاد کرده ایم هر شورت کد ار در یک برگه کپی می کنیم. فرم 1 در برگه اول, فرم 2 در برگه ی دوم و فرم 3 در برگه ی سوم.

بعد از این مراحل برای مرحله ای کردن فرم تماس 7 مجددا به سراغ فرم ها رفته و از گزینه “hidden” که در فرم تماس 7 اضافه شده است استفاده می کنیم. سپس در قسمت ویرایش هر فرم شورت کد مناسب را قرار می دهیم. سپس برای انتقال فرم اول به دوم در قسمت تنظیمات اضافی فرم اول باید آدرس برگه ی فرم دوم را به شکل زیر وارد کنید.

addform14

 

addform15

 

addform16

 

بعد از اعمال تغییرات مطابق تصاویر بالا تنظیمات را ذخیره می کنیم.

خلاصه
تاریخ
موضوع
ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)
رتبه بندی
51star1star1star1star1star
ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)
5 (100%) 1 vote

برای فرم 2 نیز اقدامات بالا را مطابق آنچه در تصویر مشخص شده است انجام می دهیم.

addform2

خلاصه
تاریخ
موضوع
ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)
رتبه بندی
51star1star1star1star1star
ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)
5 (100%) 1 vote

همچنین فرم 3 نیز طبق تصویر تنظیم می شود الته این فرم چون فرم آخر است به تنظیمات اضافی نیاز ندارد.

addform3

حال اگر آدرس اول را در برگه ای قرار دهید تمامی مراحل پشت سر هم پیش می روند.

 

خلاصه
تاریخ
موضوع
ساخت فرم تماس چند مرحله ای برای سایت (افزونه وردپرس)
رتبه بندی
51star1star1star1star1star