محتوانوشته
سفارشی سازی ووکامرس یکی از مهم ترین چالش های هرنوع وب سایت فروشگاهی می باشد. اگر شما در سایت وردپرسی خود از فروشگاه ساز ووکامرس استفاده می کنید، ممکن است از تنظیمات یکنواخت آن خسته شده باشید، زیرا خود ووکامرس امکان سفارشی سازی صفحات ووکامرس را به صورت کامل در اختیار شما قرار نمی دهد. حال برای سفارشی سازی woocommerce پیشنهاد ما استفاده از یک افزونه می باشد. افزونه های مختلفی برای این منظور وجود دارد که ما قصد داریم WooCustomizer را به شما معرفی کنیم. با ما همراه باشید تا شما را با آموزش سفارشی سازی ووکامرس آشنا کنیم.
یکی از راهکارها برای ساخت بخش‌های فروشگاهی ووکامرس با ویژوال کامپوزر، WC Builder Pro است. پیش از انتخاب، سازگاری و امکانات آن را با نیاز پروژه مقایسه کنید.
برای طراحی صفحه‌های ووکامرس با ویژوال کامپوزر، WooCommerce Page Builder DHWCPage نیز قابل بررسی است؛ امکانات آن باید متناسب با نیاز همین بخش از سایت ارزیابی شود.
در پروژه‌هایی که اتصال عناصر فروشگاه ووکامرس به طراحی صفحات المنتور مطرح است، می‌توان Elementor Connector for WooCommerce را ارزیابی کرد. پیش از استفاده، تنظیمات موردنیاز و تجربه کاربر را بررسی کنید.
برای تغییر چیدمان کارت‌ها و فهرست محصولات فروشگاه، Product Layouts for WooCommerce Pro از گزینه‌های قابل بررسی است. پیش از استفاده، قابلیت‌های آن را با ساختار و نیاز واقعی سایت تطبیق دهید. برای نمایش نمونه رنگ محصولات متغیر به جای فهرست متنی، Custom Paint Color Swatches از گزینه‌های قابل بررسی است. پیش از استفاده، قابلیت‌های آن را با ساختار و نیاز واقعی سایت تطبیق دهید.
بیشتر بخوانید: آموزش قدم به قدم سفارشی سازی صفحه پرداخت ووکامرس
چرا از افزونه WooCustomizer برای سفارشی سازی صفحات ووکامرس استفاده کنیم؟
افزونه WooCustomizer یک افزونه سفارشی سازی ووکامرس می باشد که به گونه ای طراحی شده است که شما می توانید خیلی سریع و آسان صفحات خود را به دلخواه شخصی سازی کنید. با استفاده از تنظیمات تعبیه شده در سفارشی ساز وردپرس، می توانید از ویرایش فروشگاه خود در محیط زنده لذت ببرید و تغییرات خود را در حین ویرایش مشاهده کنید. برخی از ویژگی های این افزونه عبارت است از:
WooCustomizer برای تغییر بخش‌هایی از ظاهر فروشگاه و صفحه‌های ووکامرس کاربرد دارد، اما افزودن مبلغ واقعی به سفارش صرفاً با تغییر متن یا رنگ یک فیلد انجام نمی‌شود. افزونه انعام اختیاری صفحه پرداخت Tipping WooCommerce امکان قرار دادن انتخاب مبلغ ثابت، درصد سفارش یا عدد دلخواه را در مرحله تسویه‌حساب فراهم می‌کند و برچسب این گزینه را می‌توان تغییر داد. هدف آن دریافت حمایت داوطلبانه است، نه طراحی کامل فرم یا بازچینی همه اجزای پرداخت. اگر در کنار ابزارهای سفارشی‌سازی استفاده می‌شود، باید محل نمایش گزینه، امکان رد آن و مبلغ نهایی سفارش را آزمایش کنید.
WooCustomizer برای تغییر بخش‌هایی از ظاهر صفحات ووکامرس استفاده می‌شود، اما فروشگاه لباس ممکن است به محتوای تخصصی دیگری مثل جدول اندازه هر مدل نیاز داشته باشد. YITH Product Size Charts برای شخصی‌سازی راهنمای اندازه امکان ساخت چند جدول، انتخاب حالت نمایش تب یا پاپ‌آپ، تغییر ظاهر و رنگ دکمه و اختصاص راهنما به گروهی از محصولات را فراهم می‌کند. این قابلیت با تغییر چیدمان کلی فروشگاه یا ساخت ویژگی و تنوع محصول متفاوت است. پیش از استفاده هم‌زمان، بررسی کنید دکمه راهنمای سایز در قالب فعلی قابل مشاهده باشد و پنجره آن روی موبایل به‌درستی باز شود.
- گزینه های طراحی مختلفی را برای سفارشی سازی ارائه می دهد که قالب شما آنها را ندارد.
- طراحی دکمه های «افزودن به سبد خرید» و بنرهای «فروش» برای محصولاتفروشگاه.
- عناصر مختلف را در تمام صفحات ووکامرس ویرایش یا حذف کنید.
- عنوان محصول، SKU محصول، دسته ها و برچسب های محصول و غیره را حذف کنید.
- می توانید متن دکمه ها را برای هر نوع محصول، برچسب و غیره تغییر دهید.
- ویرایش متن برگه ها و سربرگ های صفحه محصول
- افزودن متن سفارشی به صفحه سبد خرید خالی
- ویرایش متن فیلد سفارش یادداشت‌های صفحه پرداخت
- و بسیاری از ویژگی های دیگر
بیشتر بخوانید: آموزش نحوه راه اندازی و اتصال سایت به cdn کلود فلر (Cloudflare) در ایران
نصب و راه اندازی افزونه WooCustomizer
برای اینکه بتوانید از این افزونه سفارشی سازی woocommerce استفاده کنید، در ابتدا حتماً باید ووکامرس در سایت شما نصب شده باشد. در زمینه شخصی‌سازی محصولات توسط مشتری، افزونه Product Configurator WooCommerce نیز یکی از ابزارهایی است که می‌توان قابلیت‌هایش را بررسی کرد. پس از آن وارد بخش “افزونه ها” سایت خود شوید و سپس روی گزینه “افزودن” کلیک کنید. بعد از آن عبارت “WooCustomizer” را جستجو کنید. پس از پیدا شدن افزونه کافیست آن را نصب و فعال کنید.
WooCustomizer بیشتر بر تغییر اجزای ظاهری فروشگاه ووکامرس تمرکز دارد، درحالی‌که صفحات ورود، ثبت‌نام و «حساب من» مشتری مجموعه دیگری از نیازهای طراحی هستند. افزونه ساخت صفحه حساب کاربری ووکامرس با المنتور ویجت‌های فرم ورود و عضویت، فراموشی رمز، منوی ناوبری حساب، محتوای حساب و دکمه خروج را ارائه می‌دهد تا ظاهر این بخش‌ها با دیگر صفحات فروشگاه هماهنگ باشد. این افزودنی جای ویرایش صفحه پرداخت یا تغییر قوانین ثبت سفارش نیست؛ بعد از طراحی، نمایش سفارش‌های مشتری و جریان ورود و بازیابی رمز را آزمایش کنید.
WooCustomizer بیشتر برای تغییر چیدمان و اجزای فروشگاه ووکامرس به‌کار می‌رود؛ اما سفارشی‌سازی اطلاعاتی که خریدار برای یک کالای مشخص وارد می‌کند، وظیفه متفاوتی است. افزونه WowAddons Pro امکان افزودن فیلد متن، منوی انتخابی، نمونه رنگ و تصویر، آپلود طرح مشتری و منطق شرطی به صفحه محصول را فراهم می‌کند و هزینه انتخاب‌های اضافی را در قیمت محصول لحاظ می‌کند. برای مثال می‌توان در سفارش ماگ چاپی، فایل تصویر و نوع بسته‌بندی را دریافت کرد؛ قبل از استفاده، ثبت صحیح این انتخاب‌ها در سفارش و سازگاری با قالب و سبد خرید را بررسی کنید.
پس از فعال سازی افزونه، برای سفارشی سازی صفحات ووکامرس وارد پیشخوان وردپرس خود شوید و سپس از بخش “نمایش” روی گزینه “سفارشی سازی” کلیک کنید. سپس روی تب “store WooCustomizer” کلیک کنید.
همانطور که در تصویر زیر مشاهده می کنید، چندین قسمت برای شما نمایش داده می شود؛ از جمله: سفارشی سازی صفحه سبد خرید ووکامرس، سفارشی سازی صفحه حساب کاربری ووکامرس، سفارشی سازی صفحه محصولات ووکامرس و سفارشی سازی کاتالوگ محصولات ووکامرس که می توانید به دلخواه هر یبک از این بخش ها را شخصی سازی کنید.
در کنار روش مطرح‌شده، WooCommerce Ajax Cart Checkout نیز برای ساخت سبد خرید و تسویه حساب ایجکس ووکامرس کاربرد دارد و می‌تواند به‌صورت جداگانه ارزیابی شود.
WooCustomizer بیشتر بر شخصی‌سازی بخش‌های مختلف فروشگاه، از جمله ظاهر صفحه محصولات و سبد خرید، تمرکز دارد؛ اما تغییر اطلاعات فرم پرداخت نیاز مشخص دیگری است. Checkout Custom Fields Builder for WooCommerce به مدیر فروشگاه اجازه می‌دهد فیلدهای تسویه‌حساب را اضافه، حذف یا مرتب کند، اجباری بودن آنها را تعیین کند و در نسخه حرفه‌ای نمایش شرطی فیلدها و ثبت اطلاعات اضافی در سفارش را تنظیم کند. این ابزار جای افزونه سبد خرید ایجکس یا درگاه پرداخت نیست؛ پس از تغییر فرم، تکمیل سفارش و دریافت درست اطلاعات مشتری را با محصولات فیزیکی و دانلودی آزمایش کنید.
سفارشی‌سازی ظاهر فروشگاه با دریافت فایل از مشتری هنگام خرید یکسان نیست. اگر سفارش به تصویر یا طرح نیاز داشته باشد، ابزار آپلود فایل در صفحه پرداخت ووکامرس فیلد بارگذاری را در تسویه‌حساب اضافه می‌کند. امکان تعیین اجباری بودن فایل و فرمت‌های مجاز وجود دارد. بهتر است این فیلد فقط برای سفارشهایی استفاده شود که به دریافت فایل نیاز دارند.
در ادامه آموزش سفارشی سازی صفحات ووکامرس اطلاعات خلاصه ای را در خصوص هریک از این بخش ها در اختیار شما قرار می دهیم.
بیشتر بخوانید: بهترین قالب فروشگاهی وردپرس | 12 تا از بهترین پوسته های فروشگاهی
– store WooCustomizer: در این بخش شما می توانید تنظیمات کلی افزونه را انجام دهید.
– WooCommerce shop page: این بخش مربوط به تنظیمت فروشگاه می باشد. در این بخش شما می توانید تعداد نمایش محصولات را تنظیم کنید، می توانید عناصر فروشگاه را حذف کنید، می توانید یک متن برای بنر فروش قرار دهید، دکمه افزودن به سید خرید را ویرایش کنید و بسیاری از بخش های دیگر که شما می توانید هریک از آنها را به دلخواه خود تغییر دهید.
– WooCommerce product page: در این بخش شما می توانید اقدام به سفارشی سازی صفحه محصولات ووکامرس خود نمائید. در واقع می توانید صفحه محصول فروشگاه خود را آنطور که می خواهید سفارشی کنید. در ابتدای تنظیمات شما با تنظیمات زیر مواجه می شوید:
- Remove Image Zoom: می توانید زوم تصویر را حذف کنید.
- Remove Image Lightbox: می توانید لایت باکس تصویر را حذف کنید.
- Remove Image Slider: می توانید اسلایدر تصویر را حذف کنید.
بیشتر بخوانید: مدیریت، ویرایش و حذف دیدگاه ها و نظرات در وردپرس
همچنین در این بخش شما می توانید تعداد نمایش گالری تصاویر را مشخص کنید، می توانید متن بنر فروش خود را مشخص کنید. هنگام تصمیم‌گیری درباره شخصی‌سازی گزینه‌ها و فیلدهای محصولات ووکامرس، افزونه WooCommerce Product Addons نیز گزینه‌ای برای ارزیابی امکانات و سازگاری با پروژه است. علاوه بر آن در این بخش موارد بیشتری هم وجود دارد که به دلخواه خود می توانید آنها را سفارشی کنید.
بیشتر بخوانید: آموزش راه اندازی بسته نصب آسان قالب وردپرس در هاست دایرکت ادمین
– Account Page: در این بخش می توانید تنظیمات مربوط به صفحه حساب خود را انجام دهید.
– Cart Page: در این بخش می توانید اقدام به سفارشی سازی صفحه سبد خرید ووکامرس خود نمائید.
– Checkout Page: در این بخش می توانید تنظیمات مربوط به صفحه پرداخت خود را انجام دهید. برای بررسی ابزارهای حوزه «پلاگین فیلدهای پیشرفته محصولات ووکامرس»، می‌توانید Advanced Product Fields for WooCommerce را نیز در کنار راهکار توضیح‌داده‌شده ارزیابی کنید. می توانید صفحه سبد خالی را ویرایش کنید، می توانید یادداشت های اضافی را حذف کنید همچنین می توانید فیلدهای صورتحساب را حذف کنید و بسیاری از موارد دیگر.
برای ویرایش فیلدهای صفحه تسویه حساب ووکامرس، امکانات Easy Checkout Field Editor را نیز می‌توان در کنار روش‌های این مطلب بررسی کرد.
بیشتر بخوانید: آموزش طراحی قالب با المنتور | چگونه با المنتور قالب وردپرس بسازیم؟
جمع بندی: آموزش سفارشی سازی ووکامرس
اگر قصد دارید بخش های مختلف فروشگاه خود را مانند: صفحه پرداخت، صفحه محصولات، صفحه فروشگاه، افزونه های صفحه ساز و… را به دلخواه شخصی سازی کنید نگران نباشید، زیرا افزونه سفارشی سازی صفحات ووکامرس WooCustomizer به شما در این زمینه کمک می کند. با کمک این پلاگین شما قادر به سفارشی سازی صفحه سبد خرید ووکامرس، سفارشی سازی صفحه حساب کاربری ووکامرس، سفارشی سازی صفحه محصولات ووکامرس و سفارشی سازی کاتالوگ محصولات ووکامرس می باشید. امیدوارم این اموزش مورد رضایت شما قرار گرفته باشد.
برای پیاده‌سازی نمایش فیلدهای شرطی در تسویه حساب ووکامرس در وردپرس می‌توان WooCommerce Conditional Product Fields at Checkout را هم از نظر امکانات و سازگاری بررسی کرد.
بیشتر بخوانید: بعد از نصب وردپرس چه کنیم؟ + 7 کاری که بعد از نصب وردپرس باید انجام دهید
نظراتمقاله
درود
من دارم صفحه کاربری ووکامرس رو با المنتور باز طراحی میکنم
میخوام لیست سفارشات رو بیارم داخلش، اما شورتکد اونو نمیدونم
لیست سفارشات، همون قسمتی که وقتی شما سفارشهایی ثبت میکنی، بعداً میتونی همشونو بصورت جدولی ببینی
با درود
این لینک را مشاهده کنید.