نحوه ایجاد صفحات محصول سفارشی ووکامرس

می خواهید یاد بگیرید که چگونه به راحتی صفحات محصول WooCommerce خود را سفارشی کنید؟ اگر یک فروشگاه آنلاین دارید، احتمالاً می خواهید مطمئن شوید که صفحات تک محصولی شما عالی به نظر می رسند، به درستی سازماندهی می شوند و با برند شما مطابقت دارند. اگر برای ایجاد تغییرات فقط به WooCommerce و طرح زمینه خود متکی هستید، انجام این کار ممکن است سخت باشد زیرا کم و بیش در طرح بندی پیش فرض گیر کرده اید.

در عوض، می‌توانید از افزونه‌های دیگر برای انجام کارهایی مانند:

استفاده کنید

• عناصر محتوای اضافی را اضافه کنید
• تغییر فونت و رنگ
• تغییر ساختار صفحه
• یا حتی صفحات محصول خود را کاملاً از ابتدا سفارشی کنید

…همه بدون کدنویسی!

چند ایده از الگوهای محصول کاملاً سفارشی:

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

1. استایل آرایشی صفحات محصول خود را ویرایش کنید

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

رنگ‌های ووکامرس

WooCommerce Colors به ​​شما امکان می دهد رنگ عناصر مختلف WooCommerce مانند دکمه افزودن به سبد خرید، قیمت محصول و موارد دیگر را سفارشی کنید. می توانید این تغییرات را با استفاده از سفارشی ساز وردپرس بومی انجام دهید.

تغییر رنگ افزودن به سبد خرید با استفاده از افزونه WooCommerce Colors

را فشار دهید

این یک افزونه ساده و سرراست است که به دانش CSS نیاز ندارد. با این حال، فقط به شما امکان می‌دهد رنگ‌ها را تنظیم کنید، و ممکن است نتوانید برخی از رنگ‌ها را بسته به موضوع خود لغو کنید.

قیمت: رایگان

مداد زرد

YellowPencil به شما امکان می دهد فونت، رنگ، اندازه فونت، فاصله بین عناصر را تغییر دهید و حتی جلوه های بصری متحرک را در قسمت جلویی سایت خود اضافه کنید. گزینه‌های سبک زیادی در نسخه رایگان وجود دارد، اما Yellow Pencil Pro گزینه های پیشرفته ای را برای شیب ها، انیمیشن ها، فونت های سفارشی، پالت های رنگی، تصاویر پس زمینه و موارد دیگر اضافه می کند.

تغییر فونت عنوان صفحه محصول، رنگ قیمت، و رنگ دکمه با افزونه YellowPencil

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

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

قیمت: رایگان، با گزینه‌های ارتقاء پولی

قهرمان CSS

چه کاری انجام می دهد: CSS Hero یک ویرایشگر بصری است که به شما امکان می دهد با تنظیم خودکار CSS در حین ایجاد تغییرات بصری، تغییراتی در استایل سایت خود ایجاد کنید.

تغییر رنگ دکمه افزودن به سبد خرید با پلاگین CSS Hero

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

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

قیمت: پرداختی، از 29 دلار در سال شروع می‌شود

2. افزودن عناصر جدید به لیست محصولات

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

سفارشی ساز صفحه محصول واحد WooCommerce

WooCommerce Single Product Page Customizer به شما این امکان را می دهد که فیلدهایی از متن سفارشی یا HTML را در قالب محصول خود اضافه کنید و محل نمایش آنها را در صفحه انتخاب کنید.

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

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

قیمت: رایگان

برگه های محصول سفارشی برای WooCommerce

برگه‌های محصول سفارشی برای WooCommerce به شما امکان می‌دهد برگه‌های اضافی متن، تصاویر، HTML یا کدهای کوتاه را در صفحات محصول خود اضافه کنید. سپس می توانید انتخاب کنید که برای کدام محصولات اطلاعات نمایش داده شود.

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

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

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

قیمت: رایگان، با نسخه حرفه ای پولی

ویدیوی محصول برای WooCommerce

Product Video for WooCommerce به شما امکان می دهد ویدیوها را به صفحات محصول یا گالری محصول خود اضافه کنید. می‌توانید ویدیوهای YouTube، Vimeo، Dailymotion، Metacafe یا Facebook را جاسازی کنید، یا می‌توانید ویدیوهای خود را آپلود کنید. همچنین چندین گزینه نمایش را ارائه می دهد: در یک پنجره بازشو، داخل صفحه شما، و تمام صفحه.

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

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

قیمت: پرداخت شده، در حال حاضر 49 دلار

3. محصولات کاملا سفارشی بسازید

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

مجموعه ابزار

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

قیمت: پرداختی، طرح‌ها از 69 دلار شروع می‌شوند

الگوی خود را با محتوای پویا و سبک کاملاً سفارشی بسازید

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

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

معیارهای نمایش خاصی را برای الگوهای خود انتخاب کنید

همچنین می‌توانید الگوهای مختلفی را برای معیارهای مختلف طراحی کنید: به عنوان مثال، می‌توانید الگوهای مختلفی را برای اقلام موجود در انبار، برای دسته‌ها یا ویژگی‌های محصول مختلف طراحی کنید، و حتی در صورت اعمال چندین الگو برای یک محصول، اولویت‌ها را تعیین کنید.< /p>

فروشگاه WooCommerce خود را با عملکردهای بیشتر سفارشی کنید

صفحه سازهای محبوب مانند Elementor Pro، Divi، و WPBakery نیز گزینه هایی را برای ساخت و سفارشی کردن صفحات محصول WooCommerce ارائه می دهند. ویژگی های اضافی موجود با مجموعه افزونه های Toolset را می توان به طور خاص برای فروشگاه های WooCommerce یا سایر انواع سایت ها استفاده کرد.

به عنوان مثال، می توانید:

• فرم های جلویی ایجاد کنید که به فروشندگان شما امکان می دهد محصولات خود را به سایت شما اضافه کنند
• روابط پست ایجاد کنید که به شما امکان می دهد محصولات خود را به انواع پست دیگر (مانند “Outfits”) متصل کنید
• مکان های فروشگاه خود را روی نقشه نمایش دهید
• قابلیت جستجو و فیلتر قدرتمند را اضافه کنید
• فیلدهای سفارشی اضافی برای تعریف بیشتر محصولات خود ایجاد کنید

انتخاب ابزارهای WooCommerce مناسب برای شما

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

ساخت یک فروشگاه ووکامرس سفارشی نباید مشکل باشد یا نیاز به برنامه نویسی سفارشی گران قیمت داشته باشد. با افزونه های موجود در این مقاله، می توانید فروشگاه های WooCommerce پیشرفته، زیبا و کاربردی بسازید – بدون نیاز به کدنویسی!