Plugins de Woocommerce para añadir más funciones a tu tienda online

Que WordPress nos da la posibilidad de crear tiendas online ya lo sabemos todos. Gracias a plugins como Woocommerce, puedes montar tu propia tienda online de manera gratuita, con el coste únicamente de tener un buen hosting.

Pero también es verdad que aunque para mi es un plugin maravilloso, gratuito, estable, multilenguaje… para ciertas cosas se nos puede quedar corto. O quizás no sea esa la palabra, pero sí es verdad que si lo comparamos con otros CMS especializados en el ecommerce como por ejemplo Prestashop, parece que en Woocommerce no tenemos tantas opciones de configuración.

Sin embargo, a mi esa simpleza me gusta. ¿Para qué tener cientos de opciones en el panel de control si la mitad de ellas no las vamos a utilizar y lo único que hacen va a ser marearnos y subir muchísimo la curva de aprendizaje?

Pero como no todos los clientes ni todas las tiendas online son iguales, hay veces que necesitamos añadir alguna cosa un poco especial y que Woocommerce no nos ofrece.

Eso sí, con WordPress siempre hay un plugin para un descosido. Y gracias a la tremenda comunidad de WordPress, podemos añadir a nuestro Woocommerce las funciones extra que necesitemos y que no vienen de serie.

Y si no tienes muy claro cómo implementar estas nuevas funciones a Woocommerce, recuerda que puedes contar con mi servicio de mantenimiento para Woocommerce.

Plugins para Woocommerce que multiplican sus funciones

En este artículo voy a ir recopilando todos los plugins o códigos con los que he trabajado en páginas de mis clientes, y lo iré actualizando a medida que vaya conociendo y usando más.

Convertir tu tienda de Woocommerce en un catálogo

Este es uno de los plugins que más he usado y a más clientes he instalado.

Muchas veces los clientes tienen ya su web corporativa en marcha y quieren añadirle una tienda. Pero sobre todo al principio, puede que aún tengan pocos productos, estén pensando todavía cómo gestionar los envíos, o simplemente quieran mostrar a sus clientes un catálogo para más adelante, si la cosa va bien, abrir la tienda al público.

Y esto es lo que hace el plugin Catalog Visibility Options, transformar una tienda en un catálogo.

Y es que si a las tiendas de Woocommerce les quitamos la función tienda, nos queda un estupendo catálogo de productos.

Con este plugin, simplemente haciendo clic en un botón, se desactiva la página del carrito, los botones de compra, se ocultan los precios… Y cuando el cliente o la tienda ya están preparados, con otro clic se vuelve a activar todo.

Y no solo eso, si no que también sirve si lo que quieres activar la tienda solo para los usuarios registrados.

Es un plugin de pago pero oficial de Woocommerce, así que tienes garantizado que nunca te va dar un problema de compatibilidad.

Pero si no quieres pasar por caja y te vale con algo sencillo, puedes usar la versión gratuita de este plugin de Yith.

Ocultar precio y botón de añadir al carrito en Woocommerce

ocultar boton compra precio woocommerce

WooCommerce hide price and add to cart button es una alternativa al plugin oficial de Woocommerce. Este plugin lo que hace es ocultar directamente el botón de compra y el precio, y también permite mostrarlos solo para los usuarios que están registrados.

Tiene menos opciones que Catalog Visibility Options, pero es gratuito, así que te puede salvar de un apuro en un momento dado.

Deshabilitar la tienda Woocommerce y recibir pedidos con un formulario

wc catalog enquiry

Otro plugin para más para convertir tu tienda online en un catálogo: WC Catalog Enquiry.

Al igual que los anteriores, permite ocultar o mostrar los botones dependiendo de si el usuario está registrado o no. Pero hay más.

La particularidad de este plugin, es que no deshabilita del todo el botón de comprar, si no que lo convierte en un botón que te acaba llevando a un formulario donde el cliente puede solicitar el producto al vendedor rellenando una serie de campos.

Puede ser útil cuando la tienda aún no está lanzada y sin embargo sí que se quiere vender algún producto bajo demanda. Puedes ver una demo para hacerte mejor una idea de cómo funciona en este enlace.

Adjuntar facturas en los pedidos de Woocommerce

facturas woocommerce

El plugin WooCommerce PDF Invoices & Packing Slips te permite añadir automáticamente las facturas a tus clientes en el correo de confirmación del pedido.

Viene con alguna plantilla básica, pero también puedes crear tu plantilla propia con tu logo y demás.

Y este plugin no solo está pensado para el cliente, si no que desde el panel de pedidos de Woocommerce vas a poder descargar o imprimir tus facturas y albaranes, facilitandote un poco la siempre pesada tarea de llevar la contabilidad de una tienda.

Diferentes precios para diferentes usuarios

diferentes precios woocommerce

Imagina que tienes una tienda pero quieres que tus empleados, tus clientes más fieles o tus suscriptores, tengan descuentos especiales.

Pues gracias al plugin Woocommerce Role Pricing puedes hacer que un mismo producto muestre precios diferentes dependiendo de quién lo vea.

Su configuración es muy sencilla, solo tienes que añadir el descuento que quieres que tenga cada tipo de usuario y listo.

También tienes una versión pro con más opciones por si quieres ser aún más específico y aplicar descuentos solo a una categoría o a unos productos en concreto.

Puntos y recompensas para tus clientes en Woocommerce

puntoso recompensas woocommerce

A todos nos gusta acumular puntos por cada compra en el supermercado, la gasolinera, etc. Y esta estrategia también la puedes llevar a tu tienda online, vendas lo que vendas.

