تغییر برچسب حراج ووکامرس روی محصولات

سلام رفقا! امیدوارم حال دلتون عالی باشه و کسب‌وکارتون حسابی پررونق.

تا حالا شده وارد یه فروشگاه اینترنتی بشید و ببینید روی همه‌ی محصولاتی که تخفیف خوردن، یه دایره ساده‌ست که توش نوشته “حراج”؟ خب، بیایید صادق باشیم، این کلمه یه جورایی دیگه تکراری و خسته‌کننده شده. انگار اون حس هیجان رو به مشتری منتقل نمی‌کنه. وقتی ما توی ووکامرس محصولی رو اضافه می‌کنیم و براش “قیمت فروش فوق‌العاده” تعیین می‌کنیم، ووکامرس به صورت پیش‌فرض دست می‌کنه توی جیبش و اون برچسب استاندارد “حراج” رو می‌چسبونه روی عکس محصول.

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

توی این مقاله آموزشی می‌خوایم با هم یاد بگیریم چطور می‌تونیم این برچسب ساده رو به یه ابزار فروش قدرتمند تبدیل کنیم. قراره یاد بگیریم چطور به جای اون کلمه تکراری، بنویسیم “پیشنهاد ویژه” یا از اون جذاب‌تر، دقیقا به مشتری بگیم چقدر سود می‌کنه (مثلاً بنویسیم ٪۵۰ تخفیف).

پس اگه آماده‌اید که دستی به سر و روی فروشگاهتون بکشید، تا آخر این مقاله با من همراه باشید چون قراره حسابی گرد و خاک کنیم! 😅

چرا اصلاً باید این برچسب رو تغییر بدیم؟

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

وقتی شما می‌نویسید “حراج”، مشتری می‌دونه تخفیف هست، اما نمی‌دونه چقدر. شاید هزار تومن باشه، شاید یه میلیون تومن. اما وقتی می‌نویسید “۳۰٪ تخفیف”، ذهن مشتری سریع محاسبه می‌کنه و می‌فهمه که با یه فرصت خوب طرفه. یا وقتی می‌نویسید “آتیش زدیم به مال”، حس فوریت و صمیمیت بیشتری داره تا یه کلمه رسمی مثل “حراج”.

پس تغییر این برچسب فقط برای خوشگلی نیست، مستقیماً روی جیب شما و فروشتون تاثیر داره.

آمادگی قبل از شروع کار

برای انجام این تغییرات ما قراره یه کوچولو کد به فایلی به اسم functions.php اضافه کنیم. نترسید! اصلاً کار سختی نیست و نیاز نیست برنامه‎‌نویس حرفه‌ای باشید. من کدها رو آماده کردم، شما فقط کپی/پیست می‌کنید.

فقط دو تا نکته طلایی رو رعایت کنید:

1. بک‌آپ بگیرید: همیشه، تاکید می‌کنم همیشه، قبل از دستکاری کدهای قالب، یه بک‌آپ از سایتتون بگیرید که اگه دستتون لرزید و اشتباهی کردید، بتونید برگردید عقب.

1. استفاده از چایلد تم (Child Theme): اگه قالب فرزند دارید، کدها رو اونجا بذارید تا اگه قالب اصلی آپدیت شد، تغییرات شما نپره.

حالا بریم سراغ اصل مطلب!

روش اول: تغییر برچسب حراج به هر عنوان دلخواه (متنی)

فرض کنید شما دوست ندارید درصد نشون بدید، یا شاید استراتژی فروشتون جوریه که می‌خواید از کلمات هیجانی استفاده کنید. مثلاً دوست دارید بنویسید: “پیشنهاد ویژه”، “فروش ویژه” یا حتی “Off”.

برای این کار باید مراحل زیر رو طی کنید:

1. وارد پیشخوان وردپرس بشید.
2. از منوی سمت راست، برید روی گزینه نمایش و بعد ویرایشگر پرونده پوسته.
3. از ستون سمت چپ، فایل functions.php (توابع پوسته) رو پیدا کنید و روش کلیک کنید.
4. برید به انتهای انتهای کدها، یه اینتر بزنید تا برید خط جدید و کد زیر رو اونجا قرار بدید:

add_filter('woocommerce_sale_flash', 'hami_change_sale_badge', 10, 3);
function hami_change_sale_badge($html, $post, $product) {
    return '<span class="onsale">تخفیف ویژه</span>';
}

توی کد بالا، اونجایی که نوشتم پیشنهاد داغ!، شما می‌تونید هر چی دلتون میخواد بنویسید. مثلا بنویسید “حراج فصل” یا “تخفیف شگفت انگیز”. بعد دکمه “به‌روزرسانی پرونده” رو بزنید و تمام! برید توی سایت و رفرش کنید. به همین راحتی متن عوض شد.

