آموزش ساخت فرم تماس در وردپرس

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

آنچه در این مقاله به اختصار خواهید خواند:

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

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

فرم‌ها جایگاه ویژه‌ای در وبسایت‌ها ایفا می‌کنند و بهتر است

برای برقراری ارتباط و تعامل بیشتر با کاربران از فرم‌های مختلفی در سایت خود استفاده کنیم.

گاهی اوقات نیاز دارید تا اطلاعات بیشتری از کاربران خود دریافت کنید

و برای این کار مجبور به ساخت یک فرم طولانی با فیلدهای زیادی هستید،

همانطور که می‌دانید پر کردن فرم‌های طولانی بسیار خسته کننده هستند و احتمال دارد

کاربر از پر کردن آن صرف‌نظر و یا به کلی سایت شما را ترک کند.

به همین دلیل از دیگر موارد مهمی که در ساخت فرم‌ها حائز اهمیت است جذابیت آن است.

با بکار بردن کمی صبر و خلاقیت به راحتی می‌توانید

کاربران را تشویق به پر نمودن فرم‌ها نمایید.

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

با کمک افزونه Contact Form 7 Multi-Step Forms به راحتی می‌توانید بدون نگرانی اطلاعات بیشتری از کاربران خود جمع‌آوری کنید.

در ادامه این مقاله افزونه Contact Form 7 Multi-Step Forms را به شما معرفی و نحوه ساخت فرم چند

مرحله ای در وردپرس را آموزش خواهیم داد.

پیشنهاد میکنیم مقاله آموزش طراحی سایت آکادمی وب30 را مطالعه بفرمایید.

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

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

پس از نصب و فعالسازی افزونه Contact Form 7 Multi-Step Forms صفحه زیر را مشاهده خواهید کرد

که می‌بایست بر روی دکمه Skip کلیک کنید.

آموزش ساخت فرم تماس با Contact Form 7

این افزونه هیچ منوی جدیدی به پیشخوان وردپرس شما اضافه نخواهد کرد و تنها چند ویژگی جدید را به افزونه Contact Form 7 اضافه می‌کند.

برای ساخت فرم چند مرحله ای در وردپرس کافیست مطابق تصویر زیر از منوی “فرم تماس” گزینه “افزودن جدید” را انتخاب نمایید.

آموزش ساخت فرم تماس با Contact Form 7 بخش دوم

آموزش ساخت فرم تماس با Contact Form 7
با انتخاب این گزینه وارد صفحه‌ای مانند تصویر زیر خواهید شد.

ابتدا لازم است یک نام برای فرم خود در نظر بگیرید، به عنوان مثال نام نخستین فرم را “فرم تماس 1” انتخاب کردیم که دارای

دو فیلد نام و نام خانوادگی می‌باشد و از دکمه submit به منظور “رفتن به مرحله بعد” استفاده کردیم.

بنا به نیاز خود می‌توانید فیلدهای بیشتری را اضافه و عنوان هر کدام را نیز ویرایش نمایید.

فرم تماس 1 - آموزش ساخت فرم تماس با Contact Form 7

پس از افزودن فیلدهای مورد نیاز، برای چند مرحله‌ای کردن فرم لازم است

بر روی دکمه Multistep موجود در صفحه کلیک کنید

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

چون “فرم تماس 1” اولین فرم می‌باشد می‌بایست گزینه First step را تیک زده

و آدرس URL صفحه بعدی فرم (آدرس صفحه فرم تماس 2) را نیز در کادر مربوطه وارد و سپس دکمه Insert tag را انتخاب کنید.

آموزش ساخت فرم تماس با Contact Form 7 بخش سوم

پس از تکمیل شدن فرم لازم است بر روی دکمه “ذخیره” کلیک نمایید

تا کد کوتاه مربوط به آن نمایش داده شود.

کد کوتاه نمایش داده شده در صفحه را کپی کرده و در برگه یا نوشته جدید قرار دهید.

مرحله بعد ساخت “فرم تماس 2” می‌باشد که مجددا لازم است

از منو “فرم تماس” گزینه “افزودن جدید” را انتخاب نموده

و فیلدهای دلخواه خود را وارد کنید

که در اینجا از فیلد “ایمیل” و دکمه submit به عنوان “مرحله بعدی” استفاده کردیم،

چون این فرم، دومین فرم می‌باشد می‌بایست علاوه بر داشتن دکمه مرحله بعد،

دارای دکمه “رفتن به مرحله قبلی” نیز باشد؛

به همین منظور لازم است از دکمه Previous برای این کار استفاده شود.

آموزش ساخت فرم تماس با Contact Form 7 بخش چهارم

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

و دکمه Insert tag را انتخاب کنید.

تنظیمات فرم

با این کار یک دکمه به نام Previous به فرم شما اضافه خواهد شد.

کذ های مربوط به فرم تماس

پس از تکمیل فرم تماس 2 نیز مجددا تنظیمات را ذخیره و کد کوتاه نمایش داده شده

را در یک برگه یا نوشته جدید قرار دهید.

(پس از باز نمودن صفحه فرم تماس 2، لازم است URL این صفحه را کپی کرده

و در قسمت Multistep فرم 1 وارد نمایید،

همچنین پس از ساخت فرم تماس 3 آدرس URL آن را نیز باید در در قسمت Multistep فرم 2 قرار دهید.)

جهت ساخت فرم تماس 3 مانند دو فرم قبلی عمل کرده و از دو فیلد “موضوع پیام” و “متن پیام” استفاده کردیم.

این فرم اخرین صفحه از فرم محسوب می‌شود و دیگر نیازی به داشتن دکمه “رفتن به مرحله بعد” ندارد

و از دکمه submit برای ارسال فرم استفاده می‌کنیم، همچنین لازم است

از بخش Multistep گزینه Last Step را فعال کنید.

فرم تماس آموزش ساخت فرم تماس با Contact Form 7

پس از انجام مراحل فوق، فرم 3 بدین صورت خواهد بود:

فرم تماس 3 -آموزش ساخت فرم تماس با Contact Form 7

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

در نهایت پس از انجام مراحل فوق کافیست به صفحه فرم تماس 1 مراجعه کنید

تا فرم نام و نام خانوادگی را به شما نشان دهد.

آموزش ساخت فرم تماس با Contact Form 7 بخش 5

با کلیک بر روی دکمه “بعدی” وارد دومین صفحه از فرم می‌شوید:

فرم تماس قسمت 6 آموزش ساخت فرم تماس با Contact Form 7

با کلیک بر روی دکمه قبلی به راحتی می‌توانید به اولین صفحه فرم دسترسی پیدا کنید

و یا در صورت تکمیل اطلاعات به مرحله بعد بروید.

آموزش ساخت فرم تماس با Contact Form 7 بخش 7

پس از وارد نمودن موضوع و متن پیام بر روی دکمه “ارسال” کلیک کنید.

در صورت موفقیت آمیز بودن ارسال فرم با پیغام زیر روبرو خواهید شد:

آموزش ساخت فرم تماس با Contact Form 7 بخش9

به راحتی و با موفقیت توانستید فرم تماس چند مرحله ای را به سایت وردپرسی خود اضافه کنید.

لینک چنل یوتویوب | صفحه اینیستاگرام | آموزشات ووکامرس | صفحه افزونه | چنل آپارات

از آموزش ویدیویی استفاده کنید : آموزش ساخت فرم تماس با Contact Form 7

آموزش ساخت فرم تماس با Contact Form 7

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]

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