وارد شدن به وردپرس تنها با یک کلیک به کمک Nextend Social Login and Register

وارد شدن به وردپرس تنها با یک کلیک

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

وارد شدن به وردپرس تنها با یک کلیک

اول از هر چیزی باید ببینیم که آیا استفاده از این امکان ضروری است؟  اینکه چرا باید از چنین امکانی استفاده کنیم؟
بسیاری از کاربران به حساب‌های گوگل خود وارد می‌شوند و این مسئله به آن‌ها امکان می‌دهد به سرعت به برنامه‌های Google مانند Gmail، Drive و Docs دسترسی داشته باشند، بدون اینکه برای هر برنامه جداگانه وارد برنامه شوند. فعال کردن لاگین گوگل با یک کلیک در صفحه ورود در وردپرس به کاربران شما این امکان را می‌دهد که همین کار را در وبسایت شما انجام دهند. آنها می‌توانند با ورود سریع با حساب گوگل خود در زمان صرفه جویی کنند. این امر باعث می‌شود که خیلی سریع و بدون هیچ دردسری هر بار که بخواهند به سایت شما بیایند. در واقع این یعنی امکان عالی و سطح دسترسی فوق‌العاده آسان برای کاربرانمان.

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

چگونه با یک کلیک وارد سایت وردپرسی شویم؟

ابتدا باید افزونه Nextend Social Login and Register را نصب و فعال کنید. این افزونه رایگان بوده که از ورود با حساب‌های گوگل، توییتر و فیسبوک پشتیبانی می‌کند. پس از فعال سازی، باید به تنظیمات » Nextend Social Login در قسمت پیشخوان وردپرس بروید. در این صفحه، روش‌های مختلف ورود به سیستم اجتماعی را مشاهده می‌کنید که در دسترس هستند.

Nextend Social Login and Register

برای افزودن لاگین گوگل به وبسایت وردپرسی، باید روی دکمه «Getting started» در زیر لوگوی گوگل کلیک کنید. در اینجا خواهید دید که اولین قدم شما ایجاد یک اپلیکیشن گوگل خواهد بود.  ایجاد یک برنامه گوگل کاری فنی به نظر می‌رسد، اما نگران نباشید.

ایجاد یک اپلیکیشن گوگل

با خیال راحت ادامه آموزش را دنبال کنید زیرا شما نیازی به بلد بودن هیچ کدی ندارید و به راحتی با این آموزش می‌توانید به هدف خود برسید.

ایجاد اپلیکیشن گوگل

برای ایجاد این برنامه، باید بین داشبورد وردپرس خود و Google Developers Console ارتباط برقرار کنید. ایده خوبی است که داشبورد وردپرس خود را در صفحه فعلی باز بگذارید و یک صفحه مرورگر جدید باز کنید. اکنون می‌توانید به وبسایت Google Developers Console مراجعه کنید. اگر قبلاً وارد نشده‌اید، از شما خواسته می‌شود با حساب Google خود وارد شوید.
در مرحله بعد، باید از منوی بالا روی “Select a project” کلیک کنید. یک پنجره باز شده که برای ادامه روی دکمه “New Project” کلیک کنید.

ایجاد پروژه جدید

با این کار صفحه پروژه جدید باز می‌شود. شما باید یک نام پروژه اضافه کرده و مکان را انتخاب کنید. نام پروژه می‌تواند هر چیزی باشد، مانند «ورود به سیستم گوگل». اگر با استفاده از یک حساب Google Workspace وارد سیستم شده‌اید، مکان به طور خودکار با نام سازمان شما پر می‌شود. اگر نه، باید آن را به عنوان “No organization” رها کنید.

مشخص کردن نام

اکنون به داشبورد «APIs & Services» هدایت خواهید شد. در این صفحه، باید روی «OAuth consent screen» در منوی سمت چپ کلیک کنید.

OAuth consent screen

حال در اینجا اجازه دسترسی به سایت را باید مشخص کنید.
همانطور که در تصویر بالا می‌بینید اگر فقط کاربران دارای حساب گوگل افرادی داخل شرکت یا تعریف شده هستند که وارد سیستم می‌شوند، «internal» را انتخاب کنید. اگر کاربران شما آدرس‌های ایمیل خارج از سایت دارند، باید «external» را انتخاب کنید.
وقتی برای ادامه آماده شدید، روی دکمه «create» کلیک کنید. اکنون می‌توانید شروع به اضافه کردن اطلاعات کنید.

اضافه کردن اطلاعات

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

نام کسب و کار و مکان

