5 Trucos para mejorar las ventas con WooCommerce

Según la última encuesta sobre ecommerce realizada por la web VWO, el 8% de los carritos abandonados se debe a la imposibilidad de encontrar un código de descuento. Y algo peor aún -y con lo que me siento totalmente identificado-, el 28% de los encuestados afirmó haber abandonado la compra por costes inesperados, principalmente con los gastos de envío.

Volvemos a lo mismo. Muchos de estos factores dependen directamente de nosotros y al final, acumulando pequeños errores que podemos evitar o al menos mejorar, somos nosotros mismo los que aumentamos esos porcentajes de abandono.

En la entrada de hoy voy a explicar 5 sencillos trucos para mejorar las ventas con WooCommerce. Trucos enfocados principalmente en corregir esos errores que mencionaba antes y en captar la atención del cliente para influir en la decisión de compra.

Capta la atención de tus clientes y aumenta tus ventas con WooCommerce usando estos tips.

Como he dicho, son trucos bastante simples, pero que si sabes aplicarlos de forma correcta, pueden mejorar notablemente tus conversiones en WooCommerce.

1. Ocultar la caja de cupones descuento.

Este estudio de KISSMetrics habla precisamente de cómo afecta la caja de cupones descuento a las conversiones de algunas tienda online.

El problema es que cuando los clientes llegan a la página del carrito o la de pago y ven la caja para canjear un código de descuento, un porcentaje de estos termina abandonando la página en busca de ese código que le pueda ahorrar unos euros y si no lo encuentra, no continua con su compra.

La solución a este problema es bien sencilla; ocultar la caja para los cupones descuento.

Si no sueles usarla, puedes hacer esto directamente desde el panel de ajustes de WooCommerce entrando en «WooCommerce > Ajustes > Finalizar compra» y desmarcando la opción «Habilitar el uso de cupones«.

El problema de hacerlo así, es que no sólo oculta la caja de los cupones, sino que también deshabilita la posibilidad de aplicarlos en la compra.

Sin embargo, si quieres seguir con la opción de cupones habilitada para aplicar un descuento especial a determinados clientes, pero no quieres que se muestre la caja en el carrito ni en la pagina de pago, entonces tendrás que usar el siguiente código snippet:

// Oculta caja cupón descuento
function oculta_caja_cupon( $enabled ) {

	if ( is_cart() || is_checkout() ) {
		$enabled = false;
	}
	
	return $enabled;
}
add_filter( 'woocommerce_coupons_enabled', 'oculta_caja_cupon' );

De esta forma, aunque la caja esté oculta, podrás aplicar cupones o códigos descuento en WooCommerce a través de la url, por ejemplo.

2. Destaca tus condiciones de envío.

Si ofreces envíos gratuitos a partir de un pedido mínimo, no tengas reparo en mostrarlo en todo momento. Es más, deberías de hacerlo.

Con esto consigues 2 cosas:

  • Diferenciarte de tu competencia ofreciendo un plus. Si hay clientes indecisos entre comprarte a ti o a tu competencia, hacerles saber que ofreces esa ventaja en los envíos, será un factor decisivo a la hora de convencerles de que compren en tu tienda online.
  • Aumentar el importe medio por carrito. Si un cliente tiene en el carrito un importe total de 40€ y tú le estás diciendo en todo momento que a partir de 50€ de pedido no tiene que pagar gastos de envío, al final es muy probable que ese cliente acabe comprando algún producto más para alcanzar el mínimo.

Resumiendo.

Inserta un banner o un bloque en la página principal de tu tienda indicando tus ventajas sobre los envíos. La forma más fácil de hacerlo es usando una plantilla premium que te permita personalizar el diseño de la tienda con el sistema drag and drop (arrastrar y soltar).

Mostrar condiciones envíos tienda WooCommerce

Añade también un pequeño texto avisando de tus condiciones de envío en cada ficha de producto (si sólo te limitas a mostrarlo en la Home de tu tienda, muchos clientes no lo verán).

Puedes hacer esto desde el panel de ajustes de impuestos de WooCommerce en el apartado «Opciones de impuestos«, añade el texto con las ventajas de envíos en el campo «Price Display Suffix«.

Aquí te muestro un ejemplo de cómo quedaría.

Indicar política de envíos en la ficha de producto WooCommerce

3. Evitar las páginas sin salida.

Cuando un usuario entra a tu tienda online es como si entrase a tu negocio físico o a tu casa.

Debes ser el mejor anfitrión, aconsejarle en todo momento, recomendándole los productos que más le puedan interesar y por encima de todo, guiarlo hasta conseguir la venta.

Uno de los aspectos más importantes para mejorar tus ventas, es evitar las páginas sin salida en toda tu tienda online.

Me explico.

