امروزه ثبت نام، وارد کردن نام کاربری، ایمیل و رمز در هر وبسایتی حوصله و وقت میخواد و واقعا سخته! بههمین دلیل ویژگی “ورود با گوگل” (یا فیسبوک و بقیه شبکههای اجتماعی) در وبسایتتون واجبه و علاوه بر امنیت بیشتر در سیستم حساب کاربران، این مشکلو راحت میکنه. اگر از وردپرس استفاده میکنید، کلی پلاگین مثل WP Google Login یا OneAll و Social Login هستن که بهت اجازه میدن کاربرات با حساب گوگلشون وارد شن. اینا خیلی خوبه، ولی یه مشکلی داره.!
چرا بهتره از پلاگینهای ورود با شبکههای اجتماعی استفاده نکنیم؟
پلاگینها مثل یه جعبه ابزار بزرگ میمونن که پر از وسیلههای مختلفن. پلاگینها هزاران خط کد دارن و کلی امکانات بهت میدن. ولی واقعیت اینه که شما شاید فقط ۱۰ درصد این امکاناتو لازم داشته باشی! ۹۰ درصد بقیه کدها و امکانات الکی رو هاستت میمونن و هیچ استفادهای هم برات ندارن. خب، این اصلا بهینه نیست! این کدای اضافی سرعت سایتتو میارن پایین و کلی از فضای سرور رو اشغال میکنن. انگار یه کامیون پر از وسیلههای بیاستفاده رو هر روز با خودت اینور اونور میبری. این در حالیه که خیلی از این پلاگینها مثل محصولات سایت ژاکت نول شده هستند و ممکنه باعث اختلال در سایت شما بشه.
این قضیه فقط برای پلاگین ورود با گوگل نیست ! دقیقا همین تفاوت بین یه سایت وردپرسی سنگین و پر از پلاگینِ سنگین صدق میکنه. در مقایسه با یک سایت اختصاصی که همه چیش از پایه درست و حسابیه. سایت اختصاصی هم سریع بالا میاد، هم سبکه، چون هیچی اضافهای نداره. اینجوری هم کاربرات خوشحالترن، هم سرورت راحتتر نفس میکشه. پس، حواست باشه چی رو سایتت نصب میکنی.
چطور بدون پلاگین، دکمه ورود با گوگل رو اضافه کنیم؟
تو این مقاله میخوایم ساده ترین و بهینه ترین راهکار رو در اختیار شما قرار بدیم، که با چند کپی پیست ساده، دکمه ورود با گوگل رو به صفحه ورود ووکامرس سایتت اضافه کنی.
دریافت Client ID و Client Secret از گوگل کلود
اول از همه، یه چیز مهم رو باید بدونی : برای این کار به دوتا کد به اسمهای Client ID و Client Secret نیاز داری. این کدا رو باید از سرویس Google Cloud دریافت کنی.
در یوبنر یه مقاله کامل و جامع داریم که از صفر تا صد مراحل ثبت پروژه و گرفتن این دو کد رو بصورت ساده و مرحله به مرحله توضیح داده. روی این لینک کلیک کنید و مراحل ۱ تا ۴ رو بصورت دقیق انجام بدید تا Client ID و Client Secret رو دریافت کنید.
اضافه کردن دکمه “ورود با گوگل” به صفحه ورود ووکامرس
بعد از اینکه این دو کد رو دریافت کردید، فایل روبرو (کد اختصاصی ورود با گوگل به پنل ووکامرس) رو خریداری و باز کنید. در پوشه اصلی، دو فایل به اسمهای function.txt
و form-login.txt
میبینید. طبق مراحل زیر باید تغییراتی رو در فایل function.txt ایجاد، سپس محتویات این دو فایل رو به فایلهای ذکر شده در وب سایتتون اضافه کنید :
محتویات فایل خریداری شده
آموزش قدم به قدم اضافه کردن امکان ورود با گوگل
- فایل
function.txt
رو باز کنید و کدهای Client id و Client Secret رو در مکانهای نمایش داده شده جایگزین کرده و فایل رو با کلید ترکیبی Ctrl + S ذخیره کنید.
- محتویات فایل ذخیره شده
function.txt
رو بردار و تو مسیر زیر، در آخر فایلfunction.php
در یک قسمت خالی کپیپیست کن:
wp-content > themes > your theme name > function.php
بعدش، محتویات فایل
form-login.txt
رو کپی و تو صفحه ورود ووکامرس قالبت، تو مسیر زیر کپیپیست کن:
wp-content > themes > essentials > woocommerce > myaccount > form-login.php
در اینجا بر خلاف مرحله اول مهمه که کجا محتویات رو پیست میکنید. چون دقیقا دکمه ورود همونجا نمایش داده میشه. بهتره در آخر فرم ورود به پنل کاربری قرار بگیره.
نکات مهم :
- امکان ثبت نام باید در سایت شما فعال باشد.
- کدهای Client ID و Client Secret بدون هیچ فاصله اضافی بین دو علامت ‘ ‘ قرار بگیرند.
- سازگاری با همه ورژن های ووکامرس.
به همین سادگی تونستی دکمه ورود با گوگل رو بدون نیاز به هیچ پلاگینی به سایت ووکامرسیت اضافه کنی. حالا کاربرات میتونن فقط با یه کلیک و با حساب گوگلشون وارد بشن. این هم سرعت سایتتو بالا میبره، هم تجربه کاربری رو خیلی بهتر میکنه. پس دیگه لازم نیست نگران سنگین شدن سایتت با پلاگینهای اضافی باشی.