آیلین وب

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

چرا نیاز به ساخت فرم ثبت نام و ورود در وردپرس داریم؟

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

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

register login form wp - آموزش ساخت فرم ثبت نام و ورود در وردپرس با افزونه User Registration
ساخت فرم عضویت در وردپرس

معرفی افزونه User Registration

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

افزونه User Registration یک پلت فرمی برای شما فراهم میکند که براحتی میتوانید فرم ثبت نام سفارشی فقط با کشیدن و رها کردن موس طراحی کنید و میتوانید هر قیلد و مولفه ای رو از کاربر دریافت کنید. اصلا نیاز به هیچ گونه کدنویسی ندارید و فقط باید با موس فرم رو طراحی کنید!

ویژگی های افزونه User Registration:

  • ایجاد فرم های ثبت نام وردپرس ساده ، تمیز و زیبا
  • زمینه ها را بکشید و رها کنید
  • فرم ثبت نام نامحدود
  • فرم ورود به سیستم
  • صفحه حساب مشخصات Frontend
  • طراحی ستون چندگانه
  • طرح های قالب چند فرم
  • پشتیبانی Google reCaptcha (v2 و v3)
  • اعلان های ایمیل
  • مشتری های ایمیل
  • گزینه تکراری را شکل دهید
  • گزینه تأیید مدیر برای ثبت نام
  • گزینه ورود به سیستم خودکار
  • تأیید ایمیل برای ثبت نام
  • فعال / غیرفعال کردن رمزعبور قوی
  • گزینه پیش فرض نقش انتخاب کاربر
  • پشتیبانی از آپلود تصویر نمایه
  • گزینه پیش نمایش فرم در باطن
  • صادرات داده های کاربر در CSV
  • فرم ثبت نام واردات / صادرات

آموزش قدم به قدم ساخت فرم عضویت و ورود در وردپرس

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

مرحله 1 : نصب افزونه User Registration

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

  1. به منوی افزونه ها » افزودن در پیشخوان وردپرس برید.
  2. در صفحه باز شده، در کادر جستجوی افزونه عبارت “User Registration” رو جستجو کنید.
  3. بر روی دکمه نصب افزونه کلیک کنید و سپس افزونه را فعال کنید.

به دردتون میخورهفیلم آموزشی نصب افزونه وردپرس به ۳ روش های مختلف

install plugin register - آموزش ساخت فرم ثبت نام و ورود در وردپرس با افزونه User Registration
نصب افزونه user registretion

مرحله 2 : ساخت فرم ثبت نام در User Registration

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

روی منوی User Registration کلیک کنید و زیر منوی Add New رو انتخاب کنید. چون باید اقدم به سایت فرم ثبت نام نماییم.

User Registration - آموزش ساخت فرم ثبت نام و ورود در وردپرس با افزونه User Registration
ساخت فرم عضویت

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

form builder aylinweb - آموزش ساخت فرم ثبت نام و ورود در وردپرس با افزونه User Registration
ایجاد فرم ثبت نام در وردپرس

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

create register form - آموزش ساخت فرم ثبت نام و ورود در وردپرس با افزونه User Registration
ساخت فرم ثبت نام ساده در افزونه

بعد اینکه فرم ثبت نام سفارشی خودتون با این فرم ساز طراحی کردید بر روی دکمه آبی رنگ در سمت چپ بالا با عنوان “Create Form” کلیک کنید. با این کار فرم ساخته شده توسط شما ذخیره میشود.

save form - آموزش ساخت فرم ثبت نام و ورود در وردپرس با افزونه User Registration
باید فرم عضویت ساخته شده را ذخیره کنید

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

  • Update Form : اگر هر تغییری در فرم بدید باید بر روی این دکمه کلیک کنید تا تغییرات انجام شده ذخیره بشن. (1)
  • Preview : اگر روی این دکمه کلیک کنید پیشنمایشی از فرم ثبت نام ساخته شده مشاهده خواهید کرد. پس الان میتوانید روی این گزینه کلیک کنید تا دموی فرم ساخته شده رو مشاهده کنید. (2)
  • Shortcode : یک کدکوتاهی بهتون میده که میتوانید از این کدکوتاه در هر جای وب سایت استفاده کنید تا فرم ثبت نام رو نشون بده. (3)