Existen muchas tiendas online en las que la mayor parte del tráfico que reciben entra a través de artículos del blog. Artículos que en muchos casos terminan con la típica sección de comentarios y los botones de compartir.

Cuando la gente termine de leer el artículo, lo más probable es que no sepa que hacer y termine abandonando la web.

Para evitar que ocurra eso, puedes insertar una llamada a la acción para que vayan a la tienda o insertar directamente el botón de añadir al carro de un producto. Esto último puedes hacerlo usando los propios shortcodes de WooCommerce. (Debes instalar este plugin para poder usarlos).

Lo mismo ocurre con la página de búsqueda de productos cuando no entrega ningún resultado. Hay que aprovechar esta situación para incluir una llamada a la acción para alguna oferta especial o mostrar directamente una lista de productos más vendidos.

Para estos casos puedes usar el plugin Advanced Custom Post Search en combinación con los shortcodes de WooCommerce y así personalizar la página de resultados de búsqueda de productos.

4. Mostrar el stock cuando es bajo.

Cuando el nivel de stock de un producto es bajo, provoca una sensación de urgencia en el cliente, lo que se traduce en una compra impulsiva.

Si el cliente tenía pensado posponer su compra para unas semanas más tarde, el hecho de ver que sólo quedan 2 unidades de ese producto, aumentará la probabilidad de que lo termine comprando en ese mismo momento.

Para mostrar en WooCommerce el stock de un producto cuando las existencias son bajas, sólo tienes que entrar en «WooCommerce > Ajustes > Productos > Inventario» y en el «Formato de visualización de stock«, seleccionar la opción «Solamente mostrar el stock cuando es bajo«.

5. Mostrar el porcentaje de descuento.

Otro truco interesante consiste en mostrar el porcentaje de descuento de los productos rebajados, en lugar de mostrar sólo la etiqueta «Rebajado«.

Hay que destacar el porcentaje de ahorro del que se va a beneficiar el cliente, para captar su atención y convencerlo de que es el mejor momento para hacerse con el producto.

Mostrar porcentaje descuento productos WooCommerce

Para sustituir la etiqueta de «Rebajado» -que WooCommerce muestra por defecto- por el porcentaje de ahorro, puedes usar el siguiente código snippet:

[ACTUALIZACIÓN 02/05/2019] Ahora el código snippet también funciona con productos variables.

Estos son los 5 sencillos trucos para WooCommerce que pueden ayudarte a mejorar tus ventas online sin necesidad de gastar ni un sólo euro.

Y recuerda, una vez apliques los cambios, debes medir los resultados para ver en qué porcentaje afecta a las ventas. Estoy prácticamente convencido de que mejorará en mayor o menor medida tu cuenta de resultados.

