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

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email
اشتراک گذاری در print
فرم فراموشی رمز عبور با المنتور
پخش ویدیو

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

045-microphone

مدرس :
محمدرضا احمدزاده

013-globe

سطح آموزش :
مبتدی

035-essay

زمان آموزش :
7 دقیقه

امتیاز دهید

اشتراک گذاری

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email

آخرین مقالات

آخرین محصولات

آخرین محصولات

برچسب ها

لینک کوتاه

https://elementorfa.ir/?p=63609

فهرست مطالب

Avatar
ali.pakdell@live.com در 16:16

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

پاسخ
المنتور فارسی
المنتور فارسی در 22:27

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

پاسخ
Avatar
masoudi.hamed1364@gmail.com در 10:24

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

پاسخ
Avatar
رضا در 10:00

سلام
فکر کنم این افزونه مشکل داره چون صفحه فراموشی رمز که طراحی می کنیم بعد ذخیره خطای شما امکان مشاهده این صفحه را ندارید میده

پاسخ
المنتور فارسی
المنتور فارسی در 11:01

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

پاسخ
Avatar
صالح زارع در 10:37

باسلام و خسته نباشید
خیلی ممنون بابت آموزش های خوبتون
ببخشید میشه بگید فایل هایی که برای ویجت lottie استفاده کردید با چه پسوندی بودند و از کجا دانلود کردید؟
باتشکر.

پاسخ
المنتور فارسی
المنتور فارسی در 12:49

نظرات ارزشمند خود را به اشتراک بگذارید

نیاز به کمک دارید؟ پیام دهید