Con el plugin Woocommerce Points and Rewards de Yith, puedes recompensar a tus clientes más fieles con puntos que más tarde pueden canjear en descuentos para sus próximas compras. Una estrategia win-to-win, donde gana tanto el vendedor, que consigue nuevas ventas, como el cliente, que consigue descuentos.

Obviamente, tantos la relación de importe de la compra – cantidad de puntos obtenidos, como la fecha en la que caducan esos puntos, y el porcentaje de descuento, lo puedes configurar a tu gusto. Incluso puedes hacer que sólo determinado tipo de cliente pueda beneficiarse de este programa de fidelización.

Es un plugin de pago, pero que puedes amortizar rápidamente al hacer que tus clientes sientan la necesidad de volver a comprar en tu tienda online para canjear sus puntos.

Tienda Woocommerce en varios idiomas

traductor para woocommerce

Como ellos mismos se definen, el plugin WooCommerce Multilingual es el pegamento perfecto para unir el plugin de traducción WPML con Woocommerce.

Este plugin te va a permitir traducir fácilmente cualquier producto de tu ecommerce, ya sea un producto simple, uno agrupado o uno variable, y vas a poder traducir también las categorías y atributos de los mismos.

Gracias también a este plugin, todo el proceso de compra (carrito, checkout…) va a poder mantener el mismo idioma que la tienda. Y lo mejor y más importante, vas a poder enviar los correos a los clientes traducidos al idioma en el que hayan comprado.

Y es que, pocas cosas dan peor imagen que tener partes de la web traducidas y otras no. Gracias a este plugin, la experiencia en tu tienda de tus clientes internacionales va a ser estupenda.

Regenerar las miniaturas de Woocommerce (y de WordPress)

regenerar miniaturas woocommerce

Este es el típico plugin de usar y tirar (instalar, activar, ponerlo en marcha, desactivar, desinstalar), pero muy muy útil.

Imagina que tienes una tienda con 500 productos y te apetece cambiar de plantilla. Esa nueva plantilla tendrá un nuevo aspecto y probablemente el tamaño de las miniaturas que muestre será distinto al que estabas usando.

Esto va a crear un conflicto con entre la plantilla nueva y las imágenes que ya tenías, haciendo que estas se vean borrosas, con mala resolución o en un tamaño inadecuado.

La solución sería cambiar en los ajustes de WordPress el tamaño preestablecido para las miniaturas y volver a subir las imágenes. Pero claro, cuando ya se tiene cierta cantidad de productos, puedes necesitar más tiempo que en terminar la Sagrada Familia.

Pues para eso está el plugin Regenerate Thumbnails, para regenerar automáticamente y con un par de clics al tamaño correcto las miniaturas de todas imágenes que ya tienes subidas en la biblioteca de tu web.

Plugin para configurar los productos relacionados en Woocommerce

productos relacionados woocommerce

Es habitual que todas las tiendas online muestren bajo sus productos otra serie de productos relacionados. Estos productos aparecen de forma aleatoria en función de la categoría del producto.

Pero imagina que por ejemplo estás vendiendo un champú, y te interesa mostrar también el acondicionador de esa misma línea. La opción de ventas cruzadas no te sirve porque te es indiferente que compre uno u otro. Es más, lo lógico sería que el cliente comprara los dos. Y si lo dejas todo en manos de los productos relacionados, si tienes bastantes productos, en muchas ocasiones esos productos no se mostrarán juntos, ya que como te he comentado esa función es un poco aleatoria.

Así que lo mejor es usar el plugin gratuito Woocommerce Custom Related Products, un plugin que te permite seleccionar en cada producto los artículos relacionados que quieres que se muestren en la misma página.

Añadir subtítulos a los productos de la tienda

subtitulos productos woocommerce

Woocommerce Product Subtitle es un plugin muy sencillo y gratuito, pero muy interesante también.

Al activar el plugin, se va habilitar una caja de texto debajo de los títulos de los productos para añadir subtítulos, que también se mostrarán en la tienda.

Es algo que no me habían pedido nunca, pero con una rápida investigación descubrí que alguien con la misma necesidad ya había creado este plugin (¡bendito WordPress!).

Muy útil para productos que tienen algún tipo de eslogan o requieren mostrar un poco más de información en su nombre.

Cambiar el texto del botón Añadir al carrito en Woocommerce

cambiar boton comprar woocommerce

El botón de Comprar en Woocommerce está muy bien y cumple su función. Eso está claro.

¿Pero qué pasa si en vez de añadir al carrito, queremos otro mensaje tipo “lo quiero”, “lo necesito”, o simplemente “comprar”?

Pues Enrique J. Ros ya ha pensado en eso y ha creado el plugin Add to Cart Button Custom Text, un plugin muy sencillo que te permite cambiar el mensaje del botón por lo que tú quieras. Y si te manejas bien, incluso puedes añadir iconos y flechitas para llamar más la atención del posible cliente.

Añadir banners en las páginas de Woocommerce

añadir banner pagina checkoout carrito woocommerce

Si quieres darle un toque de personalización a tu tienda, y mostrar por ejemplo un banner en la página del carritoWoocommerce Category Banner Management te permite hacerlo.

En mi caso lo usé en su versión gratuita para mostrar a los clientes un banner en la página del carrito en el que se les recordaba los plazos de preparación y entrega, que para esa tienda en concreto eran algo elevados. El dueño de la tienda quería curarse en salud, advertir por todos los medios y dejar bastante claro que esos plazos eran bastante amplios.

Y como es un plugin que te permite subir cualquier imagen, puedes usarlo también para personalizar las páginas del checkout o carrito con tu logo o con cualquier otro mensaje que necesites mostrar.

En mi caso, con la versión gratuita del plugin fue suficiente.

Añadir más pestañas en los productos de Woocommerce

añadir más pestañas en los productos de woocommerce

