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

منتشر شده توسط hosein_ramezannia
۳ شهریور ۱۳۹۷
آموزش / وردپرس / ووکامرس
بدون دیدگاه

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

افزونه 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 قرار دهید سپس، به قسمت اصلی بروید تا ببینید که آن را با موفقیت اضافه کرده اید.