آموزش Contact Form 7 Multi Step و ساخت فرم تماس چندمرحله ای

آموزش افزونه Contact Form 7 Multi Stepدر این مقاله به آموزش افزونه Contact Form 7 Multi Step که برای ایجاد فرم های چند مرحله ای با فرم تماس 7 عرضه شده است و یکی از فرم های تماس با ما قوی و کاربر پسند دمی باشد، می پردازیم.

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

فرم های چند مرحله ای این مشکل را با اضافه کردن نوار پیشرفت در بالای فرم و کم کردن فیلدهای روی صفحه حل می کنند. این کار باعث ایجاد تجربه ای جذاب و تعاملی برای کاربر می شود.

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

در این آموزش افزونه Contact Form 7 Multi Step را بررسی کرده و نحوه ساخت فرم های چند مرحله ای با این افزونه را توضیح خواهیم داد.

آموزش افزونه Contact Form 7 Multi Step و نحوه ساخت فرم تماس چندمرحله ای

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

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

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

گزینه هایی که پس از نصب افزونه به فرم تماس ۷ اضافه می شوند، سه گزینه ی “multistep” و “form field” و “previous” هستند که به ابزار های این افزونه مربوط می شوند.

در این آموزش افزونه Contact Form 7 Multi Step می خواهیم یک فرم سه مرحله ای ایجاد کنیم. ابتدا از منوی برگه ها»افزودن، سه برگه مجزا به نامهای برگه ۱، برگه ۲ و برگه ۳ درست کنید. به آدرس url این برگه ها نیاز دارید بنابراین بهتر است آنها را جداگانه کپی کرده و در یک ویرایشگر متنی مانند notepad ذخیره کنید.

قدم بعدی ایجاد سه فرم مجزا است. وارد منوی فرم تماس ۷ شده و روی افزودن جدید کلیک کنید.آموزش افزونه Contact Form 7 Multi Step

ابتدا فرم ۱ را ایجاد می کنیم. در قسمت نام، فرم ۱ را نوشته و فیلدهای نام، نام خانوادگی و دکمه submit را در آن قرار دهید. عنوان دکمه submit را به جای ارسال، “بعدی” بگذارید.

آموزش افزونه Contact Form 7 Multi Step

سپس روی گزینه multistep کلیک کرده و در پنجره ای که باز می شود، بسته به صفحه ای که در آن قرار دارید گام ۱، ۲ یا ۳ از ۳ را انتخاب کنید. چون در حال ساخت فرم ۱ هستید، در این قسمت گام ۱ از ۳ را وارد نمایید.آموزش افزونه Contact Form 7 Multi Step

در قسمت Next Page URL آدرس url برگه ۲ را که قبلاً کپی کرده بودید، قرار دهید. سپس روی دکمه Insert Tag کلیک کنید.

اگر در تب Email با پیغام خطا مواجه شدید، وارد قسمت Email شوید و تمام محتویات بخش های سرایندهای اضافی و محتوای پیام را پاک کنید.

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

به همین ترتیب فرم ۲ را ایجاد کرده و فیلدهای آدرس ایمیل، دکمه “قبلی” با استفاده از گزینه “previous” برای برگشتن به فرم ۱ و دکمه بعدی برای رفتن به فرم ۳ را در آن قرار دهید.آموزش افزونه Contact Form 7 Multi Step

با کلیک روی گزینه “multistep” در پنجره باز شده گام ۲ از ۳ را انتخاب کرده و آدرس url برگه ۳ را در Next Page URL قرار دهید.

آموزش افزونه Contact Form 7 Multi Step

فرم ۳ را نیز با اضافه کردن عنوان و متن پیام، دکمه ی برگشت به فرم ۲ با گزینه “previous” و دکمه ی ارسال ایجاد کنید. با کلیک روی گزینه “multistep” در پنجره باز شده گام ۳ از ۳ را انتخاب کنید. چون در قدم آخر هستید قسمت Next Page URL باید خالی بماند.

آموزش افزونه Contact Form 7 Multi Step

تغییرات را ذخیره کنید. به این ترتیب ۳ فرم با سه شورت کد مختلف داریم که به صورت زیر به آنها دسترسی داریم.

آموزش افزونه Contact Form 7 Multi Step

در مرحله بعد برای داشتن فرم تماس چندمرحله ای با Contact Form 7 Multi Step باید شورت کد فرم ها را در برگه ها قرار دهید. شورت کد فرم ۱ را در برگه ۱، شورت کد فرم ۲ را در برگه ۲ و شورت کد فرم ۳ را در برگه ۳ قرار دهید و آنها را ذخیره کنید.آموزش افزونه Contact Form 7 Multi Stepآموزش افزونه Contact Form 7 Multi Stepآموزش افزونه Contact Form 7 Multi Step

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

دریافت افزونه

دانلود فابلصفحه-افزونه

درباره ی مینا قدسی

مطلب پیشنهادی

افزونه Duplicate Page

افزونه Duplicate Page و کپی کردن نوشته ها در وردپرس

یکی از راه هایی که می توانید روی یک نوشته یا برگه وردپرس بدون تأثیر …

یک دیدگاه

  1. مرسی از سایت خوبتون
    کاملا اتفاقی از نتایج جستجو شما رو پیدا کردم با این حال خیلی خوب بود

پاسخی بگذارید

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