ورود با شبکه‌های اجتماعی در تسویه حساب ووکامرس

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

در این آموزش از افزونه رایگان Simple Easy Social Login استفاده می‌کنیم. اول افزونه رو نصب می‌کنیم، بعد اطلاعات لازم رو در Google Cloud می‌سازیم و در پایان، دکمه ورود رو در فرم‌های ووکامرس آزمایش می‌کنیم. این قابلیت ورود رو ساده‌تر می‌کنه، ولی به‌تنهایی افزایش فروش یا واقعی‌بودن همه کاربران رو تضمین نمی‌کنه.

آیا وردپرس ورود با شبکه‌های اجتماعی داره؟

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

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

معرفی افزونه رایگان Simple Easy Social Login

Simple Easy Social Login یک افزونه رایگانه که ورود با گوگل، فیس‌بوک و لینکدین رو به وردپرس اضافه می‌کنه. نسخه رایگان افزونه از فرم‌های ورود و ثبت‌نام ووکامرس هم پشتیبانی می‌کنه. برای هر سرویس باید Client ID و Client Secret بسازید. Client ID شناسه ارتباط سایتتونه و Client Secret مثل کلید محرمانه این ارتباط عمل می‌کنه.

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

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

پیش‌نیازهای راه‌اندازی ورود با گوگل

• وردپرس و ووکامرس سایتتون به یک نسخه پایدار و سازگار به‌روزرسانی شده باشن.
• گواهی SSL فعال باشه و سایت با HTTPS باز بشه.
• صفحه «حساب من» ووکامرس بدون خطا در دسترس باشه.
• به یک حساب گوگل و پنل Google Cloud دسترسی داشته باشید.
• قبل از شروع از سایتتون نسخه پشتیبان بگیرید و اگه براتون مقدوره، مراحل رو اول روی یک سایت آزمایشی انجام بدید.

از مسیر «تنظیمات ← عمومی» گزینه «هر کسی می‌تونه نام‌نویسی کنه» رو هم بررسی کنید. ساخت حساب تازه هم به این تنظیم وردپرس و هم به گزینه Automatic User Creation افزونه وابسته‌ست. اگه ثبت‌نام بسته باشه، کاربر تازه نمی‌تونه فقط با حساب گوگل برای خودش حساب بسازه.

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

1. از پیشخوان وردپرس به «افزونه‌ها ← افزودن افزونه تازه» برید.
2. عبارت Simple Easy Social Login – OAuth Login رو جست‌وجو کنید.
3. نام سازنده افزونه رو بررسی کنید و بعد روی «هم‌اکنون نصب کن» بزنید.
4. وقتی نصب تموم شد، افزونه رو فعال کنید.
5. از مسیر «تنظیمات ← Simple Easy Social Login» وارد صفحه تنظیمات بشید.

در تنظیمات افزونه با عبارت Provider روبه‌رو می‌شید. Provider یا ارائه‌دهنده، همون سرویسیه که ورود کاربر رو تأیید می‌کنه. گوگل، فیس‌بوک و لینکدین در نسخه رایگان در دسترس هستن. بهتره اول فقط گوگل رو راه‌اندازی و کامل آزمایش کنید؛ بعد سراغ سرویس‌های دیگه برید.

ساخت Client ID و Client Secret گوگل

برای وصل‌کردن افزونه به گوگل باید در Google Cloud یک برنامه وب بسازید. Client ID شناسه عمومی این برنامه‌ست و Client Secret کلید محرمانه اونه. این کلید رو داخل مقاله، پیام عمومی یا تصویر آموزشی منتشر نکنید.

1. بخش Google رو در تنظیمات افزونه باز کنید. بعد Redirect URI یا Callback URL نمایش‌داده‌شده رو کپی کنید. این همون آدرسیه که کاربر بعد از ورود به گوگل بهش برمی‌گرده.
2. وارد Google Cloud Console بشید و یک پروژه تازه بسازید یا پروژه مناسب رو انتخاب کنید.
3. بخش Google Auth Platform رو باز کنید و اطلاعات پایه صفحه رضایت کاربر رو کامل کنید. نام برنامه، ایمیل پشتیبانی و اطلاعات تماس باید مربوط به سایت خودتون باشن.
4. در بخش Clients یک Client تازه بسازید و نوع برنامه رو روی Web application بذارید.
5. در قسمت Authorized redirect URIs، همون آدرسی رو وارد کنید که از افزونه کپی کردید. دو آدرس باید حرف‌به‌حرف یکسان باشن. حتی تفاوت HTTP و HTTPS یا اسلش آخر آدرس می‌تونه جلوی ورود رو بگیره.
6. تغییرات رو ذخیره کنید و Client ID و Client Secret ساخته‌شده رو بردارید.

راهنمای رسمی ساخت Client ID برای ورود با گوگل جزئیات پنل گوگل رو نشون می‌ده. ظاهر یا نام بعضی گزینه‌های Google Cloud ممکنه تغییر کنه. اگه پنل شما دقیقاً شبیه تصویرهای مقاله نبود، راهنمای رسمی و آدرس بازگشتی رو ملاک قرار بدید که خود افزونه نشون می‌ده.

فعال‌کردن ورود با گوگل در ووکامرس

