آموزش تکمیل فرم تماس

با سلام خدمت کاربران سایت مِستر آموز و علاقه مندان به وردپرس.

خیلی خوشحالیم از اینکه با ما همراه هستید.

 

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

 

 

آموزش تکمیل فرم تماس ۷ در چند مرحله

 

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

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

 

ابتدا افزونه را را مثل دیگر افزونه های وردپرس ابتدا آن را دانلود سپس نصب  و فعالسازی نمایید.

 

با فعال سازی افزونه ، شما تنظیماتی از ان را در پنل وردپرس خود نمی بینید و این افزونه با فرم Contact form 7 ارتباط برقرار می کند و شما می توانید به تنظیمات فرم تماس بروید و گزینه های hidden field، form value، back button که بخاطر نصب این افزونه به این فرم اضافه شده است را ببینید.

بعد از فعال سازی ، باید به سراغ ساخت فرم برویم و برای ایجاد آن به سه فرم و سه برگه نیاز داریم و باید سه فرم با نام های مختلف ایجاد کنید.

 

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

 

حالا باید به برگه هایی را برای ایجاد فرم خود بسازید ، پس بر روی افزودن برگه جدید کلیک کنید و هر فرمی را که در مرحله ی قبل ایجاد کرده اید در برگه ای قرار دهید و ذخیره کنید . دوباره شما به سراغ صفحه ی فرم هایی که ساخته اید بروید و از گزینه hidden field که به فرم تماس ۷ اضافه شده است ، استفاده کنید و برای این منظور بر روی ویرایش هر یک از فرم هایی که ساخته اید کلیک کنید و کدی که از hidden دریافت کرده اید در انتهای فرم کپی کنید و پس از انجام این کار برای این که فرم اول به فرم دوم منتقل شود باید آدرس برگه ای که برای فرم دوم ساخته اید در بخش ” تنظیمات اضافی ” با استفاده از کد وردپرس زیر قرار دهید :

 

on_sent_ok: "location.replace('http://example.com/my-second-page/');"

 

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