سبد خرید
0

سبد خرید شما خالی است.

ساخت فرم ورود و ثبت نام تایید دو مرحله ای در وردپرس

فرم ورود با گرویتی

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

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

 

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

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

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

 

افزونه ثبت نام کاربر پس از تکمیل فرم 

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

افزونه پیامک حرفه ای گرویتی فرم

قابلیت های زیر را داراست 

  • ارسال پیامک به مدیر (بی نهایت مدیر)
  • ارسال پیامک به کاربر
  • تایید شماره موبایل کاربر قبل از ثبت فرم
  • پشتیبانی از شورتکدهای فیلدهای گرویتی فرم
  • اضافه کردن فیلد خبرنامه افزونه WP-SMS به فیلدهای گرویتی فرم
  • پشتیبانی از منطق های شرطی جهت ارسال پیامک های مختلف وابسته به شروط مختلف
  • و سایر امکانات دیگری که در همین پست در بخش آموزش کار با افزونه قابل مشاهده خواهد بود.

افزونه گرویتی فرم فارسی

همچنین اگر نیاز به فارسی سازی محیط گرویتی فرم دارید میتونید افزونه گرویتی فرم فارسی را از مخزن وردپرس دانلود نمایید

 

گرویتی فرم فارسی

ساخت فرم ورود و ثبت نام تایید دو مرحله ای در وردپرس

اتصال افزونه پیامک به فرم ها :

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

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

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

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

حالا وارد منوی اطلاع رسانی پیامکی شوید و وارد تنظیمات پیامک گرویتی فرم شوید

حالا اطلاعات پنل پیامکی خودتونو وارد کنید

گرویتی فرم فارسی

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

سپس وارد فرم ساخته شده شوید 

مشاهده میکنید فیلد پیامک نیز اضافه شده است 

گرویتی فرم فارسی

حالا فیلد تایید شماره را به فرم اضافه کنید

و مانند تصویر زیر این فیلد را تکمیل کنید

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

همچنین برای ارسال سریع کد ها میتونید با توجه به پنل پیامکی خود پترن ایجاد کنید

 و در قسمت متن پیامک وارد کنید

 

پس از انجام تنظیمات مانند تصویر بالا روی دکمه بروزرسانی کلیک کنید  

حالا روی User Registartion کلیک کنید 

و سپس روی  برای ایجاد کلیک نمایید.

گرویتی فرم فارسی

حالا یک نام یکتا وارد کنید و روی ایجاد کاربر کلیک کنید و روی بروزرسانی تنظیمات کلیک کنید.

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

تنظیمات پیامک

در قسمت انتخاب فرم، فرم ثبت نام خودتونو انتخاب کنید

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

 

 

فرم زیر نمونه فرم ثبت نامی دو مرحله با گرویتی فرم میباشد 

فرم ثبت نام

میتونید برای تغییر و سفارشی سازی ظاهر فرمتون از افزونه شخصی سازی گرویتی فرم (مانند فرم بالا ) استفاده کنید

ساخت فرم ورود با گرویتی فرم ابتدا کد زیرا درفایل functions.php قالبتون وارد کنید

همچنین شما میتوانید با گرویتی فرم، یک فرم ورود نیز بسازید

 

add_filter("gform_field_validation", "login_validate_field", 10, 4);
function login_validate_field($result, $value, $form, $field)
{
  
    global $user;
  
    if ($field['cssClass'] === 'username-login') {
        $user = get_user_by('login', $value);
        if (empty($user->user_login)) {
            $result["is_valid"] = false;
            $result["message"] = "نام کاربری وارد شده اشتباه است.";
        }
    }
  
    if ($field['cssClass'] === 'password-login') {
        $value = trim($value);
        if (!empty($user) && !empty($user->user_login) && !empty($user->ID)) {
  
            $sign = wp_signon(array(
                'user_login' => $user->user_login,
                'user_password' => $value,
            ));
  
            if (is_wp_error($sign)) {
                $result["is_valid"] = false;
                $result["message"] = $sign->get_error_message();
            } else if (wp_check_password($value, $user->data->user_pass, $user->ID)) {
                wp_set_current_user($sign->ID);
            } else {
                $result["is_valid"] = false;
                $result["message"] = 'کلمه عبور وارد شده عبور صحیح نیست.';
            }
        } else {
            $result["is_valid"] = false;
            $result["message"] = "نام کاربری وارد شده اشتباه است.";
        }
    }
  
    return $result;
}
add_filter('gform_save_field_value', 'hide_password_field_value', 10, 4);
function hide_password_field_value( $value, $lead, $field, $form )
{
  
    $field = is_object($field) ? $field : (object)$field;
  
    if ( !empty($field->cssClass) && $field->cssClass === 'password-login' ) {
        $value = '**********';
    }
  
    return $value;
} 

یک فرم با  2 تا فیلد متنی بسازید و عنوان یکی رو به صورت “نام کاربری” و عنوان دیگری رو به صورت “کلمه عبور” قرار بدید.

به تب نمایش این 2 فیلد برید و توی قسمت کلاس css سفارشی برای فیلد نام کاربری عبارت username-login رو وارد کنید و توی کلاس css سفارشی برای کلمه عبارت password-login رو وارد کنید.

ورود گرویتی فرم

فرم ورود نیز ساخته شد.

آواتار
33

برنامه نویس وب و محقق سئو و بهینه ساری وبسایت

ارسال دیدگاه

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

توسط
تومان