Cómo mostrar subtotales al por mayor en las páginas de productos

Descripción general

Si desea mejorar su tienda de WooCommerce, agregar una calculadora de subtotales para venta al por mayor es una buena opción. Con esta función, los clientes pueden ver el costo total de inmediato. Como resultado, pueden tomar decisiones de compra más rápidas. Además, una política de precios clara genera confianza y reduce la confusión.

En esta guía, aprenderá a agregar cálculos automáticos de subtotales. Específicamente, utilizaremos el plugin Wholesale Prices Premium. Al final, tendrá una herramienta sencilla que mejora la experiencia de compra al por mayor.

Lo que hace esta función

Una calculadora de subtotales para venta al por mayor actualiza los precios en tiempo real. Cuando un cliente cambia la cantidad, el total cambia al instante. Debido a esto, los compradores no necesitan calcular los totales por sí mismos.

Al mismo tiempo, la función está limitada a usuarios mayoristas registrados. Por lo tanto, los clientes minoristas no verán los precios de mayorista. Esto mantiene su estructura de precios organizada y segura.

Beneficios clave

En primer lugar, los clientes ven los totales de inmediato. Esto ahorra tiempo y elimina las conjeturas. Además, el proceso de compra se siente más fluido. Dado que los totales se actualizan automáticamente, los compradores evitan errores. Otro beneficio es una apariencia más profesional. Una política de precios clara hace que su tienda parezca confiable. Finalmente, menos clientes contactarán al soporte sobre los precios. Como resultado, usted ahorra tiempo y esfuerzo.

Requisitos previos

Antes de comenzar, asegúrese de tener lo siguiente preparado:

• WordPress instalado
• WooCommerce activado
• Plugin Wholesale Prices Premium instalado y activo
• Un tema hijo o un plugin de fragmentos de código
• Conocimientos básicos de WordPress

Lo más importante es crear una copia de seguridad completa de su sitio antes de editar el código. De esa manera, podrá restaurar su sitio si algo sale mal.

Métodos de instalación

Puede agregar esta función de dos maneras. Cualquiera de los métodos funciona bien, así que elija el que prefiera.

Método 1: Archivo de funciones del tema hijo

Una opción es agregar el código al archivo functions.php de su tema hijo. Muchos desarrolladores prefieren este enfoque.

Sin embargo, nunca edite el tema principal directamente. De lo contrario, las futuras actualizaciones eliminarán sus cambios. Por esa razón, siempre use un tema hijo.

Método 2: Plugin WP Code (Recomendado)

Alternativamente, puede usar el plugin WP Code. Para la mayoría de los usuarios, este método es más fácil y seguro.

Para comenzar, siga estos pasos:

1. Instale y active WP Code.
2. Vaya a Fragmentos de código en su panel.
3. Haga clic en Agregar nuevo fragmento.

Después de eso, estará listo para pegar el código.

Paso 1: Prepare su sitio

Antes de realizar cambios, haga una copia de seguridad de su sitio. Puede usar el panel de su hosting o un plugin de copias de seguridad. Si ocurre un problema, puede restaurar su sitio rápidamente.

A continuación, verifique que el plugin Wholesale Prices Premium esté activo. Simplemente vaya a la página Plugins en su panel. Luego confirme que el plugin aparece como activo. Continúe solo una vez que todo esté listo.

Paso 2: Agregue el fragmento de código

Ahora copia el fragmento de código completo a continuación. Luego pégalo en el archivo functions.php de tu tema hijo o en un fragmento de WP Code.

add_action('woocommerce_before_add_to_cart_form','Show_Total');

function Show_Total(){
    global $wc_wholesale_prices, $product;

    $user_wholesale_role    = $wc_wholesale_prices->wwp_wholesale_roles->getUserWholesaleRole();
    
    if (!empty($user_wholesale_role) && is_product() && WWP_Helper_Functions::wwp_get_product_type($product) === 'simple') {
        $product_id             = $product->get_id();
        $price_arr              = WWP_Wholesale_Prices::get_product_wholesale_price_on_shop_v3( $product_id, $user_wholesale_role );
        $wholesale_price        = $price_arr['wholesale_price'];

        if (isset($wholesale_price) && is_numeric($wholesale_price)) {
            ?>
                <div class="calculate_product_subtotal" data-wholesale_price="<?php echo $wholesale_price ?>">Calculate wholesale price (quantity*wholesale) <span class="calculate_product_subtotal_price"><?php echo WWP_Helper_Functions::wwp_formatted_price($wholesale_price) ?></span></div>
                <script>
                    jQuery(document).ready(function ($) {
                        $('body').on('change', 'input.qty', function(){
                            var $calculate_subtotal_parent  = $(this).parents('.product').find('.calculate_product_subtotal');
                            var $subtotal_price_element     = $calculate_subtotal_parent.find('.calculate_product_subtotal_price');
                            var qty                         = $(this).val();
                            var price                       = $calculate_subtotal_parent.data('wholesale_price');
                            var subtotal                    = qty*price;

                            $subtotal_price_element.html(price_format(subtotal));
                        });

                        function price_format(price) {
                            var formatter = new Intl.NumberFormat('en-US', {
                                style: 'currency',
                                currency: 'USD',
                            });

                            return formatter.format(price);
                        }
                    });
                </script>
            <?php
        }
    }
	
}