مرحله 3 : قرار دادن فرم ثبت نام در صفحه مورد نظر

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

  1. به منوی برگه ها » افزودن جدید در داشبورد وردپرس برید.
  2. یک عنوان برای برگه جدید انتخاب کنید (مثل ثبت نام)
  3. سپس شورتکد فرمی که در افزونه ساختید رو در بخش ویرایشگر قرار بدید.
  4. بر روی دکمه انتشار کلیک کنید.
add register form in page aylinweb - آموزش ساخت فرم ثبت نام و ورود در وردپرس با افزونه User Registration
اضافه کردن فرم عضویت به وردپرس

همانطور که در تصویر بالا مشاهده میشود (شماره 3) دکمه افزونه به ویرایشگر وردپرس اضافه شده و فقط کافیه که بر روی این دکمه کلیک کنید تا شورتکد فرم ثبت نام به صفحه اضافه بشه. به همین راحتی مشا تونستید فرم ثبت نام طراحی کنید.

preview form aylinweb - آموزش ساخت فرم ثبت نام و ورود در وردپرس با افزونه User Registration
پیشنمایش فرم عضویت در وردپرس

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

توصیه :
میتونید در بالای سایت یک دکمه قرار بدید با عنون ورود و ثبت نام کاربر، وقتی کاربر روی این دکمه کلیک کرد به صفحه ثبت نام که ساختیم هدایت بشه و بتونه هم وارد سایت بشه و هم در سایت ثبت نام کنه

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

26 دیدگاه دربارهٔ «آموزش ساخت فرم ثبت نام و ورود در وردپرس با افزونه User Registration»

  1. با سلام و احترام
    سوالی که دارم و جوابش رو خیلی وقت هست که میگردم و پیدا نمیکنم این هست که چطور میشه وقتی user روی دکمه ثبت نام کلیک میکنه به جای اینکه بره به صفحه ثبت نام ، همونجا و همون دکمه به صورت رول باز بشه و مشخصات بیاد تو همون پنل…

    1. سلام
      این مورد همون ایجکس هستش و میتونید از افزونه های ایجکس استفاده کنید. افزونه هایی همنند افزونه زیر :
      https://wordpress.org/plugins/ajax-login-registration/
      همچنین حتما مقاله زیر رو مطالعه کنید چون کدی رو قرار داده که میتونید همین حالت رو به همین افزونه اضافه کنید.
      https://gist.github.com/vishalbasnet23/1937b45be0ea73784cc5

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

    1. سلام دوست عزیز
      خب مطمعنا افزونه های زیادی وجود داره همانند theme my login که شاید بهترینش باشه ولی اگر میخواهید در فرم ها پسور یا ایمیل رو حذف کنید امکان نداره و برای این کار میتونید از فرم ساز ها استفاده کنید.

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

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

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

    1. استایل بندی این افزونه از روی قالب وردپرسی هست که استفاده می کنید. ولی باز هم برای این مورد میتونید براحتی با کدهای css استایل بندی روی فرم رو انجام بدید

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

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

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

پیشنهاد میکنیم این مقالات را هم بخوانید
قالب Jannah | بهترین قالب وردپرس خبری و مجله ای جنه (رایگان)

قالب Jannah | بهترین قالب

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

قالب Infinite | قالب وردپرس چندمنظوره بی نهایت (رایگان)

قالب Infinite | قالب وردپرس

قالب Infinite یک پوسته وردپرس چندمنظوره است که با عشق طراحی شده

قالب Impreza | پوسته چند منظوره / فروشگاهی و فوق حرفه ای ایمپرزا

قالب Impreza | پوسته چند

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

قالب Foton: قالب وردپرس فوق پیشرفته و مدرن فوتون (9 دموی متنوع)

قالب Foton: قالب وردپرس فوق

قالب Foton از قالب های جدید عرضه شده برای وردپرس می باشد

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