آموزش ویدیویی افزونه دیجیتس و فرم چند مرحله ای
درصورتیکه قصد دارید به صورت ویدیویی مراحل کار ایجاد فرم چند مرحله ای را مشاهده کنید، ویدیوی زیر برای شما تهیه شده است:
فواید فرم چند مرحله ای وردپرس
در ابتدا توضیح مختصری درمورد فرم چند مرحله ای ذکر میکنیم تا بیشتر با آن آشنا شوید. سپس به سراغ اجرای کار و ساخت چنین فرمی در افزونه دیجیتس میرویم. در دنیای وب، فرم چند مرحله ای یا بهاصطلاح multi-step form یکی از راههای مؤثر در بهبود تجربه کاربری محسوب میشود. همانطور که گفته شد، بهخصوص در وبسایتهایی که نیاز است کاربران هنگام ثبتنام اطّلاعات زیادی را ارائه کنند، اینگونه فرمها کارایی خود را نشان میدهند.
در فرم چند مرحله ای وردپرس، شما در هر مرحله گروهی از فیلدها و اطّلاعات مرتبط با یکدیگر را به کاربر ارائه میکنید. برای کاربر سایت چنین کاری تجربه بهتری ایجاد میکند تا آنکه با ساختار فرمی طولانی بهیکباره روبهرو شود. گاهی اوقات نیز دیده میشود که فرمهای چند مرحله ای ایجاد میشوند که در هر مرحله تنها یک فیلد اطّلاعاتی پیش روی کاربر قرار میدهند. این کار نیز درست نیست و درواقع باعث خستگی کاربر میشود.
از دیگر فواید فرم چند مرحله ای وردپرس کمک به درک بهتر کاربر است. تئوری لود شناختی1Cognitive Load Theory که توسط جان سولر2John Sweller توسعه داده شد، بیان میکند که ذهن انسان در یک لحظه تنها میتواند حجم محدودی از اطّلاعات را پردازش کند. فرمهای چند مرحله ای در حقیقت فرآیندهای پیچیده را به قسمتهای کوچکتر تقسیم میکنند. درنتیجه حجم اطّلاعاتی که کاربر سایت با آن روبهرو میشود در هر لحظه، اندک خواهد بود. لذا پردازش اطّلاعات در ذهن وی راحتتر صورت میگیرد.
همچنین بهعنوان مزیت یا فایده دیگری که میتوان برای فرم چند مرحله ای وردپرس ذکر کرد، حس موفقیت در انجام کار را باید بیان کنیم. در واقع وقتی کاربران سایت، هر بخش از فرم را تکمیل میکنند و به مرحله بعدی میروند، احساس پیشرفت در انجام کاری در آنها شکل میگیرد و همین حس به آنها انگیزه میدهد که بدون احساس خستگی تمامی اطّلاعات را در نهایت تکمیل و ارسال کنند.
ما در این مقاله به طور خاص به موضوع “افزونه دیجیتس و فرم چند مرحله ای” میپردازیم. یعنی برای اجرای این ساختار و ایجاد فرم چند مرحله ای وردپرس، از افزونه دیجیتس استفاده میکنیم. پس بدون معطّلی به سراغ گامهای لازم برای انجام این کار میرویم.
مراحل ایجاد فرم چند مرحله ای وردپرس
در این قسمت به صورت خلاصه مراحل کار برای ایجاد فرم چند مرحله ای توسط افزونه دیجیتس را ذکر میکنیم.
مرحله اوّل: ورود به داشبورد وردپرس
ابتدا باید به داشبورد وردپرسی سایت خود وارد شوید. با واردکردن اطّلاعات ادمین سایت، صفحه داشبورد وردپرس (مشابه تصویر زیر) برای شما نمایان خواهد شد.
مرحله دوم: نصب و ورود به بخش افزونه دیجیتس
در صورتی که تاکنون افزونه دیجیتس را نصب نکردهاید، ابتدا باید به نصب آن بپردازید. ما در مقاله «نصب افزونه وردپرس، سه راهکار برای نصب پلاگین وردپرسی» به خوبی در مورد روشهای نصب افزونه وردپرسی توضیح دادهایم. بهصورت خاص نیز درمورد نصب افزونه دیجیتس در مقاله «افزونه دیجیتس و فعال کردن پنل پیامکی رنگینه» صحبت کردهایم. بعد از نصب افزونه، در منوی کاربری داشبورد وردپرس شما، گزینهای به نام Digits به وجود میآید. با کلیک بر روی آن، به داشبورد افزونه دیجیتس دسترسی خواهید داشت.
مرحله سوم: ایجاد فرم چند مرحله ای وردپرس
بعد از ورود به بخش افزونه دیجیتس در سایت خود، به قسمت FORMS و سپس Signup از این افزونه مراجعه کنید. در این قسمت فیلدهایی که قبلاً برای ثبتنام کاربران ایجاد کرده بودید، نمایش داده میشود.
در تصویر فوق نیز مشاهده میکنید که گزینهای به نام ADD FIELD برای شما وجود دارد. با کلیک بر روی آن میتوانید فیلدهای جدیدی به فرم ثبتنام خود اضافه کنید. اما برایآنکه فرم شما در مراحل یا صفحات مجزا نمایش داده شود، باید گزینه Form Break را از میان گزینههای موجود انتخاب کنید. توجه داشته باشید که مکان این گزینه در میان فیلدها مهم است. یعنی هرجا این فیلد قرار بگیرد، اطّلاعات یا فیلدهای قبل و بعد از آن از یکدیگر تفکیک شده و هر یک در مرحله ای مجزا به کاربر نشان داده میشوند.
بعد از انتخاب این فیلد، سایر اطّلاعات موردنظر خود را هم هر بار با کلیک بر روی ADD FIELD به فرم ثبتنام خود اضافه کنید و هرجا مجدداً نیاز به اضافه کردن یک مرحله جدید داشتید، از همان گزینه Form Break در میان فیلدهای انتخابی استفاده کنید. به عنوان مثال ما یک فرم دو مرحله ای به شکلی که در تصویر زیر مشاهده میکنید، ایجاد کردهایم. در این فرم در مرحله اوّل، اطّلاعاتی مانند نام، نام کاربری و ایمیل از کاربر گرفته میشود. در مرحله دوم نیز اطّلاعات مربوط به نام شرکت، سن کاربر و جنسیت وی اخذ میگردد.
مرحله چهارم: بررسی فرم ثبتنام چند مرحله ای
بعد از انجام تنظیمات ذکر شده و قراردادن فیلدهای اطّلاعاتی موردنظر در افزونه دیجیتس، اکنون نوبت به تست و بررسی فرم ساخته شده میرسد. با مراجعه به آدرس ثبتنام صفحه سایت خود که معمولاً با قراردادن عبارت login=true&type=register?/ در انتهای آدرس دامنه اصلی سایت به دست میآید، میتوانید فرم ساخته شده را ارزیابی کنید. اگر شما مطابق با این آموزش مراحل را انجام داده باشید، احتمالاً فرم ثبتنام سایت شما، مشابه تصویر زیر خواهد بود.
بعد از آنکه کاربر سایت، اطّلاعات مرحله اوّل (مانند نام و نام کاربری) را پرکرده و بر روی دکمه Continue کلیک کند، اطّلاعات مرحله دوم به وی نمایش داده میشود.
جمعبندی
در این مقاله به چگونگی ایجاد فرم چند مرحله ای وردپرس پرداختیم. ابتدا به شکل مختصر در مورد فواید فرم چند مرحله ای در طرّاحی وب صحبت کردیم. بعد از آن نیز به موضوع افزونه دیجیتس و فرم چند مرحله ای پرداختیم. البته در دنیای وردپرس افزونههای فراوانی وجود دارند که میتوانند در ایجاد فرمها و اخذ اطّلاعات از کاربران سایتها به شما کمک کنند. امّا اگر میخواهید این اطّلاعات را هنگام ثبتنام کاربران در سایت خود بدست آورید، افزونه دیجیتس یکی از مناسبترین راهکارها است.
پاورقی:
- 1Cognitive Load Theory
- 2John Sweller