Por defecto, los productos en Woocommerce se muestran con dos pestañas: la descripción y las valoraciones.

Pero puede que en algún caso sea interesante añadir alguna más, por ejemplo para una tienda de informática que quiera añadir las especificaciones más técnicas de sus productos.

Esto lo puedes conseguir con el plugin Custom Product Tabs, que puedes descargar gratuitamente desde el repositorio de WordPress, y que te permite añadir tantas pestañas como quieras y hacerlo, además, de forma independiente. Es decir, puedes poner esa pestaña de especificaciones que has creado en unos productos, y no mostrarlas o poner otras pestañas diferentes en otros productos.

Uno de esos plugins que deberían estar ya integrados en Woocommerce.

Configurar los campos del checkout en Woocommerce

configurar campos checkout woocommerce

Si la personalización de las pestañas debería ser un ajuste básico en Woocommerce, la personalización de los campos del checkout debería serlo aún más.

No todas las tiendas son iguales, y no todas las tiendas necesitan los mismos datos de sus clientes. Una tienda de productos digitales, ¿para que necesita solicitar al cliente su dirección, ciudad y código postal? ¿Y si se necesita pedir el DNI o algún otro dato extra, cómo se puede hacer?

Pues se puede gracias a un plugin como Checkout Field Editor, con el que no sólo puedes quitar o añadir campos en el checkout, si no que además puedes marcar cuáles son para ti obligatorios y cuáles no, o incluso cambiar el orden en el que se muestran.

Además, todos esos datos recogidos se mostrarán también en la página final de la compra con el resumen y los detalles del pedido, y también aparecerán en el email que recibe el cliente.

Suscribir a Mailchimp los clientes tras hacer un pedido

woocommerce mailchimp

Tener una buena base de datos de clientes es algo fundamental hoy en día para tener éxito con tu negocio. Una buena forma de captarlos, es añadir una casilla en el formulario de compra para que el cliente se suscriba a tu lista de Mailchimp, y poder así luego mantenerle al tanto de tus promociones y ofertas.

Con el plugin WooCommerce MailChimp puedes añadir esa casilla, eligiendo además si quieres que se muestre marcada por defecto o no.

Códigos para Woocommerce

Antes de darte todos estos códigos quiero hacer un apunte importante.

Hay veces que para hacer cierto cambio o ajuste en Woocommerce no es necesario instalar un plugin, si no que con añadir un simple código nos sirve.

En la mayoría de los casos, hay que tocar el archivo functions.php, algo que a un usuario normal le puede dar algo de miedo. Y también se corre el riesgo de que una actualización se pierda todo o de que el código esté mal y se rompa literalmente la web sin poder volver al administrador a restaurarla…

code snippets

Así que a la hora de añadir estos códigos te recomiendo usar el plugin Code Snippets. Un plugin en el que puedes añadir todos estos códigos sin miedo a meter la pata. Siempre van a estar a salvo de actualizaciones que lo sobrescriban, y si por algún casual el código no es correcto, es el mismo plugin el que se encarga de no activarlo para que la web no se rompa, permitiéndote ir atrás a revisar el código o borrarlo.

Dicho esto, aquí van los códigos que he usado para personalizar las tiendas online que he ido desarrollando.

Cambiar el nombre de las pestañas de Woocommerce

Esta es una opción tan básica que no entiendo como no viene de serie en los ajustes de Woocommerce.

Seguramente más tarde o más temprano la añadan, pero mientras tanto, con este código puedes cambiar las típicas pestañas que salen abajo de los productos de “Descripción” y “Valoraciones”.

add_filter( 'woocommerce_product_tabs', 'oaf_wc_change_product_tabs_titles', 20);
function oaf_wc_change_product_tabs_titles($tabs) {
$tabs['description']['title'] = 'Nuevo nombre de pestaña';
$tabs['reviews']['title'] = 'Nuevo nombre de pestaña';
return $tabs;
}

*Truco descubierto gracias a oscarabadfolgueira.com.

Quitar las pestañas de valoraciones o descripciones de Woocommerce

Lo de cambiar el nombre de las pestañas está muy bien, pero puede que lo que estés buscando es deshacerte de ellas directamente.

Pues para ello tienes este sencillo código:

add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );
function woo_remove_product_tabs( $tabs ) {
unset( $tabs['description'] ); // Remove the description tab
unset( $tabs['reviews'] ); // Remove the reviews tab
unset( $tabs['additional_information'] ); // Remove the additional information tab
return $tabs;
}

*Truco descubierto gracias a Silicondales.com.

Añadir un botón de “Seguir comprando” en la página del carrito

Otra de las funciones que están un poco a medias en Woocommerce. Y es que el botón de seguir comprando aparece en el carrito cuando este está vacío, pero sería interesante mostrarlo también aunque el carrito esté lleno.

Siempre se puede volver a la tienda pulsando atrás en el navegador, pero para ponérselo más fácil a tus clientes, añade este código a tu web y el botón de “seguir comprando” aparecerá siempre.

add_action('woocommerce_cart_coupon', 'themeprefix_back_to_store');
function themeprefix_back_to_store() { ?>
<a class="button wc-backward" href="<?php echo get_permalink( wc_get_page_id( 'shop' ) ); ?>"><?php _e( 'Seguir comprando', 'woocommerce' ) ?></a>
<?php
}

*Truco descubierto en Loopeando.com.

Cambiar el texto del botón comprar para un producto sin stock

Ya que hablamos de la experiencia del usuario en el sitio, tampoco tiene mucho sentido que en los productos sin stock, el botón de Comprar se mantenga tal cual.

Sería más lógico poder cambiar ese texto para no crear confusión al cliente.

Gracias a este código, puedes cambiar el texto que aparece en el botón para poner “producto agotado” o algo similar.

