آموزش فرم چند مرحله ای + ایجاد ناوبری بجای درصد

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

multiform

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

حالا باید بالای هر “جدا کننده صفحه” فیلد های همون مرحله رو اضافه کنید. مثل تصویر زیر :

multiform

حالا که مراحلتون رو ایجاد کردید و تو محل قرار گیری فیلدهای هر مرحله ، فیلدهای مورد نظر رو قرار دادید و فرمتون تکمیل شد، به قسمت “شروع فرم/شروع صفحه/بالای اولین صفحه” مراجعه کنید و روش کلیک کنید تا تنظیماتش مطابق زیر باز بشه :

multiform

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

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

برای دانلود افزونه کلیک کنید.

multiform

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

multiform
multiform

گزینه سوم:هیچ: خب این گزینه هم که معلومه، نه درصد رو نشون میده و نه عنوان مراحل رو.

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

امیدوارم این آموزش مفید واقع شده باشه.

3.7/5 - (3 امتیاز)

108 پاسخ

  1. سلام من به مشکلی دارم

    من توی فرمم می خوام کاربر چند محصول رو انتخاب کنه برای هر کدوم یه تعداد رو ثبت کنه
    مثلا :
    شلوار : 2 عدد
    تی شرت 30 عدد
    .
    .
    .

    این مدلی ارسال بشه فرم آیا راهی داره
    ممنونم

  2. سلام
    به نظر افزونه جالبی میاد ولی یک مشکل !
    وقتی افزونه رو از مخزن وردپرس دانلود کردم و نصب کردم برام هیچ ایتمی تو منو مدیریت نیاورد 😐
    مشکل چی هست ؟

  3. سلام یه سوال
    من میخوام تعریف کنم مثلا لیست بازشویی دارم که شامل : حسن ، قلی ، میرزا
    حال میخوام وقتی رو هر کروم ازین ها رفت یه فرم دیگه باز کنه یعنی اطلاعاتی در زیر ظاهر بشه مختص به آن و آن ها را پر کند . مثلا روی حسن رفت چک باکس در زیر ظاهر بشه که تیک بزنه روی قلی رفت لیست بازشو بیاره و…
    با سپاس

  4. سلام
    ممنون از آموزش کاربردی شما
    من میخوام خلاصه اطلاعاتی که کاربر تو این فرم ها وارد میکنه مانند اون چیزی که در پنل ادمین نمایش داده میشه (صندوق ورودی) بعد از تکمیل شدن برای کاربر نشون داده بشه، آیا راهی هست؟

    1. سلام . بله . اگه بسته فارسی ساز نصب باشه شما تو مرحله آخر فرمتون ، یک فیلد HTML به فرمتون اضافه کنید و توش از {all_fields} استفاده کنید .
      تو بسته فارسی ساز این امکان رو اضافه کردیم که مقادیر برچسب ها تو فیلد html نشون داده بشن . میتونید بجای all_fields از سایر برچسب ها هم استفاده کنید . موفق باشید .

      1. ممنون، این برچسب خیلی بدرد خورد، کجا میتونم به لیست بقیه برچسب ها دسترسی داشته باشم؟
        یه سوال دیگه اینکه من نیاز دارم که اطلاعات فیلد های یک فرم در جای دیگه ای به غیر از خود اون فرم نمایش داده بشه( مثلا در یک برگه یا پست دیگه…) آیا امکانش هست؟

        1. سلام . هر فرمی که ساختید یک “اعلان” و یک “تاییدیه” دارن . اعلان برای ایمیل ها و تاییدیه برای صفحه ی بعد از پر کردن فرم هست . شما به قسمت تاییدیه برید و نوع تاییدیه رو روی برگه بذارید و برگه مورد نظر رو انتخاب کنید .
          البته برای دسترسی به برچسب ها ، همون اول که به تاییدیه ها رفتید و نوع تاییدیه رو هنوز تغییر ندادید ، یه قسمت داره که متن تاییدیه رو بخواید بنویسید . سمت راستش هم یه دکمه کوچیک داره که همه برچسب های همون فرم رو شامل میشه . میتونید از همون برچسب ها استفاده کنید . همون برچسب ها رو هم میتونید توی برگه ای که بعنوان تاییدیه انتخاب کردید استفاده کنید .

  5. سلام
    من میخوام یه فرم ثبتنام مسابقه و سمینار طراحی کنم که وابسته به کد ملی باشه و با هر کدملی فقط بشه یک بار فرم رو پر کرد و ارسال کرد؟
    برای حالت تیمی هم میخوام فرم وابسته به چند کدملی باشه تا افراد نتونن چندبار مسابقه شرکت کنن؟
    آیا میشه کد رهگیری به افراد داد تا طرحشون رو ویرایش کنن؟

      1. خیلی ممنون از راهنماییتون
        آیا میشه کد رهگیری به مردم داد تا بتونن دوباره بیان و فرم رو ویرایش کنن مثلا یه فایل دیگه آپلود کنن؟

  6. سلام من میخام استایل فرمم رو تغییر بدم. هم چنین یه سری کلاس اماده گروایتی رو توی بخش کلاس cssوارد کردم. ولی تغییری نکرد. ینی تغییر کرد ولی قاطی پاتیه فرم.
    بدم این اندازه فیلد کوچک یا متوسطم ک میزنم بازم تو خود فرم گنده نشونش میده میشه بگید مشکل از کجاس؟

    1. سلام
      یه سری کلاسهای آماده خود گرویتی داره که مستنداتش با مثال تو لینک زیر هست :
      https://www.gravityhelp.com/documentation/article/css-ready-classes/

      و اینکه شما خودتون میتونید کلاس تعریف کنید و با css بهش استایل بدید .

      یه افزونه پولی هم داره که البته توی نت پیدا میشه :
      http://codecanyon.net/item/gravity-forms-styler/6817645

  7. سلام. از وب سایت عالیتون متشکر.
    من یه مشکلی دارم که خیلی ذهنم را درگیر خودش کرده..
    میخواهم در قالب یک فرم چند صفحه ای تعدادی سوال مطرح کنم که کاربر جواب دهد.
    چون تعداد کاراکتر های سوالات زیاده در عنوان هر فیلدی مینویسم ، متن را در چند خط زیر هم کرده و پشت فیلد قرار میدهد.واز نظر طراحی به مشکل خوردم. برای رفع این مشکل سوال را در قالب HTML نوشتم. در نمایش مشکل حل شد. ولی در صندوق پیام ها سوالات را نمایش نمیدهد.
    این مشکل نمایش سوالات در HTML را چگونه حل کنم.؟

  8. سلام

    من چگونه می تونم بالای فرم های چند مرحله ای را رنگی کنم؟
    مثلاً وقتی در مرحله اول است تب اول رنگی باشه بعد مرحله دوم به بعد هم همینطور
    یکی یکی رنگی بشن

  9. سلام
    یک سوال ! به چه شکل می توان یک زیر فرم در گرویتی ایجاد کرد ؟! مثلا در فرمی می خواهیم اطلاعات شخصی فردی را گرفته که بخشی از این اطلاعات اسامی فرزندانش می باشد (شامل نام،سن،جنسیت و … برای هر فرزند). باید چکار کرد ؟! می توان چنین فرم هایی را با گرویتی ساخت ؟
    متشکر

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

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

    اول اینکه نمیتونم چند ستونه کار کنم اگه میشه کمکم کنید.
    دوم اینکه تصویر Add Purchase بالای فرم سازو حذف کنم و اینکه استفاده از نسخه بدون لایسنس مشکلی برام ایجاد میکنه یا نه؟

    تشکر

  12. باسلام وتشكر از شما
    من فرمي را كه ساختم ولي هنگامي كه خروجي اكسل مي گيرم فونت هاي فارسي را تشخيص نمي دهد
    همه فونت ها را هم نصب كردم به نظر شما چه كار بايد انجام دهم.

  13. سلام خسته نباشید.
    می خواستم بدونم آیا میشه فرم ثبت نام ساخت که اول جنیست فرد رو بگیره و بعد بر اساس اون در مرحله بعد فیلد های مربوطه رو نشون بده ( اگر زن بود فیلد های مخصوص زنان اگر مرد بود فیلد مخصوص مردان) رو برای کاربر نشون بده؟
    باتشکر

  14. با سلام
    من از این فرم ساز استفاده کردم اما مشکلم اینه که ایتم هایی که چک باکس هستند زیر هم قرار میگیره ولی من میخوام که سه تا چک باکس تو یه خط باشن .اینجوری ظاهر فرمم شکیلتر میشه اما راهش رو نمیدونم .لطفا راهنماییم کنید

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

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

  17. باسلام ببخشید بنده وقتی افزونه پروفایل حرفه ای User Profiles استفاده می کنم و فعال می شود فرم رو نمایش نمی دهد لطفا راهنمایی بفرمائید

  18. سلام

    اقا من میخوام از این فرم ساز برای ثبت سفارش جم استفاده کنم یعنی فقط میخوام اطلاعات رو طرف وارد کنه سپس وصل بشه به بان و مبلغ مد نظر رو پرداخت کنه و سپس برگده سایت و منتظر تماس من باشه …

    اطلاعاتی هم که ثبت کرده تو پنل برام قابل مشاهده باشه

    با این افزونه میشه چنین کاری کرد

  19. سلام اقا فدایی داری … از راه دور میبوسمت
    فقط داداش به چه چیز هایی لازم هست تا همچین کار بگنم
    یعنی کنار گرویتی چه افزونه هایی لازم هست
    پولی هم باشه مشکلی نیست
    دوست دارت
    منتظر پاسخ دل نشینت هستم

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

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

    1. سلام . اصن امکان نداره داخل مخزن چیزی دانلود بشه و اکسترکت نشه . نه این پلاگین بلکه هر پلاگین دیگه ای . چون پلاگین ها رو خود مخزن به صورت خودکار زیپ میکنه .

  22. سلام، آیا فرم ساز قسمتی داره که بعد از انتخاب یک گزینه بتونی یه سری اطلاعات پیش فرض رو از دیتابیس دیگه ای واکشی کنه؟

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

    1. سلام . منظورتون از سمت راست رو متوجه نمیشم . یعنی یه سبد خرید جدا از فرم توی سایدبار ؟ اینطوری نمیشه ولی همینم بستگی داره اضافه کردن محصول به چه شکلی باشه . یعنی محصول ووکامرس و …. یا نه یه محصول جدا . لطفا واضحتر شرح بدید .

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

  24. با سلام
    دوست عزیز سوالی داشتم یک فرم چند مرحله ای ایجاد کردم.و 100% از منطق شرطی هم در این فرم بهره بردم حال من میخواهم value های گرفته شده در فرم زمانی که روی دکمه ارسال کلیک می شود به صورت یک لینک در بیاید.
    برای مثال:
    http://mysite.com/s?=value1&value2
    آیا چنین چیزی در این افزونه قابل انجام است؟

    با تشکر از وقتی که میگذارید.

          1. سلام درست متوجه مشکل نشدم ولی اگه مشکلتون url هست . خب /? رو اضافه گذاشتید چون خودش اضافه میکنه . و اینکه برای هر value جدا جدا بزارید بهتره . مثل زیر :
            توی فیلد url بنویسید :
            http://example.com
            تو توی فیلد زیری هم تیک کوئری استرینگ رو بزنید و به صورت زیر پر کنید :

            s1={تست 1:1}&s2={تست 2:2}

            و بعدا هم توی اون صفحه از طریق $_GET[‘s1’] و … بگیریدش

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

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

  27. سلام و عرض ادب
    آیا امکان پرداخت مبلغی دلخواه که توسط بازدیدکننده تعیین بشه وجود داره؟ یعنی بازدید کننده خودش توی باکس تایپ کنه که چقدر میخواد پرداخت کنه

  28. سلام دوستان چطور مبشه برای Gravity Forms بعد از وارد کردن اطلاعات کاربر فاکتور صادر بشه ؟
    اون تگ html رو هم گزاشتم .

  29. سلام
    من یک فرم به صورت چک لیست کنترل ایمنی طراحی کردم که سوالات در بخش برچسب فیلد سوال را قرار دادم اما متن سوال بهم ریخته نمایش داده می شود برای حل این مشکل باید چه تغییری را انجام بدم؟

  30. سلام و عرض وقت بخیر
    ببخشید من وقتی یک تائید رو میخام ثبت کنم این پیام اون بالا نوشته و تائید من ثبت نمیشه…
    function WP_List_Table::get_columns() must be over-ridden in a sub-class.
    ممنون میشم راهنماییم کنید

  31. با سلام می‌خواستم کاربر بعد از انتخاب ایتم های مختلف توی فرم متناسب با چیزی که انتخاب میکنه به یه صفحه خاص هدایت شه ولی توی تنظیمات میشه به طور کلی فقط به یک صفحه یا یک url مشخص ریدایرکت داد لطفا راهنمایی کنید.

  32. سلام و عرض ادب

    من در فرمی که ساختم، قابلیت آپلود گذاشتم
    سوال اینجاست:
    فایل هایی که کاربر آپلود میکنه و ارسال میشه ( که یه نسخه هم به ایمیل من میاد )، کجا ذخیره میشن ؟

    ممنونم

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

  34. با سلام
    من یه مشکل اساسی با گرویتی فرم دارم و اون هم اینه که من میخوام به عنوان مثال 4 تا فرم کشویی بسازم و با استفاده از انتخاب های کاربر تو اون فرم ها محصول مورد نظرش رو بهش نمایش بدم. ولی با توجه به انتخاب اول کاربر لازم هست چند تا از گزینه های درون فرم های دیگه که قراره بعد فرم اول انتخاب بشن، فیلتر بشن ( تاکید می کنم گزینه های فرم کشویی نه خود فرم ) ولی گرویتی این امکان رو نداره که گزینه های توی فرم کشویی رو فیلتر کنه و فقط خود فرم ها رو میشه با conditional logic حذف کرد
    چطور میشه فیلترینگ رو روی گزینه های درون فرم هم اعمال کرد ؟

    1. سلام
      هر فیلدی که به فرم اضافه میکنید داخل پیکربندی اون فیلد سه تا تب وجود داره که یکی از تب ها ، تب “پیشرفته” هست که داخلش گزینه “منطق شرطی” یا همون “conditional logic” وجود داره که با اون میتونید.

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

  36. سلام ممنون از سایت خوبتون، میخواستم بدونم میشه فرمی ایجاد کرد که مثلا کاربر تعداد فرزندان رو وارد کنه بعد به تعداد اون اعدادی که وارد میشه فیلد اطلاعات اضافه بشه؟

  37. سلام دوست عزیز وقت بخیر …. من میخوام فرم فروش آنلاین بیمه درست کنم به این صورت مثلا پراید بیمه اش میشه ۷۰۰هزار ولی اگر ۴ سال از بیمه اش استفاده نکرده باشه ۵۰۰ هزار باید پرداخت کنه حالا این فرم ساز امکان محاسبات درصد تخفیف رو داره ….مرسی

  38. درود بر شما
    من یه فرم چند مرحله درست کردم ولی به محض اینکه فرم لود میشه فیلدهای ضروری همان لحظه به صورت قرمز رنگ نمایش داده میشوند و در بالای فرم پیغام “مشکلی با این ارسال پیش آمده است. خطاها در زیر مشخص شده اند .” ظاهر میشود در حالی که من هنوز چیزی وارد نکردم و این خطا قبل از ورود اطلاعلات ظاهر میشه.ممنون میشم اگر راهنمایی بفرمایید.
    با تشکر

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

  40. سلام.
    چطور وقتی یک فرم را ساختیم و اطلاعاتش توی دیتابیس ذخیره شد اون اطلاعات رو توی یک جلمه توی یک برگه دیگه اضافه کنیم. مثلا طرف توی فرم نام رو داده علی احمدی، شماره شناسنامه رو داده 55555 و ایمیل رو داده a@a.com

    توی یک برگه دیگه اینجوری شروع کنه: آقای علی احمدی به شماره شناسنامه 55555 و ایمیل a@a.com بابت …………..

    به جای اسم و شماره شناسنامه و ایمیل چه شورت کدهایی رو باید گذاشت؟؟؟؟

  41. با سلام و احترام

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

    ممنون

جدیدترین مقالات