ایجاد فرم ثبت نام با فرم ساز المنتور و افزونه Action Pack

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email
اشتراک گذاری در print
پخش ویدیو

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

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

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

برای ادامه این آموزش، حتما 2 افزونه را نصب و فعال کنید.

طراحی فرم ثبت نام با فرم ساز المنتور

فعال کردن قابلیت ثبت نام در وردپرس

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

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

ایجاد پاپ آپ

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

فرم ثبت نام با المنتور

در اینجا ابتدا ویجت فرم را از بین ابزارک های المنتور پرو انتخاب کرده و در صفحه قرار می دهیم.

ایجاد فیلد های ثبت نام

سپس 3 تا فیلد با عنوان های نام کاربری، ایمیل و کلمه عبور انتخاب می کنیم.

فیلد نام کاربری

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

فرم ثبت نام با المنتور

فیلد ایمیل

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

فرم ثبت نام با المنتور

فیلد رمز عبور

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

فرم ثبت نام با المنتور

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

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

فرم ثبت نام با المنتور

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

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

فرم ثبت نام با المنتور

در دریافت شناسه ها، کافیه به تب اول یعنی فیلد های فرم رفته و در تب پیشرفته هر فیلد، عبارت دلخواه آیدی را پر کنید. این شناسه باید غیر تکراری و یونیک باشد.

فرم ثبت نام با المنتور

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

فرم ثبت نام با المنتور

در نهایت فرم ثبت نام به شکل زیر در می اید. حالا باید از تب استایل، فرم را سفارشی سازی کنیم.

فرم ثبت نام با المنتور

می توینم پاپ آپ را به صورت 2 ستونه قرار داده و یک سمت تصویر و یک سمت فرم ثبت نام باشد. بالای فرم پاپ آپ یک ویجت سربرگ با عنوان ثبت نام قرار می دهیم.

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

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

045-microphone

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

013-globe

سطح آموزش :
متوسط

035-essay

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

فهرست مطالب

Avatar
سجاد در 15:57

خسته نباشید میخواستم بدونم چجوری داخل فرم المنتور نوشته‌ها راست‌چین هستند؟

پاسخ
المنتور فارسی
المنتور فارسی در 17:08

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

پاسخ
Avatar
فردین خدیور در 21:05

عکس با پسوند JSON از کجا دانلود کنم مثل فیلم

پاسخ
المنتور فارسی
المنتور فارسی در 00:43

با سلام
می تونید از آموزش نحوه اضافه کردن انیمیشن های متحرک به سایت با استفاده از Lottie و المنتور برای دانلود فایل های Json استفاده کنید.

پاسخ
ROHAM
ROHAM در 21:28

راه دیگه ای نداره؟

پاسخ
المنتور فارسی
المنتور فارسی در 21:31

در هر صورت برای پشتیانی باید تیکت بزنيد.

پاسخ
ROHAM
ROHAM در 21:15

بنده در حال طراحی قالب روی لوکال هاست هستم

پاسخ
المنتور فارسی
المنتور فارسی در 21:18

مشکلی نداره ،تیکت بزنيد مشکل رو رفع میکنیم.

پاسخ
ROHAM
ROHAM در 21:19

چطور روی لوکال هاست اطلاعات رو ارسال کنم
؟

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

داخل تیکت دوستان راهکار ارائه میدن.

پاسخ
ROHAM
ROHAM در 20:55

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

پاسخ
المنتور فارسی
المنتور فارسی در 21:05

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

پاسخ
ROHAM
ROHAM در 21:09

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

پاسخ
المنتور فارسی
المنتور فارسی در 21:13

از طریق تیکت، اطلاعات سایت رو ارسال کنید تا بررسی کنیم.

پاسخ
Avatar
علی صفری در 18:26

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

پاسخ
المنتور فارسی
المنتور فارسی در 18:28

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

پاسخ
میلاد
میلاد در 22:54

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

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

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

پاسخ
مهدی
مهدی در 20:49

سلام وقت بخیر
بنظرم فوقالعاده اس
و اینکه هر روز المنتور داره اینقدر قدرتمندتر میشه خیلی خوشحالم
و یه پیشنهاد اگر بشه فیلد تایید موبایل(مثل دیجیت) هم بهش اضافه بشه فوقالعاده حرفه ای تر و بلارقیب میشه این آموزش چون کاملا دست آدم برای ساخت فرم باز میشه!
چون الان ثبت نام تماما دنبال اینن راحترین حالت باشه که ورود با شماره موبایل خیلی ضروری خواهد بود!
با سپاس از شما

پاسخ
المنتور فارسی
المنتور فارسی در 23:03

با سلام
در مورد ادغام این افزونه با ارسال کد پیامکی هم بررسی خواهد شد.

پاسخ

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

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