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

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

چرا باید محصولات تازه را در ووکامرس برجسته کنید؟

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

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

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

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

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

هایلایت کردن محصولات تازه در ووکامرس

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

نکته: برای اجرای این کد، می‌توانید آن را در فایل functions.php پوسته فرزند قرار دهید یا از افزونه WP Code استفاده نمایید.

/**
 * @snippet            Hightlight New Products in WooCommerce
 * @author            Rasool Vahdati
 * @compatible      WooCommerce 7
 */

// Define a function to modify WooCommerce product titles based on the last visit
function highlight_new_products($title, $id)
{
    // Check if not in the loop, a singular page, or not a WooCommerce product; if true, return the original title
    if (!in_the_loop() || is_singular() || get_post_type($id) != 'product') return $title;

    // Check if no 'lastvisit' cookie is set or if it is empty; if true, set the cookie with the current timestamp
    if (!isset($_COOKIE['lastvisit']) || $_COOKIE['lastvisit'] == '') {
        $current = current_time('timestamp', 1);
        setcookie('lastvisit', $current, time() + 60 * 60 * 24 * 7, COOKIEPATH, COOKIE_DOMAIN);
    }

    // Retrieve the 'lastvisit' cookie value
    $lastvisit = $_COOKIE['lastvisit'];

    // Get the publish date of the WooCommerce product (in Unix timestamp format)
    $publish_date = get_post_time('U', true, $id);

    // If the product was published after the last visit, append a new span to the title
    if ($publish_date > $lastvisit) $title .= '<span class="new-product">New</span>';

    // Return the modified or original title
    return $title;
}

add_filter('the_title', 'highlight_new_products', 10, 2);

شما می‌توانید به جای کلمه “New” از کلمه “تازه” یا هر کلمه‌ای که تمایل دارید، استفاده کنید. همچنین اگر می‌خواهید این برچسب یک استایل جذاب و شیک بگیرد، کافی است کد css زیر را به فایل استایل پوسته خود اضافه کنید.

/* CSS to style the "New" label in blog post titles */
.new-product {
    background-color: #4CAF50; /* Green background color */
    color: #ffffff; /* White text color */
    padding: 2px 5px; /* Padding around the label */
    margin-left: 5px; /* Adjust the margin to your preference */
    border-radius: 3px; /* Rounded corners for the label */
    font-size: 12px; /* Adjust the font size to your preference */
}

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