طراحی فرم فراموشی رمز عبور با فرم ساز المنتور و افزونه Action Pack

در سری آموزش های کار با افزونه Action Pack نحوه ایجاد فرم ثبت نام و فرم ورود را با هم دیگه کار کردیم.

در این آموزش نحوه ایجاد فرم فرامشوی رمز عبور و فرم تعیین رمز عبور جدید را توضیح می دهیم.

طراحی فرم فراموشی رمز عبور با المنتور

ایجاد برگه رمز عبور جدید

برای ایجاد فرم فراموشی رمز، ابتدا باید یک برگه برای تعیین رمز جدید بعد از درخواست فراموشی رمز قرار دهید.

از قسمت برگه ها، یک برگه به نام رمز عبور جدید ایجاد کنید. دکمه ویرایش با المنتور را بزنید. در صفحه ویجت فرم المنتور را قرار دهید.

ایجاد فیلد رمز عبور جدید

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

واکنش بعد از ارسال

در تب واکنش بعد از ارسال، از بین گزینه ها، گزینه رمز عبور جدید را انتخاب کنید. این گزینه و گزینه های ثبت نام، ورود و فراموشی با نصب شدن افزونه Action Pack اضافه خواهد شد.

بعد از انتخاب این گزینه، تب جدید به نام رمز عبور جدید به فرم المنتور اضافه خواهد شد. در این تب باید شناسه های فیلد های رمز عبور که بالاتر ساختیم را در اینجا جایگذاری کنیم.

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

می توانید فرم را سفارشی سازی کرده و صفحه را ذخیره کنید. آدرس صفحه را نگه دارید.( در ادامه به آدرس صفحه نیاز داریم.)

ایجاد برگه فراموشی رمز عبور

مجدد از بخش برگه ها یک برگه جدید ایجاد کنید. نام برگه را فراموشی رمز عبور قرار دهید.

مجدد ویجت فرم را داخل صفحه قرار داده و و فقط یک فیلد ایمیل قرار دهید.

واکنش بعد از ارسال

بعد از ایجاد فیلد ایمیل، به تب واکنش بعد از ارسال رفته و از بین گزینه ها، گزینه فراموشی رمز عبور را انتخاب کنید.

با زدن روی این گزینه، تب جدید فراموشی رمز عبور اضافه خواهد شد. حال باید شناسه فیلد ایمیل را در اینجا قرار دهید.

سپس در قسمت برگه تنظیم رمز عبور جدید، آدرس برگه ای که در مرحله قبل ایجاد کردیم را وارد کنید.

می توانید عنوان و متن ایمیل ارسالی را هم در اینجا سفارشی سازی کنید.

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

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