add_filter( 'woocommerce_product_add_to_cart_text', 'customizing_add_to_cart_button_text', 10, 2 );
add_filter( 'woocommerce_product_single_add_to_cart_text', 'customizing_add_to_cart_button_text', 10, 2 );
function customizing_add_to_cart_button_text( $button_text, $product ) {

$sold_out = __( "Sold Out", "woocommerce" );

$availability = $product->get_availability();
$stock_status = $availability['class'];

// Only for variable products on single product pages
if ( $product->is_type('variable') && is_product() )
{
?>
<script>
jQuery(document).ready(function($) {
$('select').blur( function(){
if( '' != $('input.variation_id').val() && $('p.stock').hasClass('out-of-stock') )
$('button.single_add_to_cart_button').html('<?php echo $sold_out; ?>');
else
$('button.single_add_to_cart_button').html('<?php echo $button_text; ?>');

console.log($('input.variation_id').val());
});
});
</script>
<?php
}
// For all other cases (not a variable product on single product pages)
elseif ( ! $product->is_type('variable') && ! is_product() )
{
if($stock_status == 'out-of-stock')
$button_text = $sold_out.' ('.$stock_status.')';
else
$button_text.=' ('.$stock_status.')';
}
return $button_text;
}

*Truco descubierto en stackoverflow.com.

Quitar el zoom y otras opciones a las imágenes de los productos

Desde la versión 3, Woocommerce ha añadido ciertas funciones a las imágenes de los productos que son muy interesantes, como el efecto de poder hacer zoom, que la imagen se abra en una lightbox, y los carruseles.

Pero en determinados productos, ya sea por su tamaño o por su simpleza, puede que no nos haga falta tener esa opciones.

Con estos códigos puedes eliminar de forma individual cada una de esas nuevas opciones:

add_action( 'template_redirect', function() {
remove_theme_support( 'wc-product-gallery-zoom' );
remove_theme_support( 'wc-product-gallery-lightbox' );
remove_theme_support( 'wc-product-gallery-slider' );
}, 100 );

*Código encontrado en Github.

Ocultar el SKU en las tiendas Woocommece

El SKU es un código (Stock-keeping unit) que es un código de referencia, algo así como un código de barras, y que les sirve a las tiendas para diferenciar sus productos y llevar más control sobre el stock.

Hay muchas tiendas online que no usan este sistema, y hay otras muchas que sí que lo usan, pero que ven un poco absurdo que el cliente vea ese código en las páginas de los productos.

Como no hay opción en los ajustes de Woocommerce para ocultarlo, puedes añadir este código si quieres seguir usando estos códigos, pero no quieres que los vea el cliente.

add_filter( 'wc_product_sku_enabled', '__return_false' );

*Código encontrado en ayudawp.com.

Añadir más productos relacionados

El número de artículos relacionados que se muestran en cada producto no se puede modificar en los ajustes de Woocommerce. Otro pequeño fallo que pienso que más tarde o más temprano solucionarán.

Así que de momento, lo que puedes hacer si quieres mostrar más o menos productos, es añadir este código, modificando la línea ‘post_per_page’ con el número de productos que quieras mostrar. El resto de opciones déjalas como están.

function ejr_woo_limite_relacionados () {
global $product;

$args = array (
'post_type' => 'product',
'no_found_rows' => 1,
'posts_per_page' => 8,
'ignore_sticky_posts' => 1,
'orderby' => $orderby,
'post__in' => $related,
'post__not_in' => array($product->id)
);
return $args;
}
add_filter ('woocommerce_related_products_args', 'ejr_woo_limite_relacionados');

*Código encontrado en la web de enriquejros.com.

Redirigir a una página de gracias tras la compra

Es muy habitual redirigir a los clientes a una página de gracias una vez han finalizado la compra. Y no solo por agradecer al cliente la compra (que también), si no para (entre otras cosas), añadir en esas páginas un píxel de Facebook y mejorar las campañas de publicidad.

Una forma muy fácil de hacer esto es con este código, añadiendo en la línea $url la url de tu página de gracias:

add_action( 'woocommerce_thankyou', 'bbloomer_redirectcustom');

function bbloomer_redirectcustom( $order_id ){
$order = new WC_Order( $order_id );

$url = 'https://miweb.com/gracias';

if ( $order->status != 'failed' ) {
wp_redirect($url);
exit;
}
}

*Código encontrado en businessbloomer.com.

Hay muchos plugins que también hacen esto. Si no te quieres complicar con códigos, te vuelvo a recomendar el plugin de Yith, ya que es el más completo.

Añadir botón atrás en página de producto

Este código lo he descubierto tras una pregunta que me hizo Paula en los comentarios.

Necesitaba añadir un botón para volver a la página anterior en la ficha de un producto, y con este fragmento de código lo puede conseguir:

add_action( 'woocommerce_single_product_summary', 'woocommerce_single_product_summary_button', 11);

function woocommerce_single_product_summary_button() {
     echo '<a class="back_button" href="#" onclick="window.history.back()">Atrás</a>';
} 

Luego solo hay que darle estilos con la clase .back_button para que el texto atrás parezca realmente un botón.

Editar “notas del pedido”

Woocommerce añade por defecto una caja en la que el cliente puede dejarnos un mensaje al hacer su pedido.

El texto de esta caja lo podemos modificar con el siguiente código, tal y cómo explica Luis Felipe aquí.

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );

function custom_override_checkout_fields( $fields ) {

     $fields['order']['order_comments']['placeholder'] = 'Nombre de placeholder aquí';
     $fields['order']['order_comments']['label'] = 'Nombre de etiqueta aquí';
     return $fields;

} 

Añadir un sello de confianza o “Trust seal” debajo del botón de comprar

