وردپرس با بی‌شمار قابلیت خود در کنار افزونه فروشگاهی ووکامرس امکان ساخت یک فروشگاه اینترنتی و آنلاین را در اختیار شما قرار می‌دهد و زمانیکه افزونه صفحه‌ساز المنتور نیز به این مجموعه اضافه می‌شود، ترکیب قدرتمندی ایجاد می‌کند که طراحی سایت فروشگاهی با المنتور را به راحتی میسر می‌سازد.
همانطور که می‌دانید، ووکامرس محدودیاتی مخصوصا برای طراحی صفحات محصول، صفحه سبد خرید و صفحه پرداخت خود دارد. اینجا دقیقا نقطه‌ای هست که ترکیب ووکامرس و المنتور وارد میدان می‌شود و امکان ساخت صفحات ووکامرس به صورت خیلی ساده و با کمک صفحه‌ساز را ممکن می‌کند.
افزونه‌های زیادی هستند که ویژگی‌های بیشتری به المنتور برای مدیریت صفحات ووکامرس در اختیار شما قرار می‌دهند؛ افرونه المنتور پرو، Ultimate Addons برای المنتور، ElementsKit و …
در راهنمای طراحی سایت فروشگاهی با المنتور، به کلیه مواردی که برای ساخت یک فروشگاه آنلاین جذاب با کمک المنتور و ووکامرس نیاز است خواهیم پرداخت.
ووکامرس با المنتور سازگار است؟
پیش از شروع طراحی سایت فروشگاهی با المنتور بایستی بدانیم که آیا ووکامرس با افزونه صفحه‌ساز المنتور سازگار است یا خیر؟
پاسخ این پرسش مثبت است. المنتور برای کار با افزونه فروشگاهی ووکامرس کاملا سازگار و هماهنگ است؛ المنتور پرو (نسخه‌ی حرفه‌ای افزونه المنتور) کلیه امکانات افزونه صفحه‌ساز المنتور را در اختیار شما قرار می‌دهد.
در صورت نیاز به افزونه المنتور پرو می‌توانید این افزونه را به صورت رایگان از راکت وردپرس تهیه کنید. برای اینکار بایستی در وبسایت عضو شوید و از طریق پنل کاربری خود تیکتی برای دریافت نسخه المنتور پرو ثبت کنید تا در کمتر از 24 ساعت لینک دانلود خدمت شما ارسال شود (دقت بفرمایید که المنتور پرو اورجینال اما بدون لایسنس است).
در واقع المنتور به دلایل زیر ساخته شده است:
رفع نیاز به نصب افزونه بیشتر برای ووکامرس
بهبود پرفرمنس صفحات (با کمک پوسته‌ها و بخش‌های بهینه شده برای ووکامرس)
کمک به توسعه آسان فروشگاه اینترنتی بدون دانش کدنویسی
المنتور همراه با ویجت‌های زیادی برای استفاده در ووکامرس است؛ از جمله:
متای محصول
توضیحات کوتاه
نوار راهنمای محصول
حساب کاربری
سبد خرید
منوی سبد خرید
موجودی محصول
افزودن به سبد خرید
امتیاز به محصول
و …
المنتور به شما کمک می‌کند که هر بخش از فروشگاه ووکامرس خود را به آسانی سفارشی‌سازی کنید. با کمک افزونه المنتور و نسخه حرفه‌ای آن می‌توانید صفحات پرداخت، سبد خرید، خلاصه خرید، حساب کاربری، صفحات محصول و … را به آسانی ویرایش کنید.
علت طراحی سایت فروشگاهی با المنتور
در صورتیکه می‌خواهید از به تنهایی از ووکامرس استفاده کنید، این موضوع کاملا امکان‌پذیر است. ووکامرس یک پلتفرم فروشگاهی قدرتمند است که برای ساخت یک فروشگاه اینترنتی در کوتاهترین زمان ممکن استفاده می‌شود. خود افزونه ووکامرس امکاناتی هرچند محدود برای سفارشی‌سازی بخش‌هایی از فروشگاه در نظر گرفته است که در صورتیکه نمی‌خواهید از المنتور در کنار ووکامرس استفاده کنید بایستی تغییرات بیشتر مدنظر خود را به یک توسعه‌دهنده وب یا برنامه‌نویس بسپارید.
دلایل طراحی سایت فروشگاهی با المنتور
طراحی جذاب دیداری: وردپرس از ویرایشگر گوتنبرگ برای نگارش و ویرایش صفحات و نوشته‌ها استفاده می‌کند اما المنتور امکانات بیشتری در اختیار کاربر قرار می‌دهد. با کمک ویرایشگر دیداری المنتور امکان استفاده از ویجت‌های بی‌شمار و قابلیت Drag and Drop برای ساخت بخش‌های مختلف یک صفحه به آسانی ممکن است.
سفارشی‌سازی صفحات غیرقابل ویرایش ووکامرس: با کمک المنتور پرو می‌توانید صفحه سبد خرید تا صفحات فروشگاهی را ویرایش کنید. المنتور به شما امکان ساخت و ویرایش صفحاتی را می‌دهد که معمولا غیرقابل ویرایش هستند. همچنین امکان ویرایش هر جز از صفحه محصول را خواهید داشت.
طراحی کاربرپسند: تمامی ویجت‌های المنتور ریسپانسیو هستند و بسیاری از ویجت‌ها و بلاک‌های ووکامرس به صورت مشخص برای افزایش فروش یک فروشگاه اینترنتی طراحی شده‌اند.
سازگاری کامل با ووکامرس: المنتور سازگاری کاملی با ووکامرس دارد و افزونه‌ها و پوسته‌های زیادی ساخته شده‌اند که از المنتور و ووکامرس در کنار یکدیگر استفاده می‌کنند.
مقرون به صرفه: طرح‌های از پیش‌ساخته المنتور، بلاک‌ها و بخش‌های آماده نیاز کاربر را حتا برای ساخت آسان بخش‌های مختلف برای فروشگاه برطرف کرده‌اند. تنها چند دقیقه زمان نیاز است تا صفحات حرفه‌ای را برای ووکامرس ایجاد کنید.
راهنمای گام به گام طراحی سایت فروشگاهی با المنتور
ترکیب المنتور و ووکامرس بهترین ترکیب برای طراحی و پیاده‌سازی یک وبسایت فروشگاهی است. در ادامه به صورت مرحله به مرحله روش طراحی سایت فروشگاهی با المنتور را آموزش خواهیم داد.
1. نصب افزونه ووکامرس و المنتور
برای شروع طراحی سایت فروشگاهی با المنتور بایستی وردپرس را بر روی هاست خود نصب کرده باشید.
در صورتیکه وردپرس را نصب کرده اید؛ به پیشخوان مدیریت وردپرس وبسایت وارد شوید و از بخش افزونه‌ها، افزونه ووکامرس و المنتور را نصب و فعال کنید.
برای دانلود افزونه المنتور پرو نیز در وبسایت راکت وردپرس ثبت نام کنید و از طریق پروفایل کاربری خود تیکتی برای دریافت افزونه المنتور پرو ثبت کنید تا در زودترین زمان ممکن، آخرین نسخه افزونه المنتور پرو خدمت شما ارسال شود.
بعد از دریافت افزونه المنتور پرو، آن را بر روی وردپرس خود نصب و فعال کنید.
2. نصب پوسته فروشگاهی سازگار با المنتور
مرحله دوم برای طراحی سایت فروشگاهی با المنتور، نصب و فعالسازی یک پوسته سازگار با المنتور و ووکامرس بر روی وردپرس است. در ادامه بهترین قالب‌های رایگان که با افزونه المنتور و ووکامرس به صورت کامل سازگار است معرفی می‌شود. می‌توانید یکی از این قالب‌ها را بر روی وردپرس خود نصب و فعال کنید.
Astra
Hello Elementor
OceanWP
Shopkeaper
Zakra
Storefront
Sophlsle Pro
Neve
Customify
GeneratePress
Phlox
3. ساخت صفحه خانگی سایت
به صورت یپش‌فرض، ووکامرس صفحه خانگی برای وبسایت شما ایجاد نمی‌کند و اینکار را بر عهده شما می‌گذارد.
برای ساخت صفحه خانگی برای وبسایت خود؛ از طریق پیشخوان مدیریت وبسایت > برگه‌ها، برگه جدیدی بر روی وبسایت خود ایجاد کنید و سپس بر روی گزینه ویرایش با المنتور کلیک کنید تا صفحه ساخت شده برای ویرایش در المنتور باز شود.
برای ساخت صفحه خانگی وبسایت می‌توانید از المان‌های المنتور و المنتور پرو استفاده کنید. همانطور که در تصویر بالا مشاهده می‌کنید می‌توانید از المان‌های Products برای نمایش محصولات خود در صفحه به راحتی استفاده کنید. همچنین در صورتیکه به کتابخانه المنتور متصل باشید می‌توانید از بلوک‌ها و صفحات آماده المنتور نیز برای ساخت صفحات استفاده کنید.
پس از ساخت صفحه اصلی، حالا نوبت آن است که این صفحه را به عنوان صفحه خانگی وردپرس تعریف کنید. برای انجام اینکار بایستی از طریق پیشخوان مدیریت وردپرس > نمایش بر روی گزینه سفارشی‌سازی کلیک کنید.
در بخش سفارشی‌سازی وبسایت خود از طریق منوی تنظیمات برگه خانه، برگه ایستا را بر روی صفحه اصلی تنظیم کنید که به تازگی ایجاد کرده‌اید.
4. افزودن محصول به ووکامرس
مرحله بعد در طراحی سایت فروشگاهی با المنتور، اضافه کردن محصولات به ووکامرس است.
برای اضافه کردن محصول جدید به ووکامرس بایستی از طریق پیشخوان مدیریت وردپرس > منوی محصولات بر روی گزینه افزودن جدید کلیک کنید.
در صفحه افزودن محصول به ووکامرس می‌بایست نام محصول، توضیحات محصول، قیمت و دسته‌بندی محصول را به همراه تصویر محصول درج کنید و در نهایت بر روی گزینه انتشار کلیک کنید تا محصول ووکامرس شما منتشر شود.
5. پیکربندی روش ارسال، درگاه پرداخت و تنظیمات عمومی ووکامرس
مورد مهم دیگر در مسیر طراحی سایت فروشگاهی با المنتور، پیکربندی صحیح فروشگاه اینترنتی یا ووکامرس است.
برای بررسی تنظیمات ووکامرس بایستی از طریق پیشخوان مدیریت وردپرس > ووکامرس > پیکربندی را انتخاب کنید. در تب اول این صفحه یعنی «همگانی» بایستی تنظیمات مربوط به فروشگاه و واحد پولی را به صورت کامل و صحیح وارد کنید.
تنظیم مهم دیگر مربوط به درگاه‌های پرداخت روی وبسایت شماست. برای تنظیم این بخش بایستی از طریق بخش افزونه‌ها یکی از افزونه‌های درگاه پرداخت را بر روی وبسایت خود نصب و فعال کنید. درگاه‌های پرداخت زرین پال، سپ و به پرداخت معمول‌ترین نوع درگاه‌ها واسط هستند.
بعد از نصب و فعالسازی افزونه درگاه پرداخت بایستی از طریق منوی ووکامرس > پیکربندی > تب پرداخت، اقدام به پیکربندی و فعالسازی درگاه پرداخت وبسایت خود کنید.
در صورتی که قصد فروش محصول فیزیکی بر روی فروشگاه اینترنتی خود دارید؛ مورد مهم دیگر اضافه کردن روش حمل و نقل از طریق ووکامرس > پیکربندی > حمل و نقل است. در این بخش می‌توانید شرایط ارسال رایگان، ارسال پیشتاز، پیک موتوری و … را به صورت دقیق تعیین کنید.
6. پیاده‌سازی صفحه فروشگاهی در ووکامرس با استفاده از المنتور
پس از نصب ووکامرس به صورت پیش‌فرض صفحات فروشگاهی مانند صفحه فروشگاه، سبد خرید، پرداخت و … بر روی وبسایت شما ایجاد می‌شود.
برای ساخت صفحه اصلی فروشگاه بایستی از طریق منوی قالب‌ها، قالب جدیدی ایجاد کنید و نوع قالب را بر روی Products Archive تنظیم کنید.
در صفحه ساخته شده می‌توانید با کمک بلوک‌های آماده یک صفحه اصلی برای فروشگاه خود ایجاد کنید و با کمک المان‌های المنتور بخش‌هایی را به صفحه جدید اضافه کنید یا بخش‌های موجود را ویرایش کنید.
دقت کنید که این قالب برای تمامی صفحات بایگانی فروشگاه نمایش داده خواهد شد.
7. سفارشی‌سازی صفحات محصول با المنتور
برای ایجاد صفحه اختصاصی محصول با المنتور پرو بایستی از بخش قالب‌ها، قالب جدیدی ایجاد کنید و نوع قالب را بر روی محصول تکی یا Single Product تنظیم کنید.
در صفحه جدید باز شده می‌توانید از یکی از بلوک‌های آماده المنتور برای ساخت صفحه استفاده کنید یا اینکه صفحه تکی محصول را از ابتدا با کمک المنتور پیاده‌سازی کنید.
همانطور که در تصویر بالا مشاهده می‌کنید، المان‌های زیادی در المنتور وجود دارد که می‌توانید از آنها برای ساخت صفحه تکی محصول خود استفاده کنید.
8. سفارشی‌سازی صفحات پرداخت و سبد خرید با المنتور
مورد مهم دیگر در طراحی سایت فروشگاهی با المنتور، ویرایش و سفارشی‌سازی صفحات ووکامرس مانند سبد خرید و صفحه پرداخت ووکامرس است.
به صورت پیش‌فرض در ووکامرس، این صفحات (مانند صفحه پرداخت، صفحه حساب کاربری و صفحه سبد خرید) قابل ویرایش نیستند. اما با کمک افزونه المنتور می‌توانید این صفحات را به صورت کامل و از ابتدا با توجه به سلیقه خود پیاده‌سازی کنید.
برای ساخت صفحه اختصاصی پرداخت از طریق پیشخوان مدیریت وردپرس > برگه‌ها، صفحه سبد خرید را ویرایش کرده و بر روی دکمه ویرایش با المنتور کلیک کنید تا صفحه ویرایشگر المنتور برای تغییر و ساخت صفحه جدید سبد خرید باز شود.
در صفحه جدید باز شده می‌توانید با کمک ویجت Cart المنتور اقدام به ساخت سبد خرید و تغییرات مدنظر خود روی این صفحه کنید.
برای ویرایش صفحه پرداخت نیز به همین صورت عمل کنید. از بخش برگه‌ها، صفحه پرداخت را ویرایش کنید و سپس بر روی گزینه ویرایش با المنتور کلیک کنید.
در ویرایش المنتور و با کمک ویجت Checkout می‌توانید به راحتی صفحه پرداخت را ایجاد و ویرایش کنید.
9. سفارشی‌سازی صفحه حساب کاربری ووکامرس با المنتور
آخرین مرحله در طراحی سایت فروشگاهی با المنتور، ساخت و سفارشی‌سازی صفحه حساب کاربری است.
برای ویرایش صفحه حساب کاربری با المنتور به مانند مرحله قبل صفحه حساب کاربری را ویرایش کنید و بر روی دکمه ویرایش با المنتور کلیک کنید تا ویرایشگر المنتور برای شما باز شود. در صفحه جدید و با کمک ویجت My Account می‌توانید صفحه حساب کاربری را ایجاد و مطابق با سلیقه و نیاز خود ویرایش و سفارشی‌سازی روی این صفحه را انجام دهید.
دیدگاهتان را بنویسید