کد: 4215
بازدید: 347

این آموزش بروزرسانی شده، اینجا کلیک کنید و ویدیو جدید را مشاهده بفرمایید

سلام به خریداران محترم قالب مارکت ام ال ام

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

برای راه اندازی سیستم ورود با گوگل ابتدا افزونه رایگان WordPress Social Login را نصب کنید.

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

بعد از نصب افزونه به قسمت تنظیمات وردپرس مراجعه کنید منوی جدیدی اضافه شده است به اسم wp social login به این منو مراجعه بفرمایید.

ابتدا تنظیمات افزونه را دقیقا مانند تصاویر زیر تنظیم کنید

در تب network

تنها گوگل را فعال کنید و دو شبکه دیگر را غیرفعال کنید

در تب widget

بخش basic settings را مانند تصویر زیر تنظیم کنید

فیلد redirect url: آدرسی که میخواهید کاربر بعد از ورود به آن منتقل شود را وارد کنید

باقی موارد را مانند تصویر تنظیم کنید

تب bouncer

لطفا در هر تب بعد از تنظیم، روی دکمه save settings کلیک کنید تا تنظیمات شما ذخیره شود

کار ما با تنظیمات افزونه تمام است، حالا به تب networks برگردید ما باید دو فیلد مربوط به گوگل را وارد کنیم، اسم این دو فیلد Application ID و Application Secret میباشد

۱. وارد این لینک شوید https://console.developers.google.com/project

۲.اگر به حساب کاربری خود وارد نشده اید، ابتدا وارد شوید

۳.بعد از ورود مانند تصویر زیر روی دکمه “Create project” کلیک کنید.

۴.نام پروژه را وارد کنید

این نام دلخواه میباشد برای اینکه خودتون بهتر پروژه های مربوط به هر سایت را بتوانید شناسایی کنید

۵.حالا باید api را فعال کنید، روی سه خط بالا سمت چپ کلیک کنید سپس روی APIs & Services کلیک کنید، حالا روی Library کلیک کنید در بخش Social مانند تصویر زیر گزینه Google+ API Google را انتخاب کنید و فعال نمایید

اگر دکمه enable را مشاهده کردید روی آن کلیک کنید تا Google+ API شما فعال شود و به صفحه بعد بروید، اگر مانند تصویر زیر بود Google+ API شما فعال است روی دکمه manage کلیک کنید

حالا روی تب “Credentials” کلیک کنید و سپس روی دکمه “Create credentials” کلیک کنید

گزینه “OAuth client ID” را انتخاب کنید.

مهمترین بخش آموزش که باید دقت کنید

خب در این صفحه اطلاعات خواسته شده را باید وارد کنید

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

Name: نام وب سایت شما

Authorized JavaScript origins: آدرس سایت شما با http یا https و بدون / در آخر آدرس مانند https://marketmlm.com

اگر سایت شما در ساب دامنه میباشد مانند تصویر وارد کنید

بعد از پر کردن این فیلد روی صفحه سفید کلیک کنید تا آدرس ذخیره شود بالای فیلد و فیلد خالی بماند(مثل تصویر)

Authorized redirect URIs:آدرسی که در این فیلد وارد میکنید را افزونه به شما میدهد

پس به تنظیمات افزونه برگردید، در تب networks روی گزینه Where do I get this info? کلیک کنید

حالا یکسری نوشته های راهنما برای شما باز میشه، در این نوشته ها یک url سبز رنگ میباشد، این url را باید کپی و در فیلد Authorized redirect URIs وارد کنید

مانند فیلد قبلی بعد از پر کردن این فیلد هم روی صفحه سفید کلیک کنید تا آدرس ذخیره شود بالای فیلد و فیلد خالی بماند

بعد از کلیک روی دکمه create میتوانید کدهای خود را دریافت کنید

حالا هر دو کد را یکی یکی کپی و در فیلد های گوگل در تب networks افزونه وارد کنید و دکمه save را بزنید

تبریک!

ورود با گوگل برای سایت شما فعال میباشد

 

 

 

خطاهای احتمالی

اگر در زمان ساخت OAuth client ID با خطای زرد رنگ بالای صفحه مواجه شدید مانند تصویر زیر روی دکمه آبی رنگ configure consent screen کلیک کنید

در این صفحه گزینه External را انتخاب کنید

روی دکمه create کلیک کنید تا به صفحه بعد بروید

مشخصات خواسته شده را تکمیل سپس روی دکمه save کلیک نمایید

ما برای نمونه مشخصات سایت دمو را قرار دادیم

بعد از ذخیره شدن، آموزش را از Create credentials ادامه دهید.

 

لازم به ذکر است:

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

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

 

افزونه WordPress Social Login در فایل های قالب موجود میباشد

صفحه افزونه

 

این آموزش بروزرسانی شده، اینجا کلیک کنید و ویدیو جدید را مشاهده بفرمایید

راه اندازی سیستم ورود با گوگل
5.0 از 1 رای
  1. درود کاربر گرامی

    بعد از طی کردن مراحل اولیه منتظر بمانید تا پروژه شما ساخته شود و بعد از اینکه ساخته شد از بخش Dashboard به پروژه ساخته شده مراجعه کرده و پس از کلیک بر روی منوی Credentials بر روی تب Oauth consent screen کلیک کنید تا عنوان، لوگو و سایر جزییات وبسایت خود را وارد کنید.

    سپس روی بخش سربرگ Credentials کلیک کرده و گزینه Create Credentials را انتخاب کنید تا منوی کشویی نمایش داده شده و در نهایت روی گزینه OAuth cliend ID کلیک کنید.

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

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

    این برنامه به تأیید نرسیده است

    Google هنوز این برنامه را تأیید نکرده است. تنها درصورتی ادامه دهید که برنامه‌نویس را بشناسید و به آن اعتماد داشته باشید.

  3. سلام
    من در اواسط مرحله
    برای فعال کردن Google+ API
    The Google+ API enables developers to build on top of the Google+ platform.
    نه فعال میشه نه منیجر دارم نه چیزی
    فقط سه تا نقطه کوچیک در حال لود شدن
    مشکل چیه
    و یه مورددیگه من وقتی افزونه را نصب کردن تمام موارد کانفی شده بود حتی
    Application ID
    Application Secret:
    خود کار در افزونه بودند

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

    این برنامه به تأیید نرسیده است

    Google هنوز این برنامه را تأیید نکرده است. تنها درصورتی ادامه دهید که برنامه‌نویس را بشناسید و به آن اعتماد داشته باشید.

    مورد چطور بر طرف میشه