33 comentarios en “5 Trucos para mejorar las ventas con WooCommerce”

  1. Hola Antonio como estás? Felicitaciones por este espacio web tan profesional de comercio electrónico. Quiero con una amiga montar una tienda virtual y bueno, investigando esto del Comercio Electrónico, nos encontramos con Woocomerce que se ha convertido en nuestra mejor opción para usar y descubrimos Woodemia. Quería preguntarte algo: notamos que muchas tiendas tienen App y se ve genial, podrías hacer un artículo dedicado a esto?. Pensamos que esto ayudaría a mejorar las ventas, pero en el mercado son bastante costosas. Podrías aconsejarnos desde tu experiencia sobre esta asunto? conoces algun plugin o herramienta para hacer la App? o sería conventiente usa alguna PWA (aplicación web progresiva) que se integre con Woocomerce?. Gracias por tu ayuda

  2. Hoooola eh visto tu codigo funciona muy bien pero no entendi como el precio apareciera en donde estaba la palabra oferta se que es parte del css pero me gustaria saver que clase es la que agregas o modificas perdona las molestias si puedes ayudarme porfa o alguno que ya haya comentado encontrado la solucion.

    1. Hola Walter!

      El precio reemplaza la palabra «Oferta» automáticamente. No tienes que agregar ninguna clase ni nada. Simplemente añade el snippet a tu sitio con el plugin Code Snippet (aquí lo explico) y listo.

      Saludos!

    1. Hola Heder!
      Ya está actualizado y es compatible con la última versión de WC.
      Pruébalo de nuevo, debería funcionar.
      Saludos!

  3. Hola, muchas gracias por un post tan útil!
    He insertado el código para mostar el procentaje de descuento en los productos reajados, pero por desgracia no me aparece el descuento marcado en la cinta verde en la foto, solo me aparece como texto. Y ya no aparece tampoco la manera en la que salia por defecto, con la palabra Oferta dentro de la cinta verde.
    Ha cambiado algo el código desde que escribiste el artículo?

    1. Hola Borja,

      Eso es así, no es ningún fallo. En el ejemplo yo le di estilo con CSS, pero en otros temas no tiene porqué mostrarse igual que en la foto del ejemplo.

      Saludos!

  4. Hola!

    ¿Cómo coloco el porcentaje de descuento debajo del precio? y ¿Cómo coloco el «Antes» y «Despúes». Todo esto en la selección del producto.

    Gracias!!!!

  5. Hola Antonio
    Probé el snippet que muestra el descuento en porcentaje y hasta el momento funciona bien con productos simples y variables pero, cuando tengo dos productos variables sólo aplica en el segundo producto. (hice el ejercicio de poner el descuento en la primera variable y funciona pero en la segunda variable no). ejemplo tengo un vino que tiene dos valores, una caja de 2 con x valor y otra caja con 4 con y valor. bueno al aplicar el descuento en la caja de 2 muestra bien el procentaje pero al aplicar al 4 y no al dos muestra cero porciento de descuento…!!

    Espero haberme explicado bien..

    Saludos

  6. Hola Antonio,

    ¿Hay forma de usar el campo “Price Display Suffix“ solo y exclusivamente en la página producto y no en tienda y categorías?
    Dicho de otro modo, ¿se puede desactivar para que no se muestre en tienda y categorías ?

  7. hola buen dia

    tengo el siguiente problema en mi tienda solo se pueden realizar compras si estas registrado y quiero darle un % de descuento a un cliente nuevo es decir que se acaba de registrar y hace su primera compra, y tambien le quiero enviar un cupon co un % de descuento cada 3 meses a un cliente que ya se encuentra registrado desde hace varios meses y ya ha realizado compras antes.

    te agradezco si me puedes ayudar

  8. Buenos días,

    Soy nuevo en esto del woocommerce, me ha gustado mucho tu código para el %, una pregunta si quisiera cambiar el color del fondo y de la letra que aparece ¿Como se haría?

    Muchas gracias.

  9. Buenas Antonio,

    Estaba incluyendo la funcionalidad para poner el % de descuento y veo que el % lo aplica perfectamente pero se desconfigura la ubiación de donde antes ponía «Oferta!».
    Cómo podría hacer para que este código sólo haga que cambie el % por Oferta, sin variar nada más (que siga tirando de la CSS de la plantilla).

    He probado quitando texto del código que pasas:
    $text = ». __(‘-‘, ‘woocommerce’ ). $percentage . ‘%’;

    …pero nada.

    Quedo a la espera de tu respuesta.

    Mil gracias

  10. Hola Antonio Cantero, hace mucho que te sigo y he construido mi tienda gracias a tus post. Tengo una duda a ver si me puedes ayudar..

    Tengo varios modelos de cámaras fotográficas al momento de comprar una cámara e ir a la pagina de pago me gustaría que apareciera la oferta por llevar esa cámara un mensaje que diga llévate un cubre o una lamina de seguridad, ¿como podría hacer eso? Saludos

  11. Me ha servido el post, muchas gracias.

    Solo tengo una consulta, sobre el código que compartes para mostrar el porcentaje de descuento, lo he insertado y funciona perfectamente pero, al manejar productos con atributos y configurar algunas variaciones, no funciona.

    ¿Sabrás si algo me está haciendo falta?

    Por otro lado, me parece muy buena idea lo de ocultar el campo de cupón, a mi también me ha pasado, que cuando estoy a punto de comrpar algo donde no me convence mucho el precio, me voy a buscar antes un cupón (jaja). Pero, si se oculta no entiendo entonces como se puede canjear uno, si ya no aparece el campo.

    Quedo en espera de tu amable respuesta, saludos.

  12. Tengo un pero a tu recomendación de cambiar el «“Price Display Suffix“.» y es que entonces aparece por toda la web , en los productos vistos recientemente, en los relacionados, en las páginas principales de las distintas categorías, etc etc etc . Me gustaría que solo apareciera en el artículo en concreto únicamente, es eso posible?

    gracias !

  13. Hola, trate de utilizar el código de mostrar el % de ahorro pero en el caso de productos con variaciones me da error

    Warning: Division by zero in /xxx/xxx/public_html/xxxxx.com/wp-content/plugins/code-snippets/includes/snippet-ops.php(440) : eval()’d code on line 5

    Hay alguna manera de evitar este error?

  14. Hola, no mencionas donde debe ser incluido o sustituido ese código ! disculpa mi ignorancia, pero estaría bien que precisaras más. gracias

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Responsable: Antonio Cantero, siendo la Finalidad; envío de mis publicaciones así como correos comerciales. La Legitimación; es gracias a tu consentimiento. Destinatarios: tus datos se encuentran alojados en mi plataforma de email marketing Active Campaign ubicada en EEUU y acogida al Privacy Shield. Podrás ejercer Tus Derechos de Acceso, Rectificación, Limitación o Suprimir tus datos en contacto@woodemia.com

Scroll al inicio