روش دوم: حذف کلمه حراج و نمایش درصد تخفیف (روش حرفه‌ای‌ها)

خب، رسیدیم به بخش جذاب ماجرا. این روش همونیه که دیجی‌کالا و آمازون و سایت‌های بزرگ استفاده می‌کنن. به جای اینکه با کلمات بازی کنیم، مستقیم میریم سراغ ریاضی!

ما می‌خوایم به ووکامرس بگیم: “عزیز جان، قیمت اصلی رو بگیر، قیمت حراج رو هم بگیر، یه ضرب و تقسیم کن و ببین چند درصد کم شده، همون عدد رو بذار روی محصول.”

این کار باعث میشه مشتری در کسری از ثانیه بفهمه که چقدر قراره سود کنه. برای این کار، همون مسیر قبلی (ویرایشگر پرونده پوسته > functions.php) رو برید، اگه کد قبلی رو گذاشتید پاکش کنید و به جاش این کد جادویی رو بذارید:

add_filter( 'woocommerce_sale_flash', 'show_percentage_on_sale_badge', 20, 3 );
function show_percentage_on_sale_badge( $html, $post, $product ) {
    // اگر محصول از نوع ساده بود
    if( $product->is_type('simple') || $product->is_type('external') || $product->is_type('grouped') ) {
        $regular_price = $product->get_regular_price();
        $sale_price = $product->get_sale_price();
        
        // اگر قیمت فروش ویژه وجود نداشت، بیخیال شو
        if ( empty( $sale_price ) ) {
             return $html;
        }

        // فرمول محاسبه درصد
        $percentage = round( ( ( $regular_price - $sale_price ) / $regular_price ) * 100 );
        
        // خروجی که نمایش داده میشه
        return '<span class="onsale">' . $percentage . '% تخفیف</span>';
    } 
    // اگر محصول متغیر بود (یعنی رنگ و سایز داشت)
    elseif ( $product->is_type('variable') ) {
        return '<span class="onsale">تخفیف ویژه</span>';
    }
}

توضیح در مورد این کد:

این کد میاد بررسی می‌کنه محصول شما چه نوعیه. اگه محصول ساده باشه، دقیقاً حساب می‌کنه و مثلا می‌نویسه “۲۰٪ تخفیف”. اگر محصولتون متغیر باشه (مثلاً یه کفش که سایز ۳۸ اون قیمتش با سایز ۴۰ فرق داره)، چون محاسبه درصد یکم پیچیده میشه (ممکنه هر سایز یه درصد تخفیف داشته باشه)، من توی کد بالا گفتم برای متغیرها بنویسه “تخفیف ویژه”. البته میشه اونم درصد کرد ولی برای اینکه کد خیلی سنگین و گیج‌کننده نشه، فعلاً اینطوری نوشتیم.

شما می‌تونید توی خط آخر کد، کلمه % تخفیف رو به هر چیزی مثل % Off تغییر بدید.

سفارشی سازی استایل

حالا که متن رو عوض کردیم، شاید بگید “رنگش چی؟ من دوست ندارم سبز باشه یا دایره باشه”. برای تغییر ظاهر، دیگه نیاز به کد PHP نداریم، باید بریم سراغ CSS.

1. برید به نمایش > سفارشی‌سازی.
2. برید توی بخش CSS اضافی.
3. کد زیر رو بذارید تا ببینید چه اتفاقی میفته:

.onsale {
    background-color: #ff4500 !important; /* رنگ نارنجی جیغ */
    color: #fff !important; /* رنگ متن سفید */
    border-radius: 5px !important; /* گوشه‌ها رو کمی گرد می‌کنه ولی دایره کامل نمیشه */
    padding: 5px 10px !important; /* یکم فضای خالی دور متن میده */
    font-weight: bold;
}

با تغییر کد رنگ (#ff4500) می‌تونید اون رو با رنگ سازمانی خودتون ست کنید.

جمع‌بندی و حرف آخر

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

یادتون باشه، توی فروشگاه اینترنتی، جزئیات خیلی مهمن. همین تغییر کوچیک که شاید به چشم نیاد، می‌تونه حس بهتری به کاربر بده و اعتمادش رو برای خرید جلب کنه. بهتون پیشنهاد می‌کنم حتماً روش دوم (نمایش درصد) رو تست کنید، چون تجربه نشون داده تاثیرش روی فروش فوق‌العاده‌ست.

امیدوارم این آموزش براتون مفید بوده باشه. اگه سوالی داشتید یا جاییش گیر کردید، حتماً توی بخش نظرات بپرسید تا با هم حلش کنیم.

تا آموزش بعدی، پرفروش باشید! 🚀