Cómo crear avisos personalizados en WooCommerce

Los avisos de WooCommerce son notificaciones que se muestran en diferentes sitios y/o circunstancias.

Un ejemplo claro es cuando cambiamos la cantidad de productos en el carrito o eliminamos algún producto y pulsamos sobre el botón «Actualizar Carrito».

Esta acción, además de actualizar el carrito, genera un aviso por parte de WooCommerce donde nos notifica que el carrito se ha actualizado como podemos ver en la siguiente imagen:

WooCommerce - Crear avisos personalizados

Bien, ahora que ya sabemos lo que son los avisos de WooCommerce, vamos a ver cual es el método para añadirlos con código para poder crear nuestros propios avisos y ajustarlos a nuestras necesidades.

wc_add_notice( $message, $notice_type)

Ésta es la función que usaremos para mostrar los avisos de WooCommerce.

Como vemos, tiene dos parametros:

  • $message es el contenido del aviso. El texto queremos mostrar o lo que queremos mostrar en ell aviso.
  • $notice_type es el tipo de aviso y las opciones son:
    • error
    • notice
    • success

Estos son los tres tipos de aviso:

WooCommerce - Crear avisos personalizados

El aspecto de los mismos depende del tema que estemos utilizando e incluso podríamos modificarlos nuestras necesidades.

Ahora vamos a poner un par de ejemplos para que nos temine de quedar claro.

Ejemplo 1:

En este primer ejemplo lo que hacemos es simplemente usar la función wp_add_notice() para que nos muestre las tres opciones de aviso disponible:

wp_add_notice( 'Este es un aviso de tipo error', 'error' );
wp_add_notice( 'Este es un aviso de tipo success', 'success' );
wp_add_notice( 'Este es un aviso de tipo notice', 'notice );

Sin más, para que veamos cómo se crean o implementan los tres tipos de aviso en WooComerce.


Ejemplo 2:

Ahora vamos a realizar un ejemplo un poco más complejo aunque no mucho.

Se trata de volver a darle una vuelta al ejemplo de añadir un producto de regalo.

En este caso lo que queremos es que si un cliente tiene en el carrito 2 productos, le mostramos un aviso para que sepa que si añade un producto más, tendrá el «Producto Regalo» gratis.

Otra cosa que tenemos en cuenta es que si el cliente tiene 3 productos y por lo tanto tiene el producto regalo añadido, si quita algún producto o cantidad, le quitamos automaticamente el producto regalo y mostramos un aviso de que ha perdido el «Producto Regalo».

Debemos de tener en cuenta que en este ejemplo estamos contando la cantidad de productos en total, no por separado. Es decir, que nos da lo mismo que esté comprando 3 productos diferentes que 3 unidades de un mismo producto, ok?

Aquí teneís el código:

Probadlo y me decís si os parece interesante o si os ha servido y cualquier duda me comentáis en un comentario, ok?

Saludos y ánimo!