ساخت صفحه حساب کاربری ووکامرس در المنتور (ویدیوی آموزشی)

ساخت صفحه حساب کاربری ووکامرس در المنتور: راهنمای گام به گام

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

مرحله 1: آماده‌سازی و نصب افزونه‌ها

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

مرحله 2: ایجاد یا ویرایش صفحه حساب کاربری

در بخش برگه ها مطمئن شوید که برگه “حساب من” ایجاد شده و کد کوتاه woocommerce_my_account داخل آن قرار دارد. اگر هنوز صفحه‌ای برای حساب کاربری ایجاد نکرده‌اید، بر روی “ایجاد صفحه” کلیک کنید. یک صفحه جدید با عنوان دلخواه (مثلا “حساب من”) ایجاد کنید.

مرحله 3: استفاده از ویجت حساب من ووکامرس در المنتور

1. وارد کردن ویجت: صفحه حساب کاربری را که در مرحله قبل ایجاد کردید، با المنتور باز کنید. به کتابخانه ویجت‌های المنتور بروید و ویجت “حساب من” را پیدا کرده و آن را به صفحه اضافه کنید.
2. تنظیمات محتوای ویجت:
   • تب‌ها (Tabs): از منوی کشویی، چیدمان عمودی یا افقی را برای تب‌ها انتخاب کنید. با استفاده از اسلایدر یا وارد کردن مقدار به صورت دستی (در واحد PX، EM یا % ) فاصله بین تب‌ها را تنظیم کنید. روی هر نام تب کلیک کنید تا آن را ویرایش کنید. با استفاده از آیکون‌ها، ترازبندی تب‌ها را به چپ، وسط یا راست تغییر دهید.
3. تنظیمات پیشرفته ویجت: این بخش به شما امکان می‌دهد تا جزئیات بیشتری را شخصی‌سازی کنید.

مرحله 4: شخصی‌سازی محتوای صفحه (با استفاده از تمپلیت‌های سفارشی)

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

1. ایجاد تمپلیت: در کتابخانه تمپلیت‌های ذخیره شده المنتور، یک تمپلیت جدید برای ناحیه محتوا ایجاد کنید. در این تمپلیت، از برچسب های پویا (Dynamic Tags) المنتور استفاده کنید تا محتوای صفحه را بر اساس اطلاعات کاربر شخصی‌سازی کنید. به عنوان مثال، می‌توانید از تگ‌های مربوط به اطلاعات سفارشات، اطلاعات کاربری و … استفاده کنید. در این تمپلیت می‌توانید هر عنصری را که می‌خواهید به صفحه اضافه کنید.
2. فعال‌سازی تمپلیت: در تنظیمات ویجت “حساب من”، گزینه فعال‌سازی تمپلیت سفارشی را پیدا کنید و آن را فعال کنید.
3. انتخاب تمپلیت: از منوی کشویی، تمپلیت ایجاد شده را انتخاب کنید.

حالا تمپلیت شما در ناحیه محتوا (معمولا در تب داشبورد) صفحه حساب کاربری نمایش داده می‌شود.

مرحله 5: سبک‌بندی پیشرفته با ویجت حساب من ووکامرس

برای ساخت صفحه حساب کاربری ووکامرس در المنتور میتوانید از ویجت حساب من ووکامرس با تنظیمات زیر استفاده کنید:

• سبک‌بندی تب‌ها:
  • تایپوگرافی: فونت، وزن، حالت، تزئین، ارتفاع خط و فاصله حروف را تنظیم کنید.
  • پس‌زمینه: از رنگ‌های جامد یا گرادیانت برای حالت‌های عادی، هاور و فعال استفاده کنید. همچنین می‌توانید از تصویر پس‌زمینه استفاده کنید.
  • سایه: با تنظیم سایه، به تب‌ها عمق بیشتری بدهید.
  • رنگ متن: رنگ متن تب‌ها را تنظیم کنید.
  • حاشیه: نوع، عرض، رنگ و شعاع حاشیه را تنظیم کنید.
• سبک‌بندی بخش‌ها (Sections):
  • رنگ پس‌زمینه: رنگ پس‌زمینه هر بخش را انتخاب کنید.
  • سایه: سایه را برای هر بخش تنظیم کنید.
  • حاشیه: نوع، عرض، رنگ و شعاع حاشیه را برای هر بخش تنظیم کنید.
  • Padding: Padding هر بخش را تنظیم کنید.
• سبک‌بندی تیپوگرافی:
  • عنوان‌های بخش‌ها: رنگ، تیپوگرافی و سایه عنوان‌ها را تنظیم کنید.
  • متن‌های عمومی: رنگ و تیپوگرافی متن‌های عمومی را تنظیم کنید.
  • پیام‌های ورود به سیستم: رنگ و تیپوگرافی پیام‌های ورود به سیستم را تنظیم کنید.
  • چک‌باکس‌ها: رنگ و تیپوگرافی چک‌باکس‌ها را تنظیم کنید.
  • لینک‌ها: رنگ لینک‌ها را برای حالت‌های عادی و هاور تنظیم کنید.
