فهرست مطالب
پنل کاربری ووکامرس یکی از مهمترین قسمتهای یک فروشگاه اینترنتی است که کاربران روزانه بارها به آن مراجعه میکنند. در این بخش مشتری میتواند وضعیت سفارشها را بررسی کند، آدرسهای خود را مدیریت کند، اطلاعات حساب کاربری را تغییر دهد یا به لیست علاقهمندیها دسترسی داشته باشد. سایتهایی مانند دیجیکالا با طراحی حرفهای پنل کاربری باعث شدهاند تجربه مشتری به بهترین شکل ممکن باشد. شما هم میتوانید با کمک افزونه JetWooBuilder و صفحهساز المنتور، یک برگه حساب کاربری اختصاصی و زیبا برای ووکامرس بسازید.
در این قسمت از دوره آموزش طراحی سایت شبیه دیجی کالا با المنتور، تمرکز ما روی طراحی و سفارشیسازی برگه حساب کاربری ووکامرس است. با استفاده از قابلیت افزونه جت ووبیلدر و کمی خلاقیت در المنتور، میتوانیم یک داشبورد کاربری مشابه دیجیکالا ایجاد کنیم که هم از نظر ظاهری جذاب باشد و هم تجربه کاربری را ارتقا دهد. این آموزش به شما کمک میکند تمام بخشهای اصلی حساب کاربری مانند پیشخوان، سفارشها، آدرسها، جزئیات حساب، لیست علاقه مندی ها و خروج را بهصورت حرفه ای طراحی کنید.
مراحل طراحی برگه حساب کاربری ووکامرس با المنتور
۱. ایجاد قالب حساب کاربری
برای شروع باید یک قالب اختصاصی برای حساب کاربری ووکامرس بسازیم. ابتدا آخرین نسخه افزونه JetwooBuilder فارسی را از سایت میهن تم دانلود و نصب کرده و سپس از پیشخوان وردپرس به مسیر کروکوبلاک > جت ووبیلدر > حساب کاربری > افزودن قالب جدید بروید. یک قالب جدید ایجاد کنید و سپس روی گزینه ویرایش با المنتور کلیک کنید. این قالب، ساختار اصلی برگه پنل کاربری شما خواهد بود.
۲. طراحی ساختار صفحه با المنتور
در المنتور یک چیدمان دو ستونه طراحی کنید:
- ستون سمت راست: منوی پنل کاربری شامل بخشهایی مثل پیشخوان، سفارشها، آدرسها، جزئیات حساب، لیست علاقهمندیها و خروج.
- ستون سمت چپ: از ویجت محتوا پروفایل استفاده کنید تا نقطه های پایانی پنل کاربری ووکامرس در آن نمایش داده شود.
برای منوی سمت راست میتوانید از ویجت لیست آیکن المنتور (Icon List) استفاده کنید و برای هر آیتم منو آیکن و متن اختصاصی قرار دهید. سپس کمی CSS سفارشی اضافه کنید تا استایل منو حرفهایتر شود.
۳. اتصال قالب به ووکامرس
بعد از طراحی و ذخیره قالب پنل کاربری ووکامرس، باید آن را به ووکامرس متصل کنیم. وارد مسیر ووکامرس > پیکربندی > جتووبیلدر شوید و در بخش قالب حساب کاربری، قالب ساختهشده را انتخاب کنید. حالا هر زمان کاربر وارد حساب کاربری شود، طراحی اختصاصی شما نمایش داده میشود.
معرفی بخشهای مختلف پنل کاربری ووکامرس
پیشخوان
بخش پیشخوان پنل کاربری ووکامرس اولین صفحهای است که کاربر بعد از ورود مشاهده میکند. در این صفحه معمولاً خوشآمدگویی، لینکهای سریع و خلاصهای از آخرین سفارشها نمایش داده میشود. طراحی این بخش اهمیت زیادی دارد زیرا اولین نقطه تماس کاربر با پنل شماست.
سفارشها
در قسمت سفارشها، تمام خریدهای کاربر همراه با وضعیت آنها (در انتظار پرداخت، در حال پردازش، تکمیلشده یا لغوشده) نمایش داده میشود. با کمک جتووبیلدر میتوانید ظاهر این بخش را سفارشی کنید و حتی جدول سفارشها را مشابه دیجیکالا طراحی کنید.
آدرسها
بخش آدرسها در ووکامرس به کاربر این امکان را میدهد که آدرس ارسال کالا و آدرس صورتحساب خود را مدیریت کند. اگر فروشگاه شما چند آدرس برای کاربر ذخیره میکند، بهتر است این قسمت را ساده و قابل ویرایش طراحی کنید تا مشتری بتواند بهسرعت آدرسهای خود را تغییر دهد.
جزئیات حساب
بخش جزئیات حساب کاربری ووکامرس مربوط به اطلاعات فردی کاربر است. نام، نام خانوادگی، ایمیل و تغییر رمز عبور معمولاً در این قسمت قرار دارد. برای طراحی بهتر میتوانید فرم ویرایش اطلاعات را با المنتور استایلدهی کنید تا از حالت ساده ووکامرس خارج شود.
لیست علاقهمندیها
افزودن لیست علاقهمندیها به پنل کاربری باعث افزایش تعامل کاربر با فروشگاه میشود. کاربران میتوانند محصولاتی را که بعداً قصد خرید دارند به این لیست اضافه کنند و در هر زمان از طریق حساب کاربری به آن دسترسی داشته باشند.
همچنین ببینید : آموزش افزودن محصول به لیست علاقه مندی های ووکامرس با المنتور
خروج
در نهایت بخش خروج از حساب کاربری باید در منوی سمت راست یا پایین پنل قرار گیرد تا کاربران بتوانند با یک کلیک ساده از حساب خود خارج شوند. توجه کنید که جایگاه این گزینه باید کاملاً واضح و در دسترس باشد، درست مشابه دیجیکالا.
جمعبندی
ساخت برگه پنل کاربری ووکامرس با المنتور و جتووبیلدر به شما این امکان را میدهد که ظاهر حساب کاربری را کاملاً مطابق با نیاز خود طراحی کنید. با تقسیمبندی بخشهایی مانند پیشخوان، سفارشها، آدرسها، جزئیات حساب، لیست علاقهمندیها و خروج، میتوانید یک تجربه کاربری مشابه سایتهای حرفهای مثل دیجیکالا ایجاد کنید. این کار علاوه بر زیبایی، باعث افزایش رضایت مشتریان و حرفهایتر شدن فروشگاه شما خواهد شد.
کاربران گرامی :
ما قبلا در سایت میهن تم ، نحوه ساخت صفحه حساب کاربری ووکامرس در المنتور را بصورت مقدماتی آموزش داده بودیم که در دوره آموزش طراحی سایت فروشگاهی ، نسخه پیشرفته آنرا به ترتیب و قدم به قدم به شما آموزش خواهیم داد.
سوالات متداول :
چگونه میتوانم برگه پنل کاربری ووکامرس با المنتور طراحی کنم؟
برای طراحی برگه پنل کاربری ووکامرس با المنتور، کافی است از افزونه JetWooBuilder استفاده کنید. ابتدا یک قالب جدید برای حساب کاربری بسازید، سپس با المنتور بخشهای مختلف مثل پیشخوان، سفارشها، آدرسها، جزئیات حساب و لیست علاقهمندیها را طراحی کنید. در نهایت از بخش ووکامرس > پیکربندی > جتووبیلدر قالب را اعمال کنید.
آیا امکان ساخت حساب کاربری مشابه دیجیکالا در ووکامرس وجود دارد؟
بله، با المنتور و جتووبیلدر میتوانید یک پنل کاربری کاملاً مشابه دیجیکالا طراحی کنید. منوی سمت راست شامل گزینههایی مانند پیشخوان، سفارشها، آدرسها، جزئیات حساب، لیست علاقهمندیها و خروج خواهد بود و بخش سمت چپ محتوای اصلی هر قسمت را نمایش میدهد.
بخش پیشخوان در پنل کاربری ووکامرس چه کاربردی دارد؟
بخش پیشخوان پنل کاربری ووکامرس اولین صفحهای است که بعد از ورود نمایش داده میشود. در این قسمت میتوان خلاصه سفارشها، خوشآمدگویی و لینکهای سریع را قرار داد. طراحی زیبا و حرفهای پیشخوان تأثیر زیادی در تجربه کاربری فروشگاه شما دارد.
چطور میتوان لیست علاقهمندیها را به پنل کاربری ووکامرس اضافه کرد؟
برای افزودن لیست علاقهمندیها به پنل کاربری ووکامرس میتوانید از افزونههایی مانند JetCompareWishlist استفاده کنید. سپس این بخش را به منوی کاربری در المنتور اضافه کنید تا کاربران همیشه به لیست محصولات محبوبشان دسترسی داشته باشند.
کاربران گرامی:
برای مشاهده آموزش کامل این ویدیو ، ابتدا باید عضو دوره جامع طراحی فروشگاه اینترنتی مشابه دیجی کالا باشید ، پس از عضویت ، براحتی دسترسی کامل به محتوای آموزشی کامل ویدیو و همچنین فایل ها و کدهای آماده دوره را خواهید داشت.
