Mostrar las ventajas competitivas en los productos de WooCommerce

Muchas veces cuando enseño el portfolio a compañeros del sector les gusta mucho como resalto las ventajas competitivas de esta tienda online en el producto, por ejemplo:

Pues hoy ha llegado el gran día en el que explico cómo lo hago.

Suelo usar la herramienta que voy a explicar ahora para poner las ventajas competitivas en cualquier zona del producto y crear contenido condicional(esto lo explicaré con plugin)

Mediante código

Esta es la opción gratuita y más sencilla de hacer. Deberás cambiar el contenido e iconos que van entre los <div> para obtener el resultado que deseas. Puedes añadir este código en el fichero functions.php o bien en el plugin Code Snippets como explico aquí.

add_action( 'woocommerce_after_add_to_cart_button', 'woocommerce_anadir_despues_boton_añadir_carrito', 30 );

function woocommerce_anadir_despues_boton_añadir_carrito() {
echo '<div class="wccc-content-block wccc-content-block-6630">
			<div class="font80"><i class="fa fa-truck"></i> Envíos en 24 horas laborables desde España</div>
<div class="font80"><i class="fa fa-lock" aria-hidden="true"></i> Pagos protegidos y seguros</div>
<div class="font80"><i class="fa fa-archive" aria-hidden="true"></i> Producto licenciado</div>
	</div>'; // Cambia el mensaje que prefieras entre las <p>
}

Para cambiar la zona dónde quieres poner el texto, deberás cambiar los hooks, aquí tienes la guía en la ficha de producto.

Esta función es muy simple y a mi me gusta hacer muchas personalizaciones dependiendo de cómo sea el producto, así que os voy a explicar la navaja suiza.

Contenido condicional mediante plugin

Con este plugin podremos hacer cosas como: dependiendo de la categoría o tributo en la que esté el producto mostrar un mensaje diferente, añadir un mensaje si un precio supera X precio, dependiendo del día de la semana…

Para esto usaremos el plugin oficial: WooCommerce Conditional Content.

Una vez instalado vamos a WooCommerce>Content Blocks y para añadir el primer bloque de texto condicional hacemos clic en Add content block.

Tendremos que editar 3 zonas importantes:

El texto que vamos a mostrar.

Dónde lo vamos a mostrar(Output setings). Podremos colocarlo en cualquier lugar en la ficha de producto. Incluso si sabemos los hooks de otras páginas en cualquier lugar del carrito, checkout, categorías, tienda…

Las condiciones(rules). Aquí es dónde se hace toda la magia y desata nuestra creatividad de la herramienta. Podremos elegir mostrarlo dependiendo de…

• Los productos: por categorías, etiquetas, atributos, rango de precios o productos específicos. Ej: Mostrar un mensaje en todos los productos de la categoría lavadoras.
• Stock: Dependiendo del número de unidades que tenga o si está disponible agotado. Ej: mostrar un mensaje en los productos con pocas existencias.
• Fechas: A partir de X día, un día a la semana, un día de la semana concreto.
• Geolocalización: Depende del país o tu sincronización con WPML. Ej: Mostrar un mensaje solo a los clientes de Francia.
• Usuario: Dependiendo del rol, a un usuario específico y si está logueado o no. Ej: Mostrar un mensaje solo a los cliente B2B
• Carrito: Total del carrito, cantidad de un producto que añades, la categoría a la que pertenece. Ej: Si añades una lavadora al carrito que se muestre un mensaje.

Con estas condiciones, seguro que se os ocurren muchas ideas para vuestra tienda online.

Conclusión

Es una herramienta que uso para casi todas las tiendas que realizo, ya que me facilita mucho las cosas para desarrollar y ayuda mucho a la experiencia de usuario. Nos permite informarle de cada acción que realiza dependiendo su condición.

No entra en los mejores plugins para WooCommerce debido a que es de pago, pero podría estar perfectamente en cada instalación.

Cualquier duda como siempre os leo en comantarios!