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

534 بازدیدووکامرس
0
0 دیدگاه

سلام بنده یک چیزو بلد نیستم می خوام یک وبسایت فروشگاهی بسازم تقریبا تمومه ولی یه چیزو بلد نیستم اینه وقتی مشتری محصول به سبد خرید افزود و ادامه جهت تسویه رو زد اگر کاربر ثبت نام نکرده باشد می‌خوام صفحه ورود و ثبت نامب که ساختم براش بیاد و اگر ثبت نام یا ورود کرده به مرحله تصویه حساب بره خوب باید چجوری این کارو بکنم

0
محمد امین

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

woocommerce login and registration hamyarwpافزونه Woocommerce Login and Registration

این افزونه 3 عدد شورتکد برای ورود به فروشگاه اینترنتی در اختیار شما قرار می دهد که شما م توانید آن را در هر کدام از صفحات سایت خود بارگذاری کنید و یا به طور جداگانه صفحه ای برای آن بسازید.

این 3 کد کوتاه شامل موارد زیر هستند:

  • شورت‌کد برای ورود به فروشگاه اینترنتی  [lsphe-login-form]
  • شورت‌کد برای ثبت نام در فروشگاه اینترنتی  [lsphe-signup-form]
  • شورت‌کد برای فرم ثبت نام و ورود در ووکامرس  [lsphe-header]

حتما بخوانید:  4 تا از بهترین افزونه های تیکت و پشتیبانی در وردپرس

هنگامی که وارد صفحه تنظیمات افزونه ثبت نام ووکامرس می شوید، این 3 کد کوتاه به شما نشان داده می شود؛ که می توانید آن ها را کپی و در هر کجا دلتان می خواهد پیست کنید. البته این افزونه قابلیت این را دارد که به صورت پاپ آپ حاضر شود. یعنی وقتی فردی وارد سایت تان می شود، پیشنهاد ثبت نام در فروشگاه اینترنتی شما جلوی چشمش بالا و پایین می پرد و از او دعوت می کند که برای با خبر شدن از حراج ها و تخفیف های بی نظیر شما در فروشگاه اینترنتی تان ثبت نام کند. برای فعال کردن پاپ آپ باید حتما گزینه save را بزنید. اگر مایل به استقاده از پاپ آپ نباشید، باید خودتان دست به کار شوید و یک صفحه برای ورود و یک صفحه برای ثبت نام طراحی کنید.

active popup hamyarwp
فعالسازی حالت پاپ آپ

favorite address hamyarwpحذف آدرس های دلخواه

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

حالا می توانید هر یک از این کدهای کوتاه را کپی کرده و در هر کجای سایت خود قرار دهید.

shortcode on post hamyarwpاضافه کردن شورت کد در نوشته

پس از قرار دادن شورت کد می توانید نتیجه را از طریق گزینه پیش نمایش در صفحه مورد نظر ببینید.

show on post kitwpنمایش نتیجه قرار دادن شورتکد در یک پست

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

login to shop hamyarwp 1پاپ آپ برای ورود و ثبت نام کاربر

تا به اینجای کار متوجه شدید که این 3 شورت‌کد قابلیت این را دارند که در هر جایی از سایت شما اضافه شوند. با استفاده از این افزونه می توانید آیتم های بیشتری به فرم های ورود و ثبت نام اضافه کنید تا شکیل تر و جذاب تر شوند. این کار با استفاده از کلاس های css از پیش تعریف شده امکان پذیر است. این کلاس ها شامل موارد زیر هستند:

  • کلاس ورود به سیستم phoen-login-popup-open
  • کلاس ثبت نام phoen-signup-popup-open
  • پاپ آپ برای هردو کلاس ورود و ثبت نام phoen-login-signup-popup-open

حتما بخوانید:  رفع خطای This site can’t be reached درقدم به قدم – 2022

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

choose menu kitwp 1انتخاب فهرست برای افزونه ثبت نام ووکامرس

پس از انتخاب فهرست مورد نظر برای ایجاد فرم ورود در افزونه ثبت نام ووکامرس، از منوی کشویی کناری، گزینه پیوند‌های دلخواه را باز کنید و در بخش نشانی اینترنتی # قرار دهید. ( هشتگ لینکی است که به جایی نمی رود!) برای آن یک متن پیوند بنویسید و روی گزینه افزودن به فهرست کلیک کنید.

favorite link hamyarwpتعریف پیوندهای دلخواه

قبل از رفتن به مراحل بعدی، حتما چک کنید که نمایش کلاس‌های  cssدر تنظیمات شما فعال است یا خیر. برای این منظور در گوشه سمت چپ و بالای صفحه روی گزینه “تنظیمات صفحه” کلیک کنید و تیک فعالسازی کلاس css را بزنید.

page setting kitwpفعالسازی کلاس css برای تنظیمات صفحه

حالا دیگر کلاس css به تنظیمات منوی شما اضافه شده است و پس از کلیک بر روی آن می بینید که گزینه ای با نام کلاس css اختیاری اضافه شده است که شما در آن می توانید فرم های ورود خود را در افزونه ثبت نام ووکامرس سفارشی سازی کنید.
یک نمونه سفارشی سازی فرم ورود در افزونه ثبت نام ووکامرس
حالا در بخش کلاس های Tcss کلاس مورد نظر خودتان -که یکی از سه کلاس توضیح داده شده است- را قرار دهید. ما از کلاس پاپ آپ ورود (phoen-login-popup-open) استفاده کردیم. پس از اینکه کلاس را وارد کردید روی گزینه ذخیره فهرست کلیک کنید.

enter class kitwpوارد کردن کلاس موردنظر

با استفاده از بخش پیش نمایش می توانید نتیجه کار را ببینید.

لطفا قبل از ارسال پاسخ، این قوانین را مطالعه نمایید:

  • به هیچ عنوان از لینک سایت‌های دیگر یا لینک‌های تبلیغاتی در پاسخ استفاده نکنید.
  • تا حد امکان متن پاسخ کامل و واضح باشد.
  • محتوای پاسخ را از سایت خود یا سایتی دیگر کپی نکنید.

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