1. به «تنظیمات ← Simple Easy Social Login» برگردید.
2. ارائه‌دهنده Google رو فعال کنید.
3. Client ID و Client Secret رو در کادرهای مربوط به گوگل وارد کنید.
4. گزینه پشتیبانی از فرم‌های ووکامرس رو فعال کنید.
5. اگه می‌خواید افزونه برای کاربران تازه حساب بسازه، Automatic User Creation رو فقط بعد از بررسی تنظیم ثبت‌نام وردپرس فعال نگه دارید.
6. آدرس انتقال بعد از ورود یا ثبت‌نام رو مشخص کنید. برای بیشتر فروشگاه‌ها، صفحه «حساب من» انتخاب ساده و مناسبیه.
7. تنظیمات رو ذخیره کنید.

حالا از حساب مدیریت خارج بشید یا یک پنجره ناشناس مرورگر باز کنید. وارد صفحه «حساب من» فروشگاه بشید و روی دکمه گوگل بزنید. یک حساب آزمایشی رو انتخاب کنید. بعد مطمئن بشید که پس از تأیید گوگل به سایت برمی‌گردید و حساب ووکامرس ساخته یا پیدا می‌شه.

افزونه شورت‌کد [seslp_social_login] رو هم در اختیارتون می‌ذاره. شورت‌کد یک عبارت کوتاهه که وردپرس اون رو به محتوای واقعی تبدیل می‌کنه. اگه قالب یا صفحه‌ساز دکمه‌ها رو خودکار نشون نداد، می‌تونید این شورت‌کد رو در محل مناسب بذارید. فقط قبلش مطمئن بشید که دکمه دو بار نمایش داده نمی‌شه.

آیا دکمه ورود در صفحه تسویه حساب نمایش داده می‌شه؟

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

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

رفع خطاهای رایج ورود با گوگل

خطای Redirect URI Mismatch

این خطا یعنی آدرس بازگشت ثبت‌شده در Google Cloud با آدرسی که افزونه می‌فرسته یکسان نیست. Redirect URI رو دوباره از تنظیمات افزونه کپی کنید و بدون هیچ تغییری در Google Cloud بذارید. پروتکل HTTPS، زیردامنه www و اسلش آخر آدرس رو هم با دقت بررسی کنید.

دکمه ورود نمایش داده نمی‌شه

• مطمئن بشید Google در تنظیمات افزونه فعاله.
• کش سایت، افزونه کش و کش مرورگر رو پاک کنید.
• نمایش دکمه در فرم‌های ووکامرس رو فعال کنید.
• صفحه رو با یکی از قالب‌های پیش‌فرض وردپرس آزمایش کنید تا مشخص بشه مشکل از تداخل قالبه یا نه.
• تداخل افزونه‌های امنیتی یا افزونه‌های تغییردهنده فرم ورود رو موقتاً و فقط در محیط آزمایشی بررسی کنید.

کاربر بعد از ورود به صفحه اشتباه می‌ره

آدرس انتقال بعد از ورود و ثبت‌نام رو در تنظیمات افزونه بررسی کنید. ووکامرس معمولاً کاربر رو به صفحه «حساب من» می‌فرسته، ولی این افزونه اجازه می‌ده مسیر رو تغییر بدید. بهتره آدرس مقصد داخل سایت خودتون باشه و با HTTPS باز بشه.

نکات امنیتی و حریم خصوصی

• Client Secret رو محرمانه نگه دارید و داخل تصویر، تیکت عمومی یا کد قابل مشاهده نذارید.
• فقط دسترسی‌هایی رو از کاربر بخواید که برای ورود لازم هستن.
• در صفحه حریم خصوصی توضیح بدید که ورود اجتماعی چه اطلاعاتی مثل ایمیل، نام یا تصویر پروفایل رو دریافت می‌کنه.
• ورود عادی با ایمیل و رمز عبور رو حذف نکنید تا اگه سرویس گوگل دچار اختلال شد، کاربر راه جایگزین داشته باشه.
• افزونه، وردپرس و ووکامرس رو مرتب به‌روزرسانی کنید.
• بعد از هر تغییر مهم، ورود یک کاربر تازه و یک کاربر قدیمی رو جداگانه آزمایش کنید.

حالا ورود با گوگل برای فرم‌های ورود و ثبت‌نام ووکامرس آماده‌ست. مهم‌ترین بخش کار، یکسان‌بودن دقیق آدرس بازگشت در افزونه و Google Cloud هست. فرایند ورود رو هم در موبایل و دسکتاپ آزمایش کنید. اگه دکمه در صفحه تسویه حساب دیده نشد، قبل از تغییر کد مطمئن بشید که قالب فروشگاه هوک‌های استاندارد ووکامرس رو نگه داشته.

جمع‌بندی

برای راه‌اندازی ورود با شبکه‌های اجتماعی در ووکامرس، لازم نیست از همون اول چند سرویس مختلف رو فعال کنید. بهتره کار رو با گوگل شروع کنید، چون این‌طوری پیدا کردن خطاها و آزمایش مسیر ورود ساده‌تره. افزونه Simple Easy Social Login اتصال بین فروشگاه و حساب گوگل رو انجام می‌ده، ولی شما باید Client ID،‏ Client Secret و آدرس بازگشت رو با دقت تنظیم کنید.

بعد از ذخیره تنظیمات، ورود رو با یک کاربر تازه و یک کاربر قدیمی آزمایش کنید. صفحه «حساب من»، صفحه تسویه حساب، موبایل و پنجره ناشناس مرورگر رو هم جداگانه بررسی کنید. یادتون نره ورود عادی با ایمیل و رمز عبور رو نگه دارید تا مشتری‌ها همیشه یک راه جایگزین برای ورود به فروشگاه داشته باشن.

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

تیم تولید محتوا

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