• سبک‌بندی فرم‌ها:
  • Layout: فاصله بین ستون‌ها و سطرها را تنظیم کنید.
  • برچسب‌ها: رنگ و تیپوگرافی برچسب‌ها را تنظیم کنید.
  • فیلدها: تیپوگرافی، رنگ متن، نوع و رنگ پس‌زمینه، تصویر پس‌زمینه، سایه و حاشیه فیلدها را تنظیم کنید.
  • دکمه‌ها: تیپوگرافی، رنگ متن، نوع و رنگ پس‌زمینه، تصویر پس‌زمینه، سایه و حاشیه دکمه‌ها را تنظیم کنید.
• سبک‌بندی جزئیات سفارش:
  • Layout: فاصله بین سطرها را تنظیم کنید.
  • عناوین و کل‌ها: رنگ، تیپوگرافی و سایه عناوین و کل‌ها را تنظیم کنید.
  • اقلام: رنگ و تیپوگرافی اقلام را تنظیم کنید.
  • لینک‌های محصول: رنگ لینک‌های محصول را برای حالت‌های عادی و هاور تنظیم کنید.
  • خطوط جداکننده: نوع، رنگ و ضخامت خطوط جداکننده را تنظیم کنید.

مرحله 6: ذخیره و انتشار

پس از انجام تمام تنظیمات، تغییرات را ذخیره کنید. هنگام انتشار، ممکن است از شما خواسته شود که این صفحه را به عنوان صفحه پیش‌فرض “حساب من” در تنظیمات ووکامرس اختصاص دهید.

ساخت صفحه حساب کاربری ووکامرس در المنتور با JetWooBuilder

این روش از افزونه JetWooBuilder (از مجموعه افزونه‌های Crocoblock) استفاده می‌کند که به شما امکان می‌دهد تا با استفاده از ویجت‌های اختصاصی و ابزارهای پیشرفته، صفحه حساب کاربری را به طور کامل و حرفه‌ای طراحی و شخصی‌سازی کنید. ساخت صفحه حساب کاربری ووکامرس در المنتور با افزونه جت ووبیلدر برای کسانی که به دنبال طراحی‌های پیچیده و سفارشی‌سازی‌های بسیار پیشرفته هستند، ایده‌آل می‌باشد.

مرحله 1: نصب و فعال‌سازی JetWooBuilder:

پس از دانلود آخرین نسخه افزونه JetWooBuilder از سایت میهن تم، آنرا نصب و فعال کنید. این افزونه ویجت‌ها و ابزارهای جدیدی را به المنتور اضافه می‌کند.

مرحله 2: ایجاد یک قالب جدید برای صفحه حساب کاربری با JetWooBuilder:

1. به بخش “Crocoblock” در منوی پیشخوان وردپرس بروید.
2. گزینه “سازنده صفحه ووکامرس” را انتخاب کنید.
3. به تب مربوط به صفحات حساب کاربری بروید.
4. بر روی دکمه “ایجاد قالب جدید” کلیک کنید و نامی مناسب برای قالب خود انتخاب کنید.

مرحله 3: استفاده از ویجت‌های اختصاصی JetWooBuilder:

JetWooBuilder ویجت‌های اختصاصی زیادی برای طراحی صفحات ووکامرس، از جمله صفحه حساب کاربری، ارائه می‌دهد. از جمله این ویجت‌ها می‌توان به موارد زیر اشاره کرد:

• ویجت‌های نمایش اطلاعات کاربری: این ویجت‌ها به شما امکان می‌دهند تا اطلاعات کاربری مانند نام، ایمیل، آدرس و … را به شیوه‌ای منظم و زیبا نمایش دهید.
• ویجت‌های مدیریت سفارشات: این ویجت‌ها به کاربران اجازه می‌دهند تا به راحتی سفارش‌های خود را مشاهده، پیگیری و مدیریت کنند.
• ویجت‌های مدیریت آدرس‌ها: با استفاده از این ویجت‌ها، کاربران می‌توانند به راحتی آدرس‌های خود را اضافه، ویرایش و حذف کنند.
• ویجت‌های مدیریت اطلاعات شخصی: این ویجت‌ها به کاربران اجازه می‌دهند تا اطلاعات شخصی خود مانند نام، ایمیل، رمز عبور و … را ویرایش کنند.
• ویجت‌های سفارشی: JetWooBuilder امکان ایجاد ویجت‌های سفارشی را نیز فراهم می‌کند تا بتوانید هر عنصر مورد نظرتان را به صفحه اضافه کنید.

مرحله 4: طراحی و شخصی‌سازی صفحه حساب کاربری:

با استفاده از ویجت‌های JetWooBuilder و امکانات گسترده المنتور، صفحه حساب کاربری را به طور کامل طراحی و شخصی‌سازی کنید. می‌توانید رنگ‌ها، فونت‌ها، اندازه‌ها، چیدمان و هر جنبه دیگری از صفحه را به دلخواه خود تنظیم کنید.

مرحله 5: پیش‌نمایش و تست:

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

نتیجه گیری :

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

با دنبال کردن این مراحل، می‌توانید صفحه حساب کاربری ووکامرس خود را با استفاده از المنتور به طور کامل شخصی‌سازی کنید و تجربه‌ای کاربری جذاب‌تر و حرفه‌ای‌تر را برای مشتریان خود ارائه دهید.