وبلاگ

آموزش ساخت فرم ثبت نام در المنتور با افزونه Actions Pack

آموزش ساخت فرم ثبت نام در المنتور با افزونه Actions Pack

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

فیلم آموزش ساخت فرم ثبت نام در المنتور
فیلم آموزش ساخت فرم ثبت نام در المنتور

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

[irirelated]ساخت فرم ورود در المنتور با افزونه Actions Pack
[/irirelated]

مراحل آموزش طراحی فرم ثبت نام کاربر در المنتور با افزونه اکشن پک

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

1️⃣ مرحله اول : نصب پیشنیاز های آموزشی

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

  1. افزونه المنتور پرو
  2. افزونه Actions Pack

بعد از این که افزونه ها را نصب کردید باید به مرحله بعدی بروید.

2️⃣ مرحله دوم : ایجاد برگه ثبت نام

در این مرحله باید یک برگه و یا صفحه برای ثبت نام ایجاد کنیم.(یعنی ایجاد یک صفحه برای ثبت نام در وردپرس). مراحل زیر را دنبال کنید :

  1. به مسیر “پیشخوان وردپرس > برگه های > افزودن جدید” بروید.
  2. در بخش عنوان عبارت “ثبت نام” را وارد کنید.
  3. بر روی دکمه”ویرایش با المنتور” کلیک کنید.

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

[irinfobox]نکته : در این آموزش ما در تنظیمات صفحه المنتور، صفحه را در حالت Canvas المنتور قرار داده ایم و در این حالت هدر و فوتر پنهان می شود. شما می توانید هر گزینه ای را خواستید انتخاب کنید.[/irinfobox]

3️⃣ مرحله سوم : ساخت فرم ثبت نام

در این بخش باید شروع کنیم و فرم ثبت نام را ایجاد کنیم. برای این منظور ابتدا در داخل ابزارک های پرو، ابزارک فرم را پیدا کنید و آن را به صفحه بکشید و رها کنید :

افزودن ویجت فرم به صفحه
افزودن ویجت فرم به صفحه

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

  • نام و نام خانوادگی (اختیاری)
  • ایمیل
  • رمز
  • تکرار رمز

آموزش مفید دیگر : ساخت بخش ورود و ثبت نام در المنتور با افزونه JetBlock

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

ویرایش فرم ثبت نام در المنتور
ویرایش فرم ثبت نام در المنتور

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

4️⃣ مرحله چهارم : انتخاب فیلدهای ثبت نام

در این مرحله باید فیلد ها را به وردپرس معرفی کنیم. برای این کار در تنظیمات فرم به بخش “واکنش بعد از ارسال” بیایید.

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

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

سپس گزینه ای با عنوان “ثبت نام” در زیر ایجاد می شود که باید روی این گزینه کلیک کنید و شامل تنظیمات زیر هست :

تنظیمات فرم ثبت نام
تنظیمات فرم ثبت نام
  • User Role : نقشی را انتخاب می کنید که کاربر بعد از ثبت نام به او نسبت داده می شود.
  • نام کاربری : نام کاربری را انتخاب کنید.
  • رمز عبور : رمز عبور را انتخاب کنید.
  • رایانامه : ایمیل کاربر را مشخص می کند.
  • تلفن : می توانید تلفن را انتخاب کنید.
  • زمینه های اضافی : زمینه هایی اضافی که می توانید قرار دهید.
  • تایید دستی : کاربر با تایید دستی و ایمیلی ثبت نام شود.
  • تنظیمات اضافی : تنظیماتی شامل تغییر مسیر بعد از ثبت نام و …

بر روی رایانامه کنید و همانند تصویر زیر از بین گزینه ها “ایمیل” را انتخاب کنید. با این کار ما فیلد ایمیل را در فرم مشخص می کنیم.

انتخاب فیلد ایمیل برای ثبت نام
انتخاب فیلد ایمیل برای ثبت نام

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

[irnot title=”توجه کنید”]برای انتخاب فیلد های اضافی همانند “نام و نام خانوادگی” باید بر روی زمینه های اضافی کلیک کنید و سپس فیلد نام را انتخاب کنید تا زمینه اضافی ما اضافه شود به فرم ثبت نام. [/irnot]

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

فیلم آموزشی

https://youtu.be/Htr6L-orPIE
5/5 - (1 امتیاز)
اشتراک گذاری:

مطالب زیر را حتما مطالعه کنید

دیدگاهتان را بنویسید

در خدمت شما هستیم!

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