Cómo ocultar precios en WooCommerce (Mantén privados los precios de los productos)

Por defecto, WooCommerce muestra los precios de tus productos a todos los que visitan tu tienda. Si bien esto funciona para la mayoría de los minoristas en línea, algunas empresas necesitan un mayor control sobre quién ve sus precios.

Al ayudar a los propietarios de tiendas en línea, nos hemos encontrado con algunos casos diferentes en los que ocultar los precios en WooCommerce es esencial.

Por ejemplo, los proveedores mayoristas necesitan mostrar precios especiales solo a clientes comerciales verificados. Por otro lado, las empresas B2B pueden preferir discutir las necesidades del cliente de antemano para asegurarse de que pueden ofrecer la solución adecuada al precio correcto.

Después de probar varias soluciones, hemos encontrado 3 métodos confiables para ocultar precios en WooCommerce. Estos métodos funcionarán para cualquier tipo de negocio, desde proveedores mayoristas hasta empresas de lujo.

Qué considerar antes de ocultar los precios de los productos

Hemos visto algunas situaciones diferentes en las que tiene sentido vender en WooCommerce sin precios.

Por ejemplo, muchos proveedores mayoristas ocultan los precios para evitar que los clientes minoristas vean los descuentos por volumen. Además, los fabricantes de muebles personalizados a menudo eliminan los precios porque cada pieza tiene costos únicos basados en los materiales y el diseño.

También sabemos que algunas marcas de lujo prefieren crear experiencias de compra exclusivas solo para miembros, mostrando los precios solo a compradores serios.

Desafortunadamente, WooCommerce no viene con una opción incorporada para ocultar precios. Pero después de probar varias soluciones, hemos encontrado 3 métodos confiables que funcionan bien.

Puedes usar los enlaces rápidos a continuación para saltar a tu método preferido para ocultar precios en WooCommerce:

• Method 1: Hide All/Specific Product Prices and Cart Buttons With Code
  • Opción 1: Ocultar botones de precio y carrito para productos específicos (usuarios no registrados)
  • Opción 2: Ocultar botones de precio y carrito para todos los usuarios
• Method 2: Hide Product Prices from Non-Wholesale Customers
• Method 3: Create a Professional Online Catalog Without Prices

¿Estás listo? ¡Vamos a empezar!

Método 1: Ocultar precios y botones de carrito de todos/productos específicos con código

En este método, te mostraremos cómo ocultar los precios de los productos y los botones del carrito para todos los productos de tu tienda o solo para artículos específicos. Este enfoque es útil si deseas que los clientes se pongan en contacto contigo directamente para obtener precios o que inicien sesión en sus cuentas para ver esos precios.

Al probar diferentes opciones, descubrimos que muchos complementos para ocultar precios son bastante caros o demasiado complejos de usar. Es por eso que hemos ideado una solución de código simple que hace el trabajo rápidamente.

Este método es ideal si te sientes cómodo con una configuración simple y única, y no necesitas las amplias funciones de administración que se encuentran en complementos dedicados para mayoristas o catálogos.

Sabemos que 'solución de código' puede sonar intimidante, pero no te preocupes. Este es un enfoque amigable para principiantes.

Usaremos WPCode, que es un complemento que hace que agregar código a tu sitio sea tan fácil como copiar y pegar. Hemos usado este complemento en muchos sitios y lo hemos encontrado seguro y confiable.

La versión gratuita funciona perfectamente para ocultar precios. Sin embargo, si deseas funciones adicionales como el generador de código AI para crear soluciones personalizadas, es posible que desees considerar la versión Pro.

Hemos probado ambas versiones exhaustivamente en nuestra reseña de WPCode.

Primero, necesitarás instalar y activar el plugin gratuito WPCode. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

A continuación, puedes seguir uno de los tutoriales a continuación.

Opción 1: Ocultar botones de precio y carrito para productos específicos (usuarios no registrados)

La forma más fácil de ocultar precios es usando un fragmento listo para usar de WPCode de su biblioteca gratuita de fragmentos de código. Este código ocultará los precios y los botones de carrito de productos específicos cuando los usuarios no hayan iniciado sesión.

Si ya estás familiarizado con WPCode, simplemente puedes encontrarlo en la biblioteca de fragmentos de WPCode.

