ثبت نام و ورود به ووکامرس برای فروشگاه شما با افزونه WooCommerce login Popup

ثبت نام و ورود با افزونه ووکامرس

افزونه WooCommerce login Popup

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

از این طریق مشتریان شما میتوانند به سرعت وارد سیستم شده و ثبت نام کنند و یا رمز عبور خود را تغییر دهند.

دلایلی  که بهتر است برای فروشگاه خود پنجره ورود به ووکامرس را اضافه کنید بسیار ساده است:

مشتریان می خواهند سریع عمل کنند. آنها میخواهند فورا خرید کنند و حسابهای خود را مدیریت کنند،

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

ایجاد صفحه ورود به ووکامرس

گام اول

در اولین گام شما باید افزونه ووکامرس را اضافه کنید .برای این کار به داشبورد وردپرس خود رجوع کنید و گزینه plugin و بعد add new را بزنید.

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

گام دوم

گام بعدی  فعال کردن پنجره ورود به سیستم و سفارشی کردن تصویر پس زمینه می باشد. همانطور که در تصویر زیر نشان داده شده،  مقابل Enable Popup، تیک بزنید.

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

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

روی دکمه «use as Background» کلیک کنید و به صفحه تنظیمات برگردید.

در این مرحله، تصویر انتخاب شده شما باید قابل مشاهده باشد. قبل از خروج،

کد CSS را از قسمت Enable Popup کپی کنید. بعدا به آن نیاز خواهید داشت.

گام سوم

پنجره ورودی WooCommerce خود را در Menue Structure اضافه کنید. به قسمت Appearance بروید؛ سپس گزینه  Editor در بخش  Menue انتخاب کنید. به ترتیب در “#” و “Login” در قسمت URL و Link Text، تایپ کنید. بعد، روی Add to Menue کلیک کنید و ببینید که “Login” در میان اقلام Menue Structure موجود است.

گام چهارم

در مرحله نهایی advanced menu properties   را پیدا کنید و سپس از زیر منو گزینه  “CSS Classes”  راعلامت بزنید.

سپس گزینه Login  در بخش Menue Structure   را زده و در بخش CSS Class  کد CSS  که قبلا کپی کرده بودید را وارد نمایید.

فراموش نکنید که قبل از خارج شدن از این صفحه تغییرات را با کلیک بر گزینه  Save Menue  ذخیره نمایید.
اکنون باید بتوانید لینک ورود یا همان Login  را پیدا کنید.

باید بتوانید تمامی مراحل ثبت نام را انجام دهید و در صورت فراموشی رمز آن را بازیابی کنید.

اما صبر کنید، شما هنوز لینک ثبت نام را به منو اضافه نکرده اید، بنابراین درست همانطور که در مرحله 3 انجام شد، در قسمت  Menue به بخش Appearance  رفته  و مراحل زیر را انجام دهید.

اضافه کردن لینک  “ثبت نام” به منو

گام اول

در قسمت  Menue به بخش Appearance  رفته   بروید؛ سپس روی Custom Link در لیست صفحات کلیک کنید. در قسمت URL “#” و در قسمت Link Text  “Login ” را تایپ کنید. بعد، روی Add to Menue کلیک کنید و ببینید که «Login» در Menue Structure  موجود است.

گام دوم

به Menue Structure  بازگردید و در قسمت Register  بخش Css classes کد زیر را که کپی کرده بودید وارد کنید
woo-login-popup-sc-open  و سپس  تغییرات را ذخیره کنید.

گام سوم

گام بعدی کپی آدرس “Register” (woo-login-popup-sc-register)

از بخش Helpful Guides است که در قسمت WooCommerce  در بخش   Login Pop پیدا خواهید کرد.

در نهایت، به  قسمت Appearance و سپس بخش  Menus بروید تا URL “Register” را در قسمت URL در بخش Register در Menue Structure قرار دهید سپس، به قسمت اصلی بروید تا ببینید که آن را با موفقیت اضافه کرده اید.

وقت آن است که لینک ورود به اشتراک گذاشته شده و قابل دسترسی در هر نقطه باشد.

مراحل ایجاد پیوند ورود به سیستم و ثبت نام  

گام اول

کد کوتاهی را که در تصویر نشان داده شده را از بخش  WooCommerce  قسمت Login Popup کپی کنید.

گام دوم

از بخش Page  گزینه Add new  صفحه ی جدیدی ایجاد کنید و عنوان آن را “Login or Register” بگذارید.

گام سوم

بر روی permalink برای کپی آدرس لینک راست کلیک کنید. سعی کنید صفحه را با این آدرس لینک در یک پنجره مرورگر جدید باز کنید.

این همه چیزی است که شما باید انجام دهید تا افزونه WooCommerce را وارد کنید و برای فروشگاه خود ثبت نام کنید.