×

تکمیل فرم تماس ۷ چند مرحله ای در وردپرس با Contact Form 7 Multi

تکمیل فرم تماس ۷ چند مرحله ای در وردپرس با Contact Form 7 Multi

سلام رایا وردپرسی های عزیز

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

در صورتی که فرم‌ساز حرفه‌ای میخواهید که فارسی باشد و به راحتی و آسانی فرم خود را بسازید،

به شما پیشنهاد میکنم از فرم ساز Quform استفاده کنید. (برای دیدن امکانات افزونه Quform کلیک کنید)

برای ایجاد فرم تماس با ما افزونه ی Contact Form 7 Multi را پیشنهاد می دهیم این افزونه به شما وردپرسی های عزیز امکان می دهد تا فرم های تماس چندمرحله ای در وردپرس ایجاد کنید. این افزونه تاکنون ۱۰,۰۰۰ نصب فعال در مخزن وردپرس داشته است و امتیاز ۴.۵ از ۵ کسب کرده است. در ادامه به آموزش استفاده از افزونه ی  Contact Form 7 Multi خواهیم پرداخت پس با ما همراه باشید….

نصب و فعال سازی افزونه ی Contact Form 7 Multi

ابتدا افزونه ی Contact Form 7 Multi را که در پایان آموزش قرار دادیم دانلود و نصب کنید. اگر با نصب افزونه آشنایی ندارید مقاله ی آموزشی نصب افزونه را مشاهده کنید. بعد از نصب افزونه آن را فعال کنید بعد از فعال کردن افزونه در هیچ جای پنل وردپرس نشان داده نخواهد شد. شما برای این کار نیاز به نصب و فعال سازی افزونه ی Contact Form 7 دارید که بعد از فعال سازی این افزونه گزینه ی فرم تماس در پنل وردپرس ظاهر خواهد شد که در تصویر زیر نیز مشاهده می کنید.

نصب افزونه ی Contact Form 7

ایجاد فرم تماس چند مرحله ای

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

ابتدا در پنل وردپرس به قسمت فرم تماس – > افزودن جدید بروید تا فرم ۱ را ایجاد کنید. در فرم ۱ نام، نام خانوادگی و دکمه ی بعدی را ایجاد کنید و در پایان بر روی دکمه ی ذحیره کلیک کنید.

ایجاد فرم اول

سپس دوباره به قسمت فرم تماس – > افزودن جدید بروید تا فرم ۲ را ایجاد کنید. در فرم ۲ ایمیل، دکمه ی  قبلی برای رفتن به فرم ۱ و دکمه ی بعدی برای رفتن به فرم ۳ ایجاد کنید و در پایان بر روی دکمه ی ذحیره کلیک کنید.

ایجاد فرم 2

سپس دوباره به قسمت فرم تماس – > افزودن جدید بروید تا فرم ۳ را ایجاد کنید. در فرم ۳ موضوع، متن پیام و دکمه ی ارسال را ایجاد کنید و در پایان بر روی دکمه ی ذحیره کلیک کنید.

ایجاد فرم 3

همان طور که قبلاً نیز گفته شد ما باید ۳ برگه ایجاد کنیم و شورت کد هر یک از فرم ۱، فرم ۲ و فرم ۳ را در هر برگه قرار دهیم.

اکنون به قسمت برگه ها -> افزودن برگه بروید و شورت کد فرم ۱ را در برگه ۱ قرار دهید( شورت کدها همون کادرهای مستطیلی بزرگ هستند که در تصاویر قبلی نشان داده شده است)

قرار دادن شورت کد فرم 1 در برگه 1

به قسمت برگه ها -> افزودن برگه بروید و شورت کد فرم ۲ را در برگه ۲ قرار دهید.

قرار دادن شورت کد فرم 2 در برگه 2

به قسمت برگه ها -> افزودن برگه بروید و شورت کد فرم ۳ را در برگه ۳ قرار دهید.

قرار دادن شورت کد فرم 3 در برگه 3

اکنون به قسمت فرم تماس -> فرم های تماس بروید و سپس  گزینه ی ویرایش فرم ۱ را بزنید بعد از آن شورت کدی که در تصویر مشاهده می کنید را در انتهای شورت کدها اضافه کنید.

قرار دادن شورت کد hidden step در انتهای فرم اول

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

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

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

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

حال فرم ۲  را در حالت ویرایش باز کنید و شورت کد تصویر زیر را به انتهای شورت کدها اضافه کنید.

قرار دادن شورت کد hidden step در انتهای فرم دوم

برای اینکه فرم دوم بتواند به فرم سوم انتقال یابد شما می بایست آدرس برگه ی سوم ( پیوند یکتای برگه دوم ) را در تب تنظیمات اضافی فرم دوم قرار دهید سپس بر روی دکمه ی ذخیره کلیک کنید.

وارد کردن آدرس برگه سوم در تنظیمات اضافی فرم دوم

حال فرم ۳  را در حالت ویرایش باز کنید و شورت کد تصویر زیر را به انتهای شورت کدها اضافه کنید.

قرار دادن شورت کد hidden step در انتهای فرم سوم

آدرس برگه ی سوم نیازی نیست در تب تنظیمات فرم دوم قرار بگیرد چون فرم سوم آخرین فرم ما هست.

اکنون پیش نمایش فرم چند مرحله ای در سایت را مشاهده کنید وقتی فرم ۱ توسط کاربر پر شود وارد فرم ۲ و سپس وارد فرم ۳ خواهد شد.

نمایش فرم چند مرحله ای در سایت

جمع بندی!

فرم تماس در هر سایتی یک راه ارتباطی بین کاربر و مدیر سایت می باشد اگر می خواهید فرم تماس چند مرحله ای ایجاد کنید از افزونه ی Contact Form 7 Multi استفاده کنید البته برای ایجاد فرم چند مرحله ای به افزونه ی Contact Form 7  هم همزمان نیاز خواهید داشت در این مقاله به طور کامل به آموزش ایجاد فرم چند مرحله ای پرداختیم امیدوارم برای شما مفید بوده باشد.

مطالعه بیشتر

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *