Вы хотите повысить заметность рекламных акций в своем интернет-магазине WooCommerce? Один из эффективных способов сделать это — разместить значок продажи, на котором указан процент скидки, предлагаемой на продукт. В этой статье мы рассмотрим различные методы реализации этой функции на примерах кода. Включив этот метод в свой магазин WooCommerce, вы сможете привлечь больше клиентов, увеличить конверсию и увеличить общий объем продаж.

Метод 1: настройка шаблонов WooCommerce

Один простой подход — настроить файлы шаблонов WooCommerce. Изменив шаблон, отвечающий за отображение цены товара, вы можете легко добавить значок продажи и соответствующий процент скидки. Вот пример того, как этого можно добиться:

// Add the following code to your child theme's functions.php file
function custom_sales_badge() {
    global $product;
    if ( $product->is_on_sale() ) {
        $regular_price = $product->get_regular_price();
        $sale_price = $product->get_sale_price();
        $discount_percentage = round( ( ( $regular_price - $sale_price ) / $regular_price ) * 100 );
        echo '<span class="sales-badge">' . $discount_percentage . '% Off</span>';
    }
}
add_action( 'woocommerce_before_shop_loop_item_title', 'custom_sales_badge' );

Метод 2: использование хуков WooCommerce

Другой способ отобразить значок продажи с процентом скидки — использовать хуки WooCommerce. Хуки позволяют вставлять собственный код в определенные позиции шаблонов WooCommerce. Вот пример использования хуков:

// Add the following code to your child theme's functions.php file
function custom_sales_badge() {
    global $product;
    if ( $product->is_on_sale() ) {
        $regular_price = $product->get_regular_price();
        $sale_price = $product->get_sale_price();
        $discount_percentage = round( ( ( $regular_price - $sale_price ) / $regular_price ) * 100 );
        echo '<span class="sales-badge">' . $discount_percentage . '% Off</span>';
    }
}
add_action( 'woocommerce_before_shop_loop_item_title', 'custom_sales_badge' );
add_action( 'woocommerce_before_single_product_summary', 'custom_sales_badge' );

Метод 3: использование плагинов WooCommerce

Если вы предпочитаете более удобное решение, вы можете использовать плагины WooCommerce, которые предлагают функции значка продаж. Эти плагины часто предоставляют ряд возможностей настройки и не требуют ручного написания кода. Некоторые популярные варианты включают в себя:

1. Обратный отсчет продаж WooCommerce: этот плагин позволяет отображать таймер обратного отсчета вместе со значком продаж, создавая у клиентов ощущение срочности.

2. Динамические цены и скидки WooCommerce: с помощью этого плагина вы можете не только отображать значок продаж, но и настраивать расширенные правила ценообразования на основе различных условий.

Разместив значок продаж, показывающий процент скидки в вашем магазине WooCommerce, вы можете эффективно привлечь внимание потенциальных клиентов и побудить их совершить покупку. В этой статье мы рассмотрели различные методы достижения этой цели, включая настройку шаблонов WooCommerce, использование хуков WooCommerce и использование специальных плагинов. Выберите метод, который лучше всего соответствует вашим потребностям, и начните увеличивать свои продажи уже сегодня!