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

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

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

افزونه WooCommerce login Popup

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

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

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

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

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

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

گام اول

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

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

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

گام دوم

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

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

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

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

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

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

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

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

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

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

گام سوم

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

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

گام چهارم

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

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

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

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

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

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

باید بتوانید تمامی مراحل ثبت نام را انجام دهید و در صورت فراموشی رمز آن را بازیابی کنید.
loginshop9 parvanweb.ir  - ثبت نام و ورود به ووکامرس برای فروشگاه شما با افزونه WooCommerce login Popup

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

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

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

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

گام اول

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

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

گام دوم

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

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

گام سوم

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

از بخش Helpful Guides است که در قسمت WooCommerce  در بخش   Login Pop پیدا خواهید کرد.loginshop14 parvanweb.ir  - ثبت نام و ورود به ووکامرس برای فروشگاه شما با افزونه WooCommerce login Popup

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

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

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

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

گام اول

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

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

گام دوم

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

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

گام سوم

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

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

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