تماس با ما : 3106664 0938
آموزش کامل ساخت دکمه ورود با گوگل به پنل ووکامرس بدون پلاگین

آموزش کامل ساخت دکمه ورود با گوگل به پنل ووکامرس بدون پلاگین

امروزه ثبت نام، وارد کردن نام کاربری، ایمیل و رمز در هر وبسایتی حوصله و وقت می‌خواد و واقعا سخته! به‌همین دلیل ویژگی “ورود با گوگل” (یا فیس‌بوک و بقیه شبکه‌های اجتماعی) در وبسایتتون واجبه و علاوه بر امنیت بیشتر در سیستم حساب کاربران، این مشکلو راحت می‌کنه. اگر از وردپرس استفاده می‌کنید، کلی پلاگین مثل WP Google Login یا OneAll و Social Login هستن که بهت اجازه میدن کاربرات با حساب گوگلشون وارد شن. اینا خیلی خوبه، ولی یه مشکلی داره.!

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

پلاگین‌ها مثل یه جعبه ابزار بزرگ میمونن که پر از وسیله‌های مختلفن. پلاگین‌ها هزاران خط کد دارن و کلی امکانات بهت میدن. ولی واقعیت اینه که شما شاید فقط ۱۰ درصد این امکاناتو لازم داشته باشی! ۹۰ درصد بقیه کدها و امکانات الکی رو هاستت میمونن و هیچ استفاده‌ای هم برات ندارن. خب، این اصلا بهینه نیست! این کدای اضافی سرعت سایتتو میارن پایین و کلی از فضای سرور رو اشغال می‌کنن. انگار یه کامیون پر از وسیله‌های بی‌استفاده رو هر روز با خودت اینور اونور می‌بری. این در حالیه که خیلی از این پلاگین‌ها مثل محصولات سایت ژاکت نول شده هستند و ممکنه باعث اختلال در سایت شما بشه.

پلاگین های وردپرس

این قضیه فقط برای پلاگین ورود با گوگل نیست ! دقیقا همین تفاوت بین یه سایت وردپرسی سنگین و پر از پلاگینِ سنگین صدق میکنه. در مقایسه با یک سایت اختصاصی که همه چیش از پایه درست و حسابیه. سایت اختصاصی هم سریع بالا میاد، هم سبکه، چون هیچی اضافه‌ای نداره. اینجوری هم کاربرات خوشحال‌ترن، هم سرورت راحت‌تر نفس می‌کشه. پس، حواست باشه چی رو سایتت نصب می‌کنی.

چطور بدون پلاگین، دکمه ورود با گوگل رو اضافه کنیم؟

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

دریافت Client ID و Client Secret از گوگل کلود

اول از همه، یه چیز مهم رو باید بدونی : برای این کار به دوتا کد به اسم‌های Client ID و Client Secret نیاز داری. این کدا رو باید از سرویس Google Cloud دریافت کنی.

دریافت client id و client secret

در یوبنر یه مقاله کامل و جامع داریم که از صفر تا صد مراحل ثبت پروژه و گرفتن این دو کد رو بصورت ساده و مرحله به مرحله  توضیح داده. روی این لینک کلیک کنید و مراحل ۱ تا ۴ رو بصورت دقیق انجام بدید تا Client ID و Client Secret رو دریافت کنید.

اضافه کردن دکمه “ورود با گوگل” به صفحه ورود ووکامرس

بعد از اینکه این دو کد رو دریافت کردید، فایل روبرو (کد اختصاصی ورود با گوگل به پنل ووکامرس) رو خریداری و باز کنید. در پوشه اصلی، دو فایل به اسم‌های function.txt و form-login.txt می‌بینید. طبق مراحل زیر باید تغییراتی رو در فایل function.txt  ایجاد، سپس محتویات این دو فایل رو به فایل‌های ذکر شده در وب سایتتون اضافه کنید :

محتویات فایل خریداری شده

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

آموزش قدم به قدم اضافه کردن امکان ورود با گوگل

  1. فایل function.txt رو باز کنید و کدهای Client id و Client Secret رو در مکان‌های نمایش داده شده جایگزین کرده و فایل رو با کلید ترکیبی Ctrl + S ذخیره کنید.
    مکان client id و client secret
  2.  محتویات فایل ذخیره شده function.txt رو بردار و تو مسیر زیر، در آخر فایل function.php در یک قسمت خالی کپی‌پیست کن:
    wp-content > themes > your theme name > function.php
  3. بعدش، محتویات فایل form-login.txt رو کپی و تو صفحه ورود ووکامرس قالبت، تو مسیر زیر کپی‌پیست کن:
    wp-content > themes > essentials > woocommerce > myaccount > form-login.php
    در اینجا بر خلاف مرحله اول مهمه که کجا محتویات رو پیست می‌کنید. چون دقیقا دکمه ورود همونجا نمایش داده می‌شه. بهتره در آخر فرم ورود به پنل کاربری قرار بگیره.

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

نکات مهم :

  • امکان ثبت نام  باید در سایت شما فعال باشد.
  • کدهای Client ID و Client Secret بدون هیچ فاصله اضافی بین دو علامت ‘ ‘ قرار بگیرند.
  • سازگاری با همه ورژن های ووکامرس.

 

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

مقالات مشابه
پاسخ دهید

ایمیل شما در بخش نظرات نمایش داده نمی‌شود - پر کردن همه فیلدها الزامی است