پس از انجام این کار، به بخش «دامنه برنامه» بروید. در اینجا باید پیوندهایی را به صفحه اصلی وبسایت خود، صفحه سیاست حفظ حریم خصوصی و صفحه شرایط خدمات اضافه کنید.

اضافه کردن دامنه سایت

سپس باید روی دکمه «افزودن دامنه» کلیک کنید تا نام دامنه وبسایت خود را اضافه کنید، مانند «example.com». اگر می‌خواهید با یک کلیک ورود به سیستم Google را به بیش از یک وب‌سایت اضافه کنید، می‌توانید روی دکمه «+ Add Domain» کلیک کنید تا دامنه دیگری اضافه کنید.

در نهایت، باید یک یا چند آدرس ایمیل اضافه کنید تا Google بتواند شما را در مورد هر گونه تغییر در پروژه خود مطلع کند. وقتی کارتان تمام شد، مطمئن شوید که روی دکمه «ذخیره و ادامه» کلیک کرده‌اید.
در مرحله بعد به صفحه Scopes و Test Users منتقل می‌شوید. برای هر دوی این صفحات، به سادگی به پایین بروید و روی دکمه «ذخیره و ادامه» کلیک کنید.

ذخیره و ادامه

صفحه آخر این مرحله خلاصه‌ای از تنظیمات صفحه رضایت OAuth را به شما نشان می‌دهد. کار بعدی ایجاد کلیدهایی است که افزونه شما برای اتصال به Google Cloud به آن نیاز دارد. باید از منوی سمت چپ روی «Credentials» کلیک کنید و سپس روی دکمه “+ ایجاد اعتبار” در بالای صفحه. باید گزینه OAuth client ID را انتخاب کنید.

OAuth client ID

این بخش شما را به صفحه «Create OAuth client ID» می‌برد. شما باید “Web application” را از منوی بازشو “Application type” انتخاب کنید.

web app

برخی از تنظیمات به صفحه اضافه خواهد شد. باید به قسمت «URIs تغییر مسیر مجاز» بروید و روی دکمه «+ Add URI» کلیک کنید. حالا باید این URL را وارد کنید:

http://example.com/wp-login.php?loginSocial=google

مطمئن شوید که example.com را با آدرس وبسایت خود جایگزین کرده‌اید.

آدرس سایت

پس از انجام این کار، باید روی دکمه “create” کلیک کنید تا تنظیمات ذخیره شود. ممکن است پنج دقیقه یا کمی بیشتر طول بکشد تا تنظیم اعمال شود. مشتری OAuth شما اکنون ایجاد شده است!
یک پنجره بازشو حاوی «شناسه مشتری یا Your Client ID» خواهید دید. باید این کلیدها را در صفحه تنظیمات افزونه در قسمت مدیریت وردپرس خود جایگذاری کنید. فقط می‌توانید روی نماد “کپی” در سمت راست کلیک کنید تا کلیدها را یکی یکی کپی کنید.

کپی کردن کد مشتری

افزودن Google Key به افزونه

اکنون، به سادگی به وب‌سایت خود بازگردید و روی تب «تنظیمات» در زیر تنظیمات » Nextend Social Login کلیک کنید. در اینجا فیلدهای Client ID و Client Secret را خواهید دید. باید کلیدهای خود را از Google Cloud Console کپی کرده و در این فیلدها جایگذاری کنید.

افزودن Google Key به افزونه

پس از انجام این کار، مطمئن شوید که روی دکمه «Save changes» کلیک کرده‌اید تا تنظیمات ذخیره شود. اکنون باید ببینید که تنظیمات به درستی کار می‌کنند. این مرحله بسیار مهم است زیرا کاربران هنگام تلاش برای ورود به وبسایت نباید با خطایی موجه شوند.

ذخیره تنظیمات

به سادگی روی دکمه “verify settings” کلیک کنید تا افزونه مطمئن شود که برنامه Google که ایجاد کرده‌اید به درستی کار می‌کند. اگر مراحل بالا را به درستی دنبال کرده باشید، باید یک اعلان با مضمون “Works Fine – Disabled” را مشاهده کنید.

تایید عملکرد و اتصال

اکنون می‌توانید با خیال راحت روی دکمه «Enable» کلیک کنید تا به کاربران اجازه دهید با استفاده از Google ID خود وارد سیستم شوند. پیامی خواهید دید که تأیید می‌کند ورود به سیستم گوگل اکنون فعال است.

تایید ورود به گوگل

انتخاب نوع دکمه ورود

