اگر یک فروشگاه آنلاین با قالب فلت‌سام (Flatsome) راه‌اندازی کرده‌اید، احتمالاً می‌خواهید سفارشی‌سازی صفحه‌های محصول را انجام دهید تا طراحی صفحات مطابق با نیازها و برند شما باشد. فلت‌سام یک قالب وردپرسی قدرتمند است که امکانات گسترده‌ای برای شخصی‌سازی صفحات محصولات ارائه می‌دهد. در این مقاله، گام‌به‌گام نحوه ویرایش و سفارشی‌سازی صفحه‌های محصول در این قالب را بررسی می‌کنیم تا بتوانید فروشگاه حرفه‌ای‌تری داشته باشید.
۱. آشنایی با صفحه‌ساز UX Builder در فلت‌سام
UX Builder چیست؟
قالب فلت‌سام از یک صفحه‌ساز اختصاصی به نام UX Builder استفاده می‌کند که امکان طراحی و ویرایش صفحات را به‌صورت بصری فراهم می‌کند. با این ابزار، میتوانید بدون نیاز به دانش کدنویسی، صفحه‌های محصول خود را به دلخواه تغییر دهید.
مزایای استفاده از UX Builder برای صفحه‌های محصول
- امکان ویرایش زنده و مشاهده تغییرات در لحظه
- پشتیبانی از عناصر سفارشی مانند دکمه‌ها، گالری تصاویر و توضیحات پیشرفته
- قابلیت تنظیم چیدمان و نمایش اطلاعات محصول
- سازگار با ووکامرس و بهینه برای فروشگاه‌های اینترنتی
۲. نحوه ویرایش صفحه‌های محصول در فلت‌سام
روش اول: استفاده از UX Builder
برای ویرایش صفحه محصول در UX Builder، مراحل زیر را دنبال کنید:
- از پیشخوان وردپرس، به محصولات > همه محصولات بروید.
- محصول موردنظر خود را انتخاب کنید و روی گزینه ویرایش با UX Builder کلیک کنید.
- در صفحه ویرایش، میتوانید المان‌های مختلف مانند تصویر، قیمت، توضیحات و دکمه خرید را تغییر دهید.
- پس از انجام تغییرات، روی ذخیره و انتشار کلیک کنید.
روش دوم: ویرایش از طریق تنظیمات قالب
اگر قصد دارید تغییرات کلی روی همه صفحه‌های محصول اعمال کنید:
- به Flatsome > Theme Options > WooCommerce > Product Page بروید.
- از این بخش، میتوانید چینش نمایش محصول، گالری تصاویر، نمایش دکمه خرید و سایر جزئیات را تغییر دهید.
- پس از تنظیم تغییرات، دکمه ذخیره تغییرات را بزنید.
۳. افزودن المان‌های سفارشی به صفحه محصول
افزودن توضیحات بیشتر
گاهی لازم است اطلاعات بیشتری درباره محصول ارائه دهید. برای این کار:
- در UX Builder، از گزینه Add Element استفاده کنید.
- یک باکس متن (Text Box) اضافه کنید و توضیحات دلخواه خود را وارد کنید.
- میتوانید برای نمایش بهتر، از استایل‌های سفارشی مانند رنگ‌بندی، سایه و اندازه فونت استفاده کنید.
اضافه کردن بخش نظرات و امتیازدهی
برای نمایش نظرات مشتریان در صفحه محصول:
- به ووکامرس > تنظیمات > محصولات بروید.
- گزینه فعال‌سازی امتیازدهی و نقد و بررسی را روشن کنید.
- سپس از UX Builder، بخش Reviews را در صفحه محصول اضافه کنید.
۴. تغییر ظاهر صفحه‌های محصول (استایل و رنگ‌ها)
سفارشی‌سازی رنگ‌ها و فونت‌ها
برای تغییر ظاهر صفحه‌های محصول:
- به Appearance > Customize > Typography بروید و فونت دلخواه را تنظیم کنید.
- از Appearance > Customize > Colors رنگ‌های دلخواه خود را برای دکمه‌ها و پس‌زمینه انتخاب کنید.
استفاده از CSS سفارشی برای تغییرات بیشتر
اگر می‌خواهید تغییرات پیشرفته‌تری انجام دهید، میتوانید از CSS سفارشی استفاده کنید:
- به Appearance > Customize > Additional CSS بروید.
- کدهای CSS خود را برای تغییرات دلخواه وارد کنید.
- تغییرات را ذخیره کنید.
۵. بهینه‌سازی صفحه‌های محصول برای سئو و تجربه کاربری
استفاده از توضیحات متای بهینه
هر صفحه محصول باید دارای توضیحات متای سئو شده باشد:
- از افزونه‌هایی مانند Yoast SEO یا Rank Math استفاده کنید.
- توضیحات متای حاوی کلمات کلیدی مرتبط با محصول بنویسید.
افزایش سرعت بارگذاری صفحه محصول
سرعت سایت یکی از عوامل مهم برای سئو و تجربه کاربری است. برای بهینه‌سازی:
- از افزونه WP Rocket برای کش سایت استفاده کنید.
- تصاویر محصول را با فرمت WebP فشرده کنید.
- از هاست پرسرعت استفاده کنید.
۶. نمایش محصولات مرتبط و پیشنهادهای ویژه
افزودن بخش محصولات مرتبط
برای افزایش فروش، میتوانید محصولات مرتبط را در صفحه محصول نمایش دهید:
- به بخش محصولات > ویرایش محصول بروید.
- در قسمت محصولات مرتبط، محصولاتی که می‌خواهید نمایش داده شوند را انتخاب کنید.
نمایش پیشنهادهای ویژه
میتوانید محصولات تخفیف‌دار یا ویژه را در صفحه محصول نمایش دهید:
- از UX Builder یک باکس محصولات ویژه (Featured Products Box) اضافه کنید.
- محصولات با تخفیف یا فروش ویژه را انتخاب کنید.
نتیجه‌گیری
سفارشی‌سازی صفحه‌های محصول در قالب فلت‌سام یک راهکار عالی برای ایجاد یک فروشگاه آنلاین حرفه‌ای است. با استفاده از UX Builder و تنظیمات قالب، میتوانید ظاهر صفحات محصول را بهبود دهید، تجربه کاربری را ارتقا دهید و فروش خود را افزایش دهید. همچنین، با بهینه‌سازی سرعت و سئو، میتوانید جایگاه بهتری در نتایج جستجوی گوگل داشته باشید.