Asegúrate de copiar todo el fragmento. Incluso un pequeño error puede causar problemas.

Paso 3: Guarda y prueba

Después de añadir el código, guarda tus cambios de inmediato. Luego, limpia la caché de tu sitio web. Esto asegura que la nueva función se cargue correctamente.

A continuación, inicia sesión como cliente mayorista. Abre cualquier página de producto simple. Cambia el campo de cantidad. Deberías ver el subtotal actualizado al instante.

Si funciona, la configuración está completa.

En general, una calculadora de subtotales para mayoristas hace que tu tienda sea más fácil de usar. Los clientes ven los totales de inmediato. Debido a esto, pueden hacer pedidos con confianza.

Además, la función es sencilla de instalar. Con solo unos pocos pasos, mejoras la claridad y reduces las preguntas sobre precios.

En resumen, haz siempre una copia de seguridad de tu sitio antes de editar código. Luego, prueba la función cuidadosamente. Finalmente, mantén tus plugins actualizados para evitar problemas más adelante.

A largo plazo, las pequeñas mejoras como esta pueden conducir a una mayor satisfacción del cliente y a más ventas mayoristas.

Ahorros Mayoristas en los Bloques de Carrito y Pago de WooCommerce

Wholesale Prices Premium (WWPP) también es compatible con los bloques de carrito y pago de WooCommerce.

Integración Incorporada

WWPP incluye soporte incorporado para los bloques de WooCommerce a través de los siguientes archivos:

• includes/blocks/class-woocommerce-blocks.php
• includes/blocks/class-cart-checkout-block-integration.php

Estos manejan la integración con las páginas de carrito y pago basadas en bloques.

Visualización Automática de Ahorros

Si un cliente mayorista está utilizando el carrito o el pago de bloques de WooCommerce, los ahorros mayoristas se mostrarán automáticamente.

Esto funciona porque el bloque wwpp-wholesale-savings es registrado y cargado por el plugin cuando es necesario.

No se requiere configuración

No se requiere configuración adicional.

Siempre que:

• WWPP esté activo, y
• Tu tienda esté utilizando los bloques de WooCommerce para el carrito y el pago

los ahorros mayoristas aparecerán automáticamente para los usuarios mayoristas.

Preguntas frecuentes

¿Cómo habilito los subtotales mayoristas sin editar los archivos del tema?
Primero, instala el plugin WPCode. Luego, pega el fragmento proporcionado en una nueva entrada. A continuación, configúralo para que se ejecute en todas las páginas y guarda. Como resultado, puedes añadir subtotales mayoristas sin tocar los archivos del tema, por lo que las actualizaciones no sobrescribirán tus cambios.

¿Se muestran los subtotales mayoristas en las páginas basadas en bloques de WooCommerce?
Sí, se muestran. De hecho, Wholesale Prices Premium incluye soporte incorporado para los bloques de carrito y pago de WooCommerce. Por lo tanto, los ahorros mayoristas se muestran automáticamente para los usuarios elegibles, sin necesidad de configuración adicional.

¿Verán los visitantes minoristas los precios mayoristas en las páginas de productos?
No, no los verán. Por defecto, los subtotales mayoristas solo aparecen para los usuarios mayoristas que han iniciado sesión. Como resultado, los clientes minoristas y los invitados nunca ven los precios mayoristas, lo que protege la estructura de tus precios.

¿Puede la calculadora de subtotales funcionar con productos variables?
En general, funciona mejor con productos simples. Sin embargo, los productos variables o agrupados pueden requerir personalización adicional. Por lo tanto, siempre pruebe la calculadora usando una cuenta de mayorista para asegurar la visualización precisa del subtotal.

¿Por qué no se muestra el subtotal de mayorista después de agregar el código?
Primero, limpie la caché de su sitio web. Luego, confirme que Wholesale Prices Premium está activo. Finalmente, inicie sesión como usuario mayorista. De lo contrario, el subtotal no se mostrará, ya que solo aparece para los roles autorizados.

¿Necesitas ayuda?

Si tienes alguna pregunta o encuentras algún problema, estamos aquí para ayudarte.

• Usuarios premium: Abrir un ticket de soporte
• Usuarios gratuitos: Visita nuestro foro comunitario