De lo contrario, si es la primera vez que usas el plugin, simplemente haz clic en el enlace a continuación:

Ocultar precio y añadir al carrito para usuarios no registrados en productos específicos

Luego, haz clic en el botón ‘Agregar al sitio’ para comenzar.

En este punto, deberás crear una cuenta gratuita de WPCode o iniciar sesión si ya tienes una.

Durante el registro, se te pedirá que conectes tu sitio web de WordPress con la biblioteca de WPCode.

Después de iniciar sesión, elegirás a qué sitio web deseas agregar el fragmento.

Luego, haz clic en ‘Implementar’.

El sistema te llevará de regreso a tu área de administración de WordPress para finalizar la configuración.

Aquí, simplemente haz clic en ‘Confirmar e instalar fragmento’.

Esto te llevará al editor de fragmentos de código, donde harás dos cambios simples para personalizar el código según tus necesidades.

Primero, deberás cambiar los IDs de producto. Busca esta línea de código:

$not_purchasable_products = array( 23, 22 );

Reemplaza esos números con tus propios IDs de producto.

Si no estás seguro de cuáles son, puedes leer nuestro artículo sobre cómo encontrar los IDs de producto en WooCommerce.

Por ejemplo, si deseas ocultar los precios de los productos 63, 64 y 65, escribirías:

$not_purchasable_products = array( 63, 64, 65 );

A continuación, puedes personalizar el mensaje que se muestra en lugar del precio.

Aquí está el código que necesitas encontrar:

