پشتیبانی و مشاوره : 05138555815 - 09159129565
شما اینجا هستید

ساخت فرم تماس ۷ در چند مرحله ساده در وردپرس

ساخت فرم تماس ۷ در چند مرحله ساده در وردپرس
rahim nohtany ۲۹ شهریور ۹۶ آموزش وردپرس بدون نظر 161 بازدید

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

افزونه فرم تماس ۷

اگر از فرم تماس ۷ استفاده می کنید و آن را در قالب  وردپرس خود نصب کرده اید، می توانید با نصب کردن افزونه ی “Contact Form 7 Multi-Step Forms” به آن امکان چند مرحله ای شدن را بدهید! فقط باید  چند مرحله ساده را دنبال کنید   تا تکمیل فرم تماس ۷ در وردپرس را داشته باشیم.

در مرحله اول  افزونه ساخت فرم تماس ۷ را نصب و فعال می کنیم. این افزونه در هیچ قسمتی از پنل وردپرس نمایش داده نخواهد شد و به طور مستقیم با “Contact form 7” ارتباط برقرار می کند. در تکمیل فرم تماس ۷ در وردپرس، سه گزینه ی “hidden field، form value، back button” اضافه شده است که مربوط به افزونه می باشد.
پس از فعال کردن افزونه، به سراغ ساخت فرم که می خواهیم می رویم. در چند مرحله ساده به شما آموزش خواهیم داد  فرم را در ۳ مرحله ایجاد کنید ! پس باید ۳ فرم و سه برگه داشته باشیم.

ساخت فرم تماس ۷ | ساخت فرم تماس۷ در چند مرحله | ساخت فرم تماس چند مرحله ای در وردپرس

 

سه فرم مختلف به نام های فرم ۱، فرم ۲ و فرم ۳ ایجاد خواهیم کرد.

فرم ۱ را به ترتیب تصویر زیر با افزودن نام و نام خانوادگی و همچنین دکمه ی بعدی ایجاد می کنیم.

ساخت فرم تماس ۷ | ساخت فرم تماس۷ در چند مرحله | ساخت فرم تماس چند مرحله ای در وردپرس

 

فرم ۲ را نیز با اضافه کردن آدرس ایمیل و دکمه ی قبلی برای بازگشت به فرم ۱ و دکمه ی بعدی برای رفتن به فرم ۳ می سازیم.

ساخت فرم تماس ۷ | ساخت فرم تماس۷ در چند مرحله | ساخت فرم تماس چند مرحله ای در وردپرس

 

فرم ۳ نیز با اضافه کردن عنوان و متن پیام و دکمه ی ارسال درست شده است.

 

ساخت فرم تماس ۷ | ساخت فرم تماس۷ در چند مرحله | ساخت فرم تماس چند مرحله ای در وردپرس

 

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

حالا باید برگه ها برای کامل کردن  فرم تماس ۷ در وردپرس خود رفته . بر روی گزینه ی افزودن برگه ی جدید کلیک کنید و هر فرم  را در یک برگه ی مجزا قرار دهید. فرم ۱ در برگه ی اول، فرم ۲ در برگه ی دوم و فرم ۳ در برگه ی سوم قرار می گیرد.

ساخت فرم تماس ۷ | ساخت فرم تماس۷ در چند مرحله | ساخت فرم تماس چند مرحله ای در وردپرس

 

ساخت فرم تماس ۷ | ساخت فرم تماس۷ در چند مرحله | ساخت فرم تماس چند مرحله ای در وردپرس

 

ساخت فرم تماس ۷ | ساخت فرم تماس۷ در چند مرحله | ساخت فرم تماس چند مرحله ای در وردپرس

 

حال باید برای مرحله ای کردن و تکمیل فرم تماس ۷ در وردپرس، دوباره به سراغ صفحه ی فرم ها رفته و از ویژگی “hidden” که به فرم تماس ۷ اضافه شده استفاده کنیم. بر روی گزینه ی ویرایش برای هر یک  از فرم ها کلیک کرده و شورت کد مناسب را در انتهای  اضافه کنید .

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

ساخت فرم تماس ۷ | ساخت فرم تماس۷ در چند مرحله | ساخت فرم تماس چند مرحله ای در وردپرس

 

شما باید برای اینکه فرم اول به فرم دوم انتقال داده شود ، آدرس برگه ای که برای فرم دوم ساختید را در قسمت تنظیمات اضافی فرم اول با کد مشخص شده در زیر  وارد کنید.

ساخت فرم تماس ۷ | ساخت فرم تماس۷ در چند مرحله | ساخت فرم تماس چند مرحله ای در وردپرس

ساخت فرم تماس ۷ | ساخت فرم تماس۷ در چند مرحله | ساخت فرم تماس چند مرحله ای در وردپرس

 

ساخت فرم تماس ۷ | ساخت فرم تماس۷ در چند مرحله | ساخت فرم تماس چند مرحله ای در وردپرس

به  توجه به شکل بالا  تنظیمات را انجام داده و ذخیره کنید.

به همین شکل در فرم دوم شورت کد مربوطه را وارد کرده و در تنظیمات اضافی آن، آدرس برگه ی سوم را می دهید.

ساخت فرم تماس ۷ | ساخت فرم تماس۷ در چند مرحله | ساخت فرم تماس چند مرحله ای در وردپرس

 

و همچنین فرم ۳ را به همین شکل تنظیمات را انجام داده و ذخیره  کنید.

توجه!!! دقت کنید که در فرم سوم نیازی به وارد کردن آدرسی از برگه ها نیست! زیرا فرم سوم آخرین فرم ما می باشد.

ساخت فرم تماس ۷ | ساخت فرم تماس۷ در چند مرحله | ساخت فرم تماس چند مرحله ای در وردپرس

 

حال با وارد کردن آدرس فرم اول تمامی فرم ها مرحله به مرحله جلوتر  می روند.

ساخت فرم تماس ۷ | ساخت فرم تماس۷ در چند مرحله | ساخت فرم تماس چند مرحله ای در وردپرس

نظر شما در مورد این مطلب چیست ؟بدون نظر