Beatriz me preguntó a través de los comentarios cómo podía poner los típicos iconos de Pago Seguro, Satisfacción 100%… debajo del botón de compra de Woocommerce.

Desconozco si hay algún plugin que haga tal función, pero se puede hacer fácilmente con este código:

 function show_content_after_add_to_cart() {

     echo "<img src='mi-imagen.png' >"; 

} 

Solo tienes que crear tu propia imagen con los iconos que creas convenientes, subirla al directorio raíz, y añadir esta función con un plugin como Code Snippets.

Como ves, en el mundo de WordPress no hay problema sin solución. Pero si tienes una tienda online, necesitas añadirle algún extra y no has encontrado aquí ninguna solución, te invito a dejarme un comentario o contactar conmigo. Estaré encantado de investigar y ayudarte con tu caso.

Share on facebook
Facebook
Share on twitter
Twitter
Share on email
Email
Share on whatsapp
WhatsApp

78 comentarios en “Plugins de Woocommerce para añadir más funciones a tu tienda online”

  1. Buenos días:

    Que plugin existe, para que en una tienda on-line, poder, dentro de un producto, tener diferentes roles, es decir, que pueda yo elegir dentro de mi catálogo de productos, quien puede ver ese artículo ?

    – Todo el mundo
    – Specific role: customer / editor
    – Nadie

    De esta forma hay artículos que en la web, no se verán salvo que estés registrado, y otros los verá cualquiera.

    Muchas gracias.

    Responder
  2. Muy buen listado! Gracias!
    Un consulta: Es posible con WooCommerce mostrar un listado de productos y a pedido del cliente que ese listado le llegue por email a la dirección que haya indicado?

    Responder
    • Hola Gustavo.

      Ningún cliente me ha pedido nada similar, por lo que no sé exactamente qué plugin puede realizar eso que comentas. No estoy seguro si quieres mantener la tienda online abierta o dejarla solo a modo de catálogo.

      De todas formas, he investigado un poco y me he encontrado con este, quizás te pueda valer: https://wordpress.org/plugins/now-in-store-catalog-builder/

      Pruébalo y me dices. Si hace justo lo que necesitas lo añadimos a la lista, y en caso contrario buscamos otro 🙂

      Un saludo.

      Responder
  3. Hola! Me interesa saber cómo darle la opción al cliente de marcar “Es un regalo” para que se genere un documento/factura/albarán que no contenga el precio y sea diferente al documento de pago habitual. Mil gracias por tu ayuda!

    Responder
    • Hola Ana.

      ¿Has probado con el plugin Woocommerce Product Gift? Es el típico que añade la opción de envolver para regalo (con coste extra o no, eso lo configuras tú misma en los ajustes), y que aunque no genere un albarán o factura distinto del habitual, te podría valer.

      Piensa que si voy a hacer un regalo, en los campos de facturación del checkout pondría mis datos (donde voy a recibir la factura), pero en los datos de envío pondría el de mi familiar o amigo, que es a dónde se va a enviar el paquete.

      ¿Te podría valer esto que te comento?

      Responder
      • Gracias por tu rapidez! El caso es que no son productos “físicos” (son servicios: masajes, tratamientos, etc), y por lo tanto no tienen dirección de envío. Con la factura acreditan el pago del bono y reservan su cita. Pero en caso de querer regalarlo, ¿cómo hacemos para enviar un bono regalo sin que salga el precio? Da igual que sea factura o albarán o cualquier otro documento.

        Responder
        • Ah, entiendo.

          Alguna vez he montado algo similar y el plugin que he usado es est de Yith.

          En la versión Premium del plugin, además de crear tarjetas de regalo simples, puedes añadir un botón a los productos que ponga “quiero regalarlo”. Este botón lleva al usuario a un formulario donde puede personalizar esa tarjeta regalo y enviarla a la persona que quiera.

          Luego esa persona, puede canjear la tarjeta en la tienda comprando el producto que le han regalado. En la web tienes una demo para que veas cómo funciona.

          Espero que te sirva.

          Responder
  4. necesito que el boton de agregar al carrito me de la posibilidad de comprar en fracciones, es decir 0.5 metros, 1 metro, 1.5, ya que solo va de uno en uno, y no puedo vender por fracciones en la tienda online

    Responder
  5. Hola Carlos. tengo un problema, me puedes ayudar
    no se elimina del stock al añadir producto (bicis de alquiler) al carro, con lo que se puede añadir al carrito la misma bicicleta varias veces y después da error en el checkout.
    RnB – WooCommerce Booking & Rental Plugin
    sabes si lo podemos solucionar con códigos o algún plugin
    gracias, Luis

    Responder
    • Hola Luis.

      ¿Tienes activada la gestión de inventario en los ajustes de Woocommerce? (Woocommerce > Ajustes > Productos > Inventario).

      Una vez activada esta opción, tienes que configurar el stock que tienes de cada producto. Tienes que ir a editar el producto, y en la caja de “Detalles del producto”, activar la gestión de inventario en la pestaña “Inventario”.

      Espero que con esto lo puedas solucionar.

      Un saludo.

      Responder
  6. Hola que tal, disculpa sabes de alguna forma de crear 2 botones más en el formulario de registro de woocommerce para que al seleccionar el estado, le aparezca las tiendas disponibles en ese estado y pueda seleccionarlo para ir por su producto.

    Muchísimas gracias de antemano

    Responder
    • Hola Jose Carlos.

      La opción de recogida en tienda ya viene por defecto en Woocoommerce. Lo puedes encontrar en el menú Woocommerce > Ajustes > Envío, y tendrías que añadir un nuevo método de envío llamado “Recogida local”.

      Recogida en tienda

      Si esa opción se te queda corta y necesitas más ajustes, yo tiraría de este plugin oficial de Woocommerce.

      Espero que te sirva.

      Un saludo.

      Responder
  7. Saludos José Carlos, excelente tu posto felicitaciones ante mano.

    Bien soy muy nuevo en woocommerce pero no tanto como para no saber hacer algo en el ok, puedo entender lo que me puedan dar como solucion asi que por ese lado no hay problema…
    Mi consulta es la siguiente, mi tienda no es de producto propiamente dicho es de transacciones. Pero estoy usando woocomerce porque toda la estructura de este esta 100% funcional para lo que busco, lo que necesito es realmente, es hacer ciertos cambios en el producto que en mi caso no es una venta sino una transaccion, estoy cambiando el producto por una transaccion, es decir, el producto es un proceso, la cantidad es cuanto se va a cambiar, y esto sigue su curso tal cual como woocommerce, la cuestion seria modificar el producto para que el no me aparezca un precio sino una cantidad a mostrar… seguro debe ser facill. ah y lo otro por ultimo no logro traducir el resto de las cosas en ingles como shopping cart, checkout, etc… ya tengo el idioma en español, cambie muchas cosas con loco translate pero esos apartados no aparecen por ninguna parte… si me puedes dar una idea te lo agradecaria….

    Responder
    • Hola Fran.

      No entiendo bien lo que necesitas. Aunque estés vendiendo un proceso, este deberá tener un precio, ¿no?

      Si me das mas detalles quizás te pueda ayudar.

      Y sobre las traducciones, solo tienes que cambiar el nombre a las páginas que crea Woocommerce. Si vas al menú Páginas y cambias el título y la url de Shopping cart por carrito, ya lo tendrás traducido.

      Un saludo.

      Responder
  8. Hola Carlos,

    super interesante el post!. Podrías ayudarme con una duda? Me gustaría incluir debajo del botón de Añadir al carrito un banner con la siguiente información y los dibujitos típicos que la acompañan:
    100% Secure checkout (y la imagen de un candado); Envío gratuito a partir de X compra (y la imagen de un camión); Calidad Premium (y un diamante) y Satisfacción 100% .
    Como no sé exactamente cómo se denomina esto, no soy capaz de encontrar ninguna ayuda en la red.
    Te agradecería enormemente si me puedes guiar para hacer esto.
    Muchas gracias y un abrazo!

    Responder
  9. Hola Carlos.
    Felicidades por tu trabajo.
    Tengo una duda sobre el plugin Catalog Enquiry, o tal vez conozcas otro en el que esté implantado esto:
    ¿hay posibilidad, estando ya en la “lista de deseos” con varios productos seleccionados, que éstos, y una vez pases al formulario de pedido, el formulario los haya cargado por defecto?
    De esta forma el usuario, solo tendría que preguntar al vendedor por las condiciones de pago sobre los productos ya seleccionados anteriormente.
    Gracias y saludos

    Responder
  10. Hola Carlos! Me ha resultado de gran ayuda este post.

    Tengo otra duda.. Me gustaría saber algún plugin que permita personalizar un producto eligiendo varios articulos que están en el stock de la tienda.
    Es decir personalizar con iniciales un bolso y que seleccione la inicial teniendo en cuenta el stock previamente cargado en la web de las iniciales.

    Muchas gracias de antemano!!

    Responder
  11. Hola Carlos,
    Muchas gracias por compartir tus conocimientos, son de gran ayuda para los que llevamos poco tiempo en este terreno.

    He leído tu post y concretamente el apartado de añadir una imagen “Trust deal”. ¿Se puede hacer lo mismo pero que la imagen cambie en función del precio del producto? Por ejemplo: un producto de menos de xx importe muestra una imagen de recogida en almacén; otro con mayor importe muestra una de envío gratuito a hasta x kilómetros… No sé si me explico correctamente.

    Muchas gracias de antemano y felicidades por tu blog

    Responder
    • Hola Ángel.

      Te has explicado perfectamente, pero lo que pides no es fácil de hacer. De hecho no he encontrado un plugin que haga esa función y hasta dónde yo sé, hay que hacerlo mediante el código que puse en el artículo.

      Así que para variar la imagen en función del precio, habría que tirar de programación y bastante avanzada. Yo no soy programador, así que realmente no sé cómo podría hacerse.

      Siento no poder ayudarte con esto.

      Un saludo y gracias por comentar.

      Responder
    • Hola Fredy. Hasta dónde yo sé, no hay plugin o código que haga eso que comentas. Te en cuenta que en los sitios de WP, la foto del avatar se toma directamente desde Gravatar.

      Quizás tengas que contactar con algún programador para añadir esa función.

      Un saludo.

      Responder
  12. Hola Carlos,

    Enhorabuena por este artículo, sin duda de los más completos que he encontrado respecto a Woocommerce.

    Estoy montado mi tienda online y me gustaría que cuando el usuario pase el cursor sobre cualquier producto de la tienda, la imagen se cambiara por otra, en lugar de que aparezca el típico logo, un ejemplo de lo que te digo lo puedes ver en esta web.

    https://maramz.com/

    ¿Sabes de algún plugin o algún modo que permita hacerlo?

    Muchas gracias de antemano,

    Rafa

    Responder
  13. Hola, necesito poner algunos de mis productos con envio gratis, pero al mismo tiempo nesecito que ese producto resalte, ya sea con una insignia o una letra atractiva,.
    Que me recomiendas?

    Muchas gracias de antemano.

    Gracias 😉

    Responder
  14. Hola Carlos! Algun plugin o opción para añadir más información en la imagen resumen que aparece en la página de Tienda para aprovechar ese espacio, en vez de que todo se incluya debajo de la imagen? Muchas gracias!

    Responder
  15. Hola , lo prmero gracias por dedicar tu tiempo.
    Necesito un para de cosas y no encuentro nada .
    Que x productos solo esten disponibles x dias de la semana
    Que x productos solo sean puedan se comprados por x clientes

    Responder
  16. Hola Carlos,

    Gracias por tu respuesta, pero lo he probado y no funciona de este modo. En la ficha de producto tengo una imagen principal y otra en la galería del producto, y sigue sin producirse este efecto de volteo de imagen, tal como de comentaba en el ejemplo de la web:

    https://maramz.com/

    Mi web está construida con Divi, y al pasar el cursor encima sólo parece el signo +, aunque tenga varias fotos en la galería
    ¿Es posible que se tenga que configurar algo en especial?

    Gracias de nuevo

    Responder
    • Hola Rafa.

      Es probable que sea problema de la plantilla, pero no te lo puedo asegurar porque no he trabajado con Divi. Yo suelo usar GeneratePress + Elementor y nunca he tenido problemas para conseguir ese efecto.

      Pon la web en mantenimiento 2 minutos y prueba si cambiando de tema consigues que aparezca el efecto. Si aparece ya no habría dudas, es problema de la plantilla.

      Un saludo.

      Responder
  17. Hola Carlos,

    Muchas gracias por este artículo, sin duda de los más completos que he encontrado respecto a Woocommerce.

    Me podrías ayudar por favor, ya que no encuentro nada.
    Necesito saber como hacer para que al momento de elegir una talla, según la que elija solo se muestren los colores disponibles, dándole solo la opción de estos al cliente. Espero haberme explicado bien. Agradezco tu ayuda.

    Responder
    • Hola Cesar.

      Es fácil, solo tienes que usar los atributos y las variaciones junto a la gestión de inventario. De esta forma, cuando un cliente seleccione una combinación que de la que no hay stock, el sistema le avisa que no quedan existencias y no le deja comprar.

      Espero que esta solución te sirva.

      Responder
        • Hola César.

          Lo desconozco. Al ser una opción que puedes hacer directamente con Woocommerce, no sé si habrá algún plugin para ello.

          Si quieres que directamente no se muestren, puedes crear las variaciones de forma manual para que no se añadan las combinaciones que no existen.

          Si son muchas combinaciones, haría las combinaciones automáticas, y luego eliminaría de forma manual las que no existan.

          Así es cómo lo haría yo, pero si descubres otra forma mejor, no dudes en compartirla conmigo 🙂

          Responder
  18. Que tal Carlos, gracias por compartir tus conocimientos, mira tengo el siguiente caso, el cliente me pide que calcule el precio del envío según el tipo (express o regular) y también que el precio de envío cambie cuando la zona a la cual se tiene que entregar el producto no corresponde a ese día, osea me pide que woocommerce valide la zona, el tipo y el día de reparto. Existe algún plugin para eso?

    Responder
    • Hola Luis.

      Desconozco si hay un plugin que haga tal cosa, es algo muy concreto y aunque he buscado no he encontrado nada parecido.

      Lo puedes hacer es poner algún tipo de aviso en la tienda que advierta un poco a los clientes sobre los plazos variables.

      Un saludo.

      Responder
  19. Excelente Post, me ha servido de mucho.

    ¿Cómo puedo inhabilitar el botón de “Realizar pedido” mientras se está procesando la compra?

    Muchas gracias de antemano.

    Responder
    • Hola Fermín.

      Simplemente tienes que usar la gestión de inventario de Woocommerce dentro de las variaciones de cada producto. Si pones en alguna variación de algún producto 0, en la tienda aparecerá como agotado y no se podrá comprar.

      Responder
  20. Muy buenas Carlos, me gustan tus respuestas y por eso te dirijo mi pregunta. Verás estoy creando una tienda modo catálogo con woocommerce ya que en un futuro puede ser tienda online. Lo que quiero es mostrar las categorías en la página de la tienda a modo imágenes para que el usuario vaya navegando por ellas y subcategorías hasta los productos contenidos en la misma. No soy capaz de que las categorías se muestren el en centro de la página en modo cuadrícula, solo aparecen en modo desplegable, lista o verticalmente.
    Gracias por tu ayuda de antemano.

    Responder
  21. Hola buenas, me gustaria saber si hay una forma de añadir una sección en la vista principal donde indique, lo que incluye el producto, es decir extras que vienen con la compra. gracias

    Responder
    • Hola!

      Te recomiendo usar el plugin Custom Product Tabs, así puedes añadir una pestaña con más información a uno o a todos los productos (ya que la puedes guardar como plantilla y luego replicarla).

      Un saludo.

      Responder
  22. Buenos días. Me gustaría saber cómo puedo añadir, en la Información del pedido del checkout de Woocommerce, además de un resumen de los productos que voy a pedir, un resumen también de mis datos de facturación y/o envío y, si es posible, si pudiera el cliente editarlos. No sé si sería posible. Muchas gracias

    Responder
    • Hola Raquel.

      Se me ocurre que puedes añadir directamente el texto que quieras en la página del Checkout. Lo puedes poner debajo del shortcode de Woocommerce por ejemplo.

      Que lo pueda editar el cliente no lo veo posible ni recomendable, tus datos de facturación son tuyos y el cliente no los puede cambiar.

      Un saludo.

      Responder
  23. Muy buenas Carlos, lo primero enhorabuena por tu gran trabajo.

    Lo segundo quería preguntar cómo puedo añadir para poner una dirección del cliente, para comprobar la posibilidad de efectuar un pedido a dicha localidad.

    Un ejemplo claramente visual, seria para poner la dirección en las páginas iniciales de Just Eat o Uber Eats.

    Un saludo

    Responder
    • Hola Ismael.

      He estado buscando algo parecido a lo que necesitas y no he encontrado nada. Lo único que se me ocurre es crear alguna página donde expliques a qué sitios haces envios, y enlazar esa página desde algún sitio bien visible en la web.

      Si descubriera algo para hacer justo lo que necesitas, te aviso.

      Responder
  24. Hola, Carlos. Hay alguna posibilidad de, justo donde aparece el resumen de la compra con los productos que vas a comprar, aparezca también un resumen detallado de la dirección de envío y facturación? Gracias

    Responder
  25. Qué pensás respecto de este mensaje? “This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.”
    Muchos de los plugins para Woocommerce están desactualizados o no testeados y a mi frena un poco.

    Responder
    • Pues suelo evitar instalar plugins con esa advertencia y buscar alguna alternativa.

      Si es un plugin sencillo, puede funcionar perfectamente y que el autor no considere necesario actualizarlo. Pero después de 3 actualizaciones importantes de WordPress el tener un plugin así puede ser un riesgo para la seguridad del sitio.

      Lo mejor es intentar buscar plugins oficiales de Woocommerce para evitar problemas o de empresas grandes como Yith, pero es cierto que en muchos casos los precios de estas herramientas son prohibitivos.

      Responder
  26. Hola Carlos, ¿habría alguna forma de poner un botón para que el cliente pueda imprimir el pedido desde la web al finalizar la compra?.
    Y otra pregunta, al seleccionar en el método de envío “recogida en tienda”, me sigue apareciendo debajo el método de pago transferencia bancaria, ¿esto se podría quitar?.
    Gracias de antemano.

    Responder
  27. Hola Carlos,
    Despues de leer tu post y todas las preguntas con tus respuestas, tengo un problemilla que no consigo resolver.
    Te pondo un ejemplo, creo que será más facil de explicar.
    Vendemos televisores diferentes modelos, he entrado 1 producto por modelo. > Modelo X (15 unidades con 15 numeros de serie). En los atributos he añadido los nº de serie de cada unidad. El problema es que despues de la compra el stock global del producto no se reduce, solo lo hace en los numeros de serie.
    Paralelamente el cliente tras su compra recibe el mail de confirmacion con una imagen descargable del producto, y con informacion adicional del numero de serie. Ese numero de serie se asigna de forma aleatoria, es decir, el cliente no puede elegirlo, pero es imprescindible que lo reciba.
    Gracias de antemano por tu atencion.

    Responder
    • Hola Carlos.

      Creo que la solución sería añadir la cantidad de stock dentro de cada variación del producto. Es decir, poner a cada variación (número de serie) 1 cantidad en stock, en vez de configurar el stock de forma global en el producto.

      Ya me dirás si esta solución te sirve.

      Responder
      • Buenas de nuevo Carlos,
        Pues si, tenia los productos como sencillos y no como variables. Todavia llevo la “L” en esto de woocomerce.
        Trataré de trabajarlo con mas profundidad y haré pruebas, ya que ahora en el proceso de compra el cliente puede elegir el numero de serie o variación, cuando en realidad son aleatorios.
        De todas maneras, MUCHAS GRACIAS por tu rápida respuesta.

        Responder
  28. Hola Carlos: Te cuento que he estado intentando poner dos opciones a mis producto externos/afiliados de woocommerce; una que es la que te redirecciona a la web del proveedor externo como por ejemplo Amazon; lo que he logrado sin problema; pero, también quisiera darle la opción al cliente de agregar el producto al carrito como si fuera un producto simple en caso de que no quisiera comprarlo fuera de mi web. Estaría muy agradecido si pudieras iluminarme, ya que he intentado con elementor pro u otros plugins, pero aún no lo logro; saludos.

    Responder
    • Hola Mauricio.

      Con Elementor se podría hacer, pero una solución más fácil creo yo sería dejar el producto como normal en vez de afiliado, y así ya tenemos el botón de añadir al carrito.

      Y el enlace de afiliado ponerlo en un botón creado con un plugin sencillo como Shortcodes Ultimate.

      Creas un botón para cada producto y lo insertas en la descripción.

      Ya me dirás si te sirve esto de ayuda.

      Responder
  29. Hola Carlos,
    Me podrías decir cómo pue de hacer en theme generatepress pero que el botón añadir al cerro aparezca en linea con los productos de al lado? las fotos son de diferente tamaño y algunas con más texto

    Muchos gracias

    José A.

    Responder
    • Hola Jose Antonio.

      Las imágenes de los productos deberían tener todas el mismo tamaño, pero sí que a veces unos productos tienen más texto que otro y los botones se descuadran.

      Para solucionarlo, puedes probar este código:

      .woocommerce ul.products li.product .woocommerce-LoopProduct-link h2 {
      line-height: 2.5ex;
      height: 5ex; /* 2.5ex for each visible line */
      overflow: hidden;
      }

      Otra opción es usar el plugin Woo Align Buttons.

      Espero que estas soluciones te sirvan.

      Responder
  30. Hola Carlos.
    Ando en busca de un Plugins o Codigo para eliminar las imagenes de los productos de woocommerce pero que sea por categorias, ya que en algunas categorias, no tengo foto para mostrar y no quiero que se vea la imagen predeterminada ni ninguna otra.
    Por favor, necesito tu ayuda.
    Muchas gracias!

    Responder
    • Hola Pablo.

      Desconozco si algún plugin o código hace lo que propones. He hecho una búsqueda pero no he visto nada parecido.

      Si usas algún maquetador como Elementor si se puede hacer creando una plantilla diferente para esa categoría en concreto. Si no, lo que haría para que no se viera muy feo, sería añadir una imagen genérica con el logo de la tienda o algo así.

      Un saludo.

      Responder

Deja un comentario