function wws_hide_price_not_logged_in( $price_html, $product ) {
    if ( is_non_purchasable_products_for_visitors( $product ) ) { 
        $price_html = '<div><a href="' . get_permalink( wc_get_page_id( 'myaccount' ) ) . '">' . __( 'Login with wholesale account to see prices', 'wws' ) . '</a></div>';
    }
    return $price_html;

Puedes cambiar este texto: ‘Iniciar sesión con cuenta mayorista para ver precios’ por lo que desees, como ‘Iniciar sesión para ver precios’ o ‘Contáctanos para precios’.

Aquí tienes un ejemplo:

function wws_hide_price_not_logged_in( $price_html, $product ) {
    if ( is_non_purchasable_products_for_visitors( $product ) ) { 
        $price_html = '<div><a href="' . get_permalink( wc_get_page_id( 'myaccount' ) ) . '">' . __( 'Login to see prices', 'wws' ) . '</a></div>';
    }
    return $price_html;

Cuando los usuarios hagan clic en este enlace, los llevará a la página de inicio de sesión de WooCommerce para iniciar sesión.

Finalmente, cambia el interruptor de ‘Inactivo’ a ‘Activo’. Luego, haz clic en ‘Actualizar’.

Ahora, simplemente visita tus páginas de producto para ver los cambios.

Notarás que los precios y los botones de agregar al carrito están ocultos y reemplazados por tu mensaje personalizado.

Tu mensaje personalizado aparecerá ahora en las páginas de producto seleccionadas.

Opción 2: Ocultar botones de precio y carrito para todos los usuarios

Si deseas ocultar los precios y los botones del carrito para todos los que visitan tu tienda WooCommerce, necesitarás agregar un fragmento de código diferente. Este método funciona tanto si los usuarios han iniciado sesión como si no.

Comienza yendo a Fragmentos de código » + Agregar fragmento en tu panel de WordPress. Haz clic en ‘Agregar tu código personalizado (Nuevo fragmento)’ y luego en el botón ‘+ Agregar fragmento personalizado’.

Después de eso, verás algunos tipos de código para elegir.

Aquí, simplemente elige ‘Fragmento de PHP’.

A continuación, necesitas darle un título a tu fragmento de código. Puede ser algo simple como ‘Ocultar todos los precios de WooCommerce’.

Luego, en la sección ‘Vista previa del código’, copia el siguiente código y pégalo allí:

/**
 * Hide Price & Add to Cart for All Users for All Products
 */

/**
 * Function to check if products should be non-purchasable.
 * This will always return true to apply to all products.
 */
function is_non_purchasable_products( $product ) {
    // Always return true to make all products non-purchasable for all users
    return true;
}

/**
 * Set product as not purchasable
 */
function wws_set_not_purchasable( $is_purchasable, $product ) {
    if ( is_non_purchasable_products( $product ) ) {
        // Set product as not purchasable
        $is_purchasable = false;
    }
    return $is_purchasable;
}

/**
 * Replace price with 'Contact us for pricing' message linking to the contact page
 */
function wws_hide_price( $price_html, $product ) {
    if ( is_non_purchasable_products( $product ) ) {
        // Get the URL for the contact page by slug
        $contact_page = get_page_by_path( 'contact' );
        if ( $contact_page ) {
            $contact_url = get_permalink( $contact_page );
        } else {
            // Default to '/contact' if the page is not found
            $contact_url = site_url( '/contact' );
        }

        // Set the price HTML to the contact message
        $price_html = '<div><a href="' . esc_url( $contact_url ) . '">' . __( 'Contact us for pricing', 'wws' ) . '</a></div>';
    }
    return $price_html;
}

/**
 * Hide the 'Add to Cart' button
 */
function wws_hide_addcart( $add_to_cart, $product, $args ) {
    if ( is_non_purchasable_products( $product ) ) {
        // Remove the 'Add to Cart' button
        $add_to_cart = '';
    }
    return $add_to_cart;
}

// Add filters to apply the above functions
add_filter( 'woocommerce_is_purchasable', 'wws_set_not_purchasable', 10, 2 );
add_filter( 'woocommerce_get_price_html', 'wws_hide_price', 10, 2 );
add_filter( 'woocommerce_loop_add_to_cart_link', 'wws_hide_addcart', 10, 3 );

Este código eliminará todos los precios y botones del carrito de tu tienda y los reemplazará con un enlace de ‘Contáctanos para precios’ que llevará a los visitantes a tu página de contacto.

Después de pegar el código, cambia el interruptor de ‘Inactivo’ a ‘Activo’ y haz clic en ‘Guardar fragmento’.

Con el fragmento guardado y activo, los cambios ya están en vivo.

Ahora puedes visitar tu tienda para ver que todos los precios y botones del carrito han sido reemplazados por un enlace a tu página de contacto.

Para más detalles, consulta nuestra guía para principiantes sobre cómo agregar fácilmente código personalizado en WordPress.

Método 2: Ocultar precios de productos a clientes no mayoristas

Este método es perfecto para negocios que desean ocultar precios a visitantes regulares mientras muestran precios mayoristas especiales a clientes aprobados.

Este enfoque funciona especialmente bien para fabricantes, distribuidores y empresas B2B que desean mantener precios exclusivos para sus compradores mayoristas.

También es genial si no te gusta la solución de código anterior, ya que usaremos complementos del Wholesale Suite, fácil de usar.

Antes de empezar, te recomendamos leer nuestra detallada reseña de Wholesale Suite para entender todas las funciones que ofrece este conjunto de complementos.

Paso 1: Instalar los complementos necesarios de Wholesale Suite

Para que este método funcione, necesitarás el paquete premium de Wholesale Suite.

Una vez que compres el paquete, deberás instalar y activar dos de sus complementos principales: ‘WooCommerce Wholesale Prices Premium’ y ‘WooCommerce Wholesale Lead Capture’.

El complemento ‘Wholesale Prices Premium’ es lo que te permite ocultar precios a clientes regulares mientras se los muestras a tus compradores mayoristas.

El plugin ‘Captura de Clientes Mayoristas’ crea un sistema de registro profesional donde los clientes mayoristas potenciales pueden solicitar una cuenta. Si lo prefieres, también puedes usar WPForms para crear tus formularios de registro.

Después de instalar estos plugins de WordPress, ve a Mayorista » Licencia en tu panel de control.

Aquí, ingresa las claves de licencia y la dirección de correo electrónico asociada con tus compras de plugins premium. Encontrarás estos detalles en el correo electrónico de confirmación que recibiste al comprar los plugins.

Si has comprado varios plugins de Wholesale Suite, puedes usar las pestañas en la parte superior para acceder a la configuración de la clave de licencia de cada uno.

Una vez que hayas ingresado la información de licencia para cada herramienta, asegúrate de hacer clic en ‘Guardar Cambios’. Cuando termines, puedes continuar al siguiente paso.

Paso 2: Configurar una Cuenta de Prueba para Cliente Mayorista

Wholesale Suite crea un rol de usuario especial de ‘Cliente Mayorista’ rol de usuario que te permite administrar precios para todos tus clientes mayoristas en un solo lugar. Cuando estos clientes inician sesión, verán automáticamente sus precios mayoristas especiales.

Para asegurarte de que tu ocultación de precios funcione correctamente, necesitarás una cuenta de prueba de Cliente Mayorista. Esto te ayuda a verificar cómo se ve tu tienda WooCommerce tanto desde la perspectiva de un cliente mayorista como desde la de un visitante regular.

Crear una cuenta mayorista es simple. Primero, simplemente ve a Usuarios » Añadir Nuevo en tu panel de WordPress. 

Ahora, completa la información básica como la dirección de correo electrónico y el nombre de usuario, luego selecciona ‘Cliente Mayorista’ en el menú desplegable ‘Rol’.

Finalmente, haz clic en ‘Agregar nuevo usuario’ para crear la cuenta.

También podrías querer evitar que los clientes mayoristas realicen compras a precio regular cuando no cumplen las condiciones de mayoreo. Por defecto, el plugin muestra una advertencia, pero los clientes aún pueden comprar a precios minoristas.

Para cambiar esto, ve a Mayoreo » Roles y busca el rol de ‘Cliente Mayorista’. Haz clic en el botón ‘Editar’ debajo del rol para personalizarlo.

Luego, marca la casilla ‘Evitar compra si no se cumple la condición de mayoreo’.

Después de eso, simplemente haz clic en ‘Editar Rol Mayorista’ para guardar tus cambios.

Paso 3: Ocultar precios y botones del carrito

A continuación, necesitarás ocultar los precios y los botones de la página del carrito a los visitantes habituales de la tienda en línea.

Para hacer esto, puedes ir a Mayorista » Configuración. Asegúrate de estar en la sección 'Precios de Mayorista' y navega a la pestaña 'Precio'.

Luego, desplázate hacia abajo hasta la configuración 'Ocultar precio y botón Añadir al carrito' y marca la casilla justo al lado.

Debajo de eso, puedes agregar texto personalizado para reemplazar los botones de precio y carrito. Si dejas esto vacío, aparecerá el mensaje predeterminado 'Iniciar sesión para ver precios'.

Ahora, desplázate hacia abajo y asegúrate de que la configuración 'Mostrar precio de mayorista a usuarios no mayoristas' esté deshabilitada.

Finalmente, haz clic en el botón 'Guardar Cambios'.

Paso 4: Agregar y Ocultar Precios de Mayorista a Productos de WooCommerce

Ahora estás listo para empezar a agregar precios de mayorista a productos individuales. Puedes abrir un producto nuevo o existente para editarlo.

Si esta es la primera vez que agregas un producto, es posible que desees leer nuestra guía simplificada de WooCommerce para obtener más información.

En algún momento, cuando estés creando un producto nuevo o editando uno existente, deberás ir a la sección 'Datos del producto'.

Aquí, establece tu 'Precio regular'. Esto es lo que ven los clientes regulares. Luego, busca la sección 'Precios de Mayorista' y elige tu tipo de descuento en el menú desplegable. Puedes ofrecer un descuento porcentual o un precio fijo.

Para descuentos porcentuales, simplemente selecciona el tipo de descuento 'Porcentaje' e ingresa el monto de tu descuento.

Wholesale Suite calculará automáticamente el precio final.

Si eliges 'Fijo' para el tipo de descuento, entonces puedes ingresar el precio exacto de mayorista que deseas cobrar.

¿Quieres ejecutar ofertas mayoristas por tiempo limitado? Esto es genial para promociones de temporada y para convertir más visitantes de WooCommerce en clientes.

Para hacer esto, puedes hacer clic en el enlace 'Programar'.

Después de eso, puedes ingresar la fecha de inicio y la fecha de finalización de tu promoción de precios mayoristas.

De esta manera, no tendrás que habilitar y deshabilitar manualmente el descuento. Básicamente funciona de manera similar a programar códigos de cupón de WooCommerce.

Por supuesto, esta configuración es opcional. Si no estás listo para usarla ahora, puede ser bueno tenerla en cuenta para el futuro.

A continuación, establece tus requisitos mínimos de pedido en la sección 'Cantidad mínima de pedido mayorista'.

Esto define cuántos artículos debe comprar un cliente mayorista para acceder a precios especiales.

A continuación, desplázate hacia abajo hasta la sección 'Paso de cantidad de pedido mayorista'.

Esta configuración controla los incrementos en los que un cliente puede comprar productos *después* de cumplir con la cantidad mínima. Por ejemplo, si tu cantidad mínima de pedido es 10 y el paso de cantidad es 5, los clientes pueden comprar 10, 15, 20, y así sucesivamente.

Si estableces el paso en '1', los clientes pueden comprar cualquier cantidad por encima del mínimo, como 10, 11, 12, etc. Esto evita que los clientes abusen de sus privilegios mayoristas en compras individuales más pequeñas.

Para este tutorial, ingresa '1' en el campo.

Esto hará que la cantidad mínima de pedido que estableciste anteriormente se aplique a cada artículo.

De esta manera, la gente no podrá intentar hacer un mal uso de los privilegios mayoristas. Para obtener más información sobre esta configuración, consulte la documentación de Wholesale Suite sobre los requisitos mínimos de pedido.

Finalmente, puedes hacer que tu producto sea visible solo para los clientes mayoristas utilizando la configuración 'Restringir a roles mayoristas' en la parte superior de la página. Escribe y selecciona 'Cliente mayorista' en este campo.

En esta etapa, puedes continuar finalizando la configuración de tu producto. Por ejemplo, puedes agregar una galería de imágenes de productos, incrustar un video del producto o insertar etiquetas de producto.

Cuando estés listo, simplemente haz clic en 'Actualizar' o 'Publicar' para guardar tus cambios. Luego puedes repetir los mismos pasos para todos tus productos mayoristas.

Paso 5: Configura tus formularios de registro mayorista

La extensión Wholesale Suite crea automáticamente páginas de registro e inicio de sesión para tus clientes mayoristas. Sin embargo, antes de empezar a aceptar solicitudes, personalicemos el formulario de registro para que se ajuste a tus necesidades.

Dirígete a Mayorista » Configuración, luego haz clic en la pestaña 'Captura de clientes mayoristas' y abre el menú 'Formulario de registro'. 

Aquí, puedes desplazarte hacia abajo para encontrar una tabla que muestra todos los campos del formulario disponibles.

Si bien los campos básicos como Nombre, Apellido, Correo electrónico y Nombre de usuario se incluyen por defecto, es posible que algunos necesiten ser activados. Para habilitar un campo, haz clic en el ícono de lápiz 'Editar' en la columna 'Acción'. 

Todo lo que necesitas hacer ahora es marcar la casilla 'Habilitado' para hacerlo visible y marcar el campo como 'Requerido' si deseas que sea obligatorio.

Recuerda hacer clic en 'Guardar campo personalizado' una vez que hayas terminado.

Ahora, cambia a la pestaña 'General' para encontrar tus nuevas páginas de inicio de sesión y registro mayorista.

Haz clic en 'Ver página' para previsualizarlas.

Una vez que las hayas abierto, puedes agregar los enlaces a estas páginas a tu menú de navegación. De esta manera, los usuarios podrán encontrarlas fácilmente cuando naveguen por tu tienda en línea.

Puedes aprender cómo hacer esto en nuestra guía sobre cómo agregar un menú de navegación en WordPress.

Una decisión importante es cómo manejarás las nuevas solicitudes.

En 'Aprobación automática de nuevos clientes potenciales', elige entre 'Se requiere aprobación manual' o 'Aprobación automática'.

Recomendamos encarecidamente la aprobación manual para proteger tus precios mayoristas y verificar negocios legítimos.

Una vez que estés satisfecho con la configuración del formulario de registro, puedes desplazarte hacia arriba.

Finalmente, haz clic en el botón 'Guardar Cambios'.

Paso 6: Crea un formulario de pedido mayorista

El último paso es crear un formulario de pedido mayorista, que agiliza el proceso de pedido para tus clientes mayoristas. Este formulario les permite realizar fácilmente pedidos a granel sin navegar por varias páginas de productos, ahorrando tiempo tanto para ti como para tus clientes.

Al configurar formularios de pedido mayorista, hemos descubierto que las empresas obtienen los mejores resultados al incluir campos esenciales como los SKU de los productos y las fechas de entrega preferidas.

De esta manera, los clientes mayoristas pueden realizar rápidamente pedidos a granel y proporcionar toda la información que necesitas para procesar sus solicitudes de manera eficiente.

Para obtener instrucciones detalladas sobre cómo crear un formulario de pedido mayorista optimizado, consulta nuestra guía completa sobre cómo crear un formulario de pedido mayorista en WordPress.

¡Todo listo! Tus reglas de precios mayoristas ahora están activas. Veamos cómo funciona esto en la práctica.

También intentamos iniciar sesión como cliente mayorista para ver si el precio era visible esta vez.

Mira el resultado a continuación.

También puedes leer nuestra guía sobre cómo cambiar instantáneamente entre cuentas de usuario en WordPress si necesitas ayuda para iniciar y cerrar sesión en tus cuentas.

Método 3: Crear un catálogo en línea profesional sin precios

Este método transforma tu tienda de WooCommerce en un catálogo de productos profesional. Es perfecto para negocios que prefieren manejar las discusiones de precios por correo electrónico, un formulario de contacto o fuera de línea.

El plugin YITH WooCommerce Catalog Mode ofrece una forma sencilla de crear un catálogo sin precios. Hemos probado y compartido cómo usar este plugin anteriormente en nuestro tutorial sobre cómo agregar un catálogo de productos en WooCommerce.

A diferencia del método mayorista, este enfoque te permite eliminar completamente los precios y reemplazarlos con botones de contacto personalizados. Puedes ocultar los precios de toda tu tienda, categorías de productos específicas o artículos individuales.

Esta flexibilidad lo hace ideal para fabricantes personalizados, minoristas de lujo o proveedores de servicios que necesitan cotizar precios según los requisitos del cliente.

Para esta guía, nos centraremos en la configuración esencial para habilitar el modo catálogo y ocultar precios usando el plugin de YITH. Según nuestras pruebas, encontramos que estas funciones básicas son suficientes para que la mayoría de las tiendas comiencen con precios ocultos.

Dicho esto, ten en cuenta que solo estamos arañando la superficie de lo que este plugin puede hacer. Hemos explorado muchas más funciones avanzadas en nuestra detallada reseña de YITH WooCommerce Catalog Mode.

Además, necesitarás comprar la versión premium del plugin. La versión gratuita funciona bien, pero la función de ocultar precios solo está disponible en la versión de pago.

Paso 1: Instalar y activar YITH WooCommerce Catalog Mode

Después de comprar el plugin, ve al sitio web de YITH e inicia sesión en tu cuenta de YITH. Luego, dirígete a la pestaña 'Licencias y Descargas'.

A continuación, haz clic en el botón ‘Download Plugin’ para descargar el archivo del plugin desde tu cuenta de YITH. Asegúrate de mantener abierta la pestaña del navegador, ya que necesitarás la clave de licencia en un momento.

Ahora, solo tienes que instalar el plugin en tu sitio de WordPress.

Cuando aparezca el asistente de configuración, deberás introducir tu dirección de correo electrónico de YITH y tu clave de licencia.

Después de introducir tus datos, haz clic en ‘Activate license’ para completar el proceso de configuración.

Una vez hecho esto, haz clic en ‘Go to plugin dashboard’ para empezar a personalizar la configuración de tu modo catálogo.

Continuemos ahora con el siguiente paso.

Paso 2: Configurar los ajustes básicos del modo catálogo

El modo catálogo transforma tu tienda de un sitio de compras a una vitrina de productos. Esto es perfecto para negocios que desean mostrar productos sin opciones de compra inmediatas.

Para empezar, ve a YITH » Catalog Mode y navega a la pestaña ‘Settings’. Aquí es donde configurarás las opciones para ejecutar WooCommerce sin precios.

Primero, puedes elegir si habilitar el modo catálogo para todos los usuarios o solo para usuarios invitados.

También puedes habilitar el modo catálogo para usuarios con el rol de Administrador para probar cómo se ve el modo.

Al desplazarte hacia abajo, puedes activar la función ‘Disable shop’ si deseas eliminar la página del carrito, la página de pago y todos los botones de añadir al carrito de tu tienda.

Si deshabilitas la función de tienda, obtendrás opciones adicionales para establecer rangos de tiempo o días específicos.

Esto es particularmente útil si solo desea ocultar precios en días o temporadas navideñas cuando tu tienda en línea no acepta pedidos.

Para un control más específico, puedes simplemente omitir el menú 'Desactivar tienda' y centrarte en la configuración de la sección 'Configuración de "Agregar al carrito" en Modo Catálogo'.

Aquí, puedes usar menús desplegables para elegir exactamente dónde ocultar o mostrar los botones de agregar al carrito. Por ejemplo, puedes ocultarlos o mostrarlos para artículos en tu lista de exclusión, que es una función que te permite agrupar productos específicos, categorías o etiquetas juntos.

Esto facilita ocultar botones solo para esos artículos seleccionados en lugar de para toda tu tienda. Piensa en ello como una lista VIP, donde puedes aplicar reglas especiales solo a los productos de esa lista.

Hablaremos más sobre cómo crear listas de exclusión en una sección posterior.

Al bajar, puedes elegir ocultar el botón ‘Agregar al carrito’ en las variaciones de producto. Esto mantiene tu modo de catálogo consistente en todos los tipos de producto, incluidos aquellos con múltiples opciones como tamaño o color.

También puedes decidir qué aparece en lugar de los botones ‘Agregar al carrito’ en las páginas de WooCommerce.

Recomendamos seleccionar ‘Nada’ para estas opciones para mantener el espacio limpio. Agregaremos botones personalizados en una sección diferente más adelante.

Más abajo, encontrarás ‘Configuración de precios en modo catálogo’.

Puedes elegir entre ocultar los precios de todos los productos o solo los de tu lista de exclusión.

Cuando ocultas los precios, puedes reemplazarlos con botones personalizados. El plugin incluye varios estilos de botones prediseñados, como ‘Botón de ejemplo 1’, que personalizaremos en el siguiente paso.

Recuerda hacer clic en ‘Guardar opciones’ cuando hayas terminado de hacer tus selecciones.

Paso 3: Crear un nuevo botón para reemplazar el botón del carrito

Ahora, es hora de personalizar el botón que reemplazará tus botones de carrito y precios. Dirígete a la pestaña ‘Botones y etiquetas’ para comenzar.

Selecciona uno de los botones prediseñados proporcionados por YITH, luego haz clic en el ícono de lápiz ‘Editar’ para personalizarlo.

Primero, dale a tu botón un nombre sencillo para que puedas encontrarlo fácilmente más tarde.

En la pestaña ‘Contenido’, puedes cambiar el texto del botón por algo que se ajuste a tus necesidades. Las opciones populares incluyen “Solicitar cotización”, “Contáctanos para precios” o “Obtener precio personalizado”.

Agregar un ícono puede hacer que tu botón sea más atractivo. Para hacerlo, puedes seleccionar ‘Elegir de íconos predeterminados’ en la sección Ícono.

Puedes explorar las opciones disponibles para encontrar una que coincida con tu mensaje.

También puedes ajustar tu ícono modificando su tamaño, alineación y colores.

Simplemente observa cómo tus cambios aparecen en la vista previa en vivo en el lado derecho de la página.

Ahora, cambia a la pestaña ‘Estilo’ para personalizar la apariencia de tu botón.

Aquí es donde puedes modificar los colores de fondo, el ancho, los bordes, el relleno y los márgenes para que coincidan con el diseño de tu sitio web.

Finalmente, en la pestaña ‘Opciones’, configura el enlace para tu botón. Recomendamos usar la opción ‘URL personalizada’ para dirigir a los visitantes a tu página de contacto o de inicio de sesión.

También puedes agregar una animación al pasar el cursor para hacer tu botón más interactivo y llamativo.

Una vez hecho, simplemente haz clic en el botón ‘Actualizar’.

Con tu nuevo botón guardado, ahora reemplazará el botón estándar Agregar al carrito donde se especificó.

Paso 4: Crear un formulario de consulta de producto (Opcional)

Agregar un formulario de consulta directamente a tus páginas de producto puede facilitar que los clientes pregunten sobre precios. De esta manera, no necesitarán salir de la página del producto para contactarte.

Para configurar esto, navega a la pestaña ‘Formulario de consulta’. Selecciona ‘Visible en todos los productos’ en ‘Establecer formulario de consulta como’. Esto asegura que el formulario aparezca en cada página de producto.

Para la opción ‘Formulario a mostrar’, puedes usar el formulario ‘Predeterminado’ que viene con el plugin.

Si ya usas WPForms o algún otro plugin de formularios, puedes seleccionar tus formularios existentes en su lugar.

Al usar el formulario ‘Predeterminado’, puedes personalizar qué campos aparecen.

Recomendamos mantenerlo simple con campos esenciales como nombre, correo electrónico y mensaje. Por nuestra experiencia, los formularios más cortos suelen recibir más envíos.

Tienes dos opciones para dónde aparece el formulario: en una pestaña de WooCommerce debajo de la imagen del producto o en el área de descripción corta.

Si eliges la opción de pestaña, puedes personalizar el título de la pestaña con algo como “Solicitar precio” o “Consulta de producto”.

No olvides habilitar la configuración ‘Incluir Permalink del producto’.

Esto agrega la URL del producto a los correos electrónicos de consulta, lo que facilita mucho rastrear qué productos los clientes están preguntando.

¿Necesitas ayuda para decidir si elegir entre una pestaña de WooCommerce o una descripción corta del producto?

Así se ve la primera opción:

Mientras tanto, si eliges la opción de descripción del producto, el formulario de consulta aparecerá justo debajo del botón que acabas de crear.

Así:

Extra: Cómo crear una lista de exclusión (ocultar precios para productos específicos de WooCommerce)

Ahora, veamos cómo ocultar precios para productos específicos en lugar de toda tu tienda. Esto asume que ya configuraste tu modo de catálogo para que funcione con una lista de exclusión en el Paso 2.

Para empezar, ve a la pestaña ‘Lista de exclusión’ y haz clic en ‘+ Agregar lista de exclusión’. Se abrirá una nueva ventana donde puedes elegir qué tipos de artículos ocultar los precios.

El menú desplegable ‘Tipo de artículo’ te da tres opciones: productos individuales, categorías de productos completas o etiquetas de productos. Esta flexibilidad te permite ocultar precios de maneras que tengan sentido para tu pequeña empresa.

A continuación, empieza a escribir nombres de productos, categorías o etiquetas en el campo ‘Seleccionar productos’. El plugin sugerirá coincidencias a medida que escribes. También puedes elegir si mostrar un formulario de consulta para estos artículos específicos.

Notarás las configuraciones para ‘Usar opciones personalizadas para “Añadir al carrito”‘ y ‘Usar opciones personalizadas para el precio’. Recomendamos dejar estas sin marcar si deseas mantener la configuración que creaste en el Paso 2.

Una vez que hayas terminado, simplemente haz clic en ‘Agregar lista de exclusión’ para guardar tus cambios. Tu nueva regla de exclusión ahora está activa.

Aquí tienes un ejemplo de cómo podría verse tu página de producto al habilitar el plugin:

Más información sobre consejos y trucos de WooCommerce

Ahora que has aprendido a vender productos en WooCommerce sin precios, es posible que desees aprender más formas de optimizar tu tienda en línea. Consulta estas guías para principiantes para obtener más consejos y trucos:

• Cómo enviar un cupón después de una reseña de producto de WooCommerce
• Cómo agregar una lista de deseos a tu tienda WooCommerce
• Cómo mostrar recomendaciones de productos en WordPress
• Cómo filtrar productos de WooCommerce (tutorial paso a paso)
• Cómo ocultar métodos de envío de WooCommerce (2 maneras fáciles)
• Cómo enviar notificaciones de pedidos de WooCommerce directamente a WhatsApp
• Los 32 mejores plugins de WooCommerce para tu tienda (la mayoría son GRATIS)

Esperamos que este artículo te haya ayudado a aprender cómo ocultar precios en WooCommerce. También puedes consultar nuestra lista de los mejores temas de WordPress para sitios web de WooCommerce y nuestra guía sobre cómo vender más productos en WooCommerce.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.