در اینجا باید برای وارد شدن به وردپرس تنها با یک کلیک یک دکمه مشخص را انتخاب کنیم. استایل و مدل آن به چه صورت باشد!
مدل دکمه پیش فرض Nextend بسیار استاندارد و ساده بوده و برای اکثر وبسایت‌ها کار می‌کند. با این حال، می‌توانید آن را با کلیک بر روی تب “buttons” در بالای صفحه سفارشی کنید. اکنون تمام مدل‌ها را مشاهده می‌کنید. برای استفاده از یک ظاهر متفاوت، کافی است روی دکمه radio آن کلیک کنید.

انتخاب نوع دکمه ورود 

پس از انجام این کار، می‌توانید با ویرایش متن در قسمت «Login label»، متن دکمه را نیز تغییر داده یا فارسی کنید. اگر دوست دارید، می‌توانید با استفاده از HTML قالب بندی اولیه را روی برچسب ورود به سیستم اعمال کنید. برای مثال، می‌توانید با استفاده از تگ‌های <b> و </b> متن را پررنگ کنید.

من روی دکمه

همچنین می‌توانید فیلدهای «Link label» و «Unlink label» را ویرایش کنید که به کاربران امکان می‌دهد وب‌سایت شما را با حساب‌های Google خود پیوند داده و از آن جدا کنند. کاربران فنی می‌توانند از کد HTML برای دکمه‌ها برای ایجاد دکمه ورود به سیستم گوگل خود استفاده کنند. اطمینان حاصل کنید که برای ذخیره تنظیمات خود روی دکمه “ذخیره تغییرات” کلیک کرده‌اید.

خارج کردن برنامه Google از حالت تست

اکنون نوبت مرحله نهایی است! باید دوباره در سایت Google Cloud تغییراتی انجام دهید همچنان باید پنجره بازشو با شناسه مشتری را ببینید. اکنون باید روی «OAuth consent screen» از منوی سمت چپ کلیک کنید. می‌توانید ببینید که برنامه Google شما در حالت “تست” است. این به شما امکان می‌دهد برنامه خود را با تعداد محدودی از کاربران آزمایش کنید. اکنون که هنگام تأیید تنظیمات با افزونه اعلان «Works Fine» دریافت کرده‌اید، می‌توانید آن را به حالت «Production» منتقل کنید.

حالت واقعی

این کار را با کلیک روی دکمه «Publish App» انجام دهید. در مرحله بعد، یک پنجره بازشو با عنوان “Push to production؟” مشاهده خواهید کرد. به سادگی روی «Confirm» کلیک کنید تا به همه اجازه دهید از یک ورود Google یک مرحله‌ای در سایت شما استفاده کنند.

تایید تنظیمات

اگر این آموزش را با دقت دنبال کردید، وضعیت تأیید اکنون باید «Verification not required» باشد. اکنون برنامه شما برای همه کاربران Google کار می‌کند و وارد شدن به وردپرس تنها با یک کلیک برای همگی آزاد است.

Verification not required

جمع بندی نهایی

همیشه باید به دنبال راهی باشیم تا کاربران هر چه راحت‌تر و سریع‌تر به سایتمان دسترسی داشته باشند. این کاری که ما می‌کنیم بشدت به ماندگاری و وفاداری کاربرانمان کمک می‌کند. یکی از سطوح دسترسی که می‌توان برای أن‌ها در نظر گرفت ورود و ثبت‌نام آسان است. امروز به شما آموزش دادیم که چگونه می‌توان وارد شدن به وردپرس تنها با یک کلیک را امکانپذیر کرد.

دریافت افزونه

سوالات متداول

با کمک افزونه Nextend Social Login and Register می توان تنها با یک کلیک وارد سایت وردپرسی شد.
فعال کردن لاگین گوگل با یک کلیک در صفحه ورود در وردپرس به کاربران شما این امکان را می‌دهد که همین کار را در وبسایت شما انجام دهند. آنها می‌توانند با ورود سریع با حساب Google خود در زمان صرفه جویی کنند. این امر باعث می‌شود که خیلی سریع و بدون هیچ دردسری هر بار که بخواهند به سایت شما بیایند. در واقع این یعنی امکان عالی و سطح دسترسی فوق‌العاده آسان برای کاربرانمان.
با کمک سرویس‌هایی مانند گوگل، فیسبوک توییتر و... می توان چنین امکانی را فراهم کرد. اما ورود و ثبت نام تنها با یک کلیک توسط گوگل بسیار رایج است.
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

دیدگاهتان را بنویسید

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