WooCommerce proporciona shortcodes para insertar fácilmente una serie de elementos en las páginas de ecommerce.

Veamos qué son y qué te permiten mostrar en tu sitio. Los shortcodes mostrados deben ser insertados dentro de una página o artículo, utilizando el editor visual.

Cart

Se muestra el carrito de la tienda.

Pago

Se muestra la página de pago, con el formulario de información de facturación y envío, el resumen del pedido incluyendo los costes del producto, las tarifas y los gastos de envío, la lista de métodos de pago aceptados y el botón para completar el pedido.

Mi cuenta

Esta es la página de gestión de la cuenta del usuario, donde se muestran los pedidos, se descargan los archivos y las facturas, se gestionan los datos de la cuenta, la facturación y el envío, y se cierra la sesión del usuario.

Seguimiento de pedidos

Los clientes acceden a un formulario de seguimiento de pedidos, en el que pueden introducir los datos de su pedido y ver el estado del mismo (por ejemplo, si se ha enviado o sigue en curso).

Los últimos productos

Los últimos productos añadidos a la tienda se muestran en la página.

Podemos personalizar aún más el shortcode mediante algunos atributos:

• per_page : indicamos el número de elementos (productos) a mostrar por página;
• columns : indicamos el número de columnas;
• orderby : determina los criterios de ordenación de los productos mostrados (los parámetros que se pueden utilizar están disponibles haciendo clic aquí);
• orden : elige si se muestran los productos en orden ascendente o descendente.

Por ejemplo:

Esto mostrará 6 productos por página, divididos en tres columnas (por lo que tenemos 3 productos en dos filas) y ordenados por título en orden ascendente.

Productos destacados

Se muestran los productos que hemos destacado.

Aquí también se pueden utilizar atributos asociados para determinar el número de productos a mostrar por página, el número de columnas y el tipo de ordenación.

Por ejemplo:

Se muestran 3 productos por página, divididos en tres columnas, y ordenados de forma ascendente por título.

Producto único

Se muestra una vista previa del producto único en la página (tal y como lo veríamos en los archivos de productos). Con id indicamos el número de identificación del producto a mostrar. Podemos mostrar el ID de un producto en la lista de productos haciendo clic en el título del producto.

Como alternativa al ID, podemos mostrar el código del producto (asignado por el administrador de la tienda en la pestaña de datos del producto).

El código de ejemplo («DD345») se sustituye obviamente por el código real del producto.

Más productos

Este shortcode permite mostrar una lista de varios productos en la página. Utilizamos ids para indicar los IDs de los productos que deseamos mostrar, con una coma entre ellos.

Los atributos vistos anteriormente se pueden utilizar para determinar el número de columnas y para ordenar los productos.

Por ejemplo:

Como alternativa a los IDs, podemos insertar los productos indicando sus códigos. En este caso se debe utilizar el atributo skus.

Página de producto

Este shortcode muestra la página del producto: la imagen, el precio, la descripción corta, las pestañas de descripción completa y reseña, y cualquier producto relacionado.

También es posible sustituir el código por el ID, utilizando el atributo sku.

Productos de una categoría

Este shortcode permite mostrar en la página los productos de una categoría concreta, indicada por el atributo category. El valor introducido debe ser el slug de la categoría que queremos mostrar (en el ejemplo es «dvd»).

Se puede definir el número de productos a mostrar, el número de columnas y la ordenación, utilizando los parámetros ya vistos.

Ejemplos:

Categorías de productos

Este shortcode muestra la lista de categorías de productos en la página.

Si queremos mostrar sólo unas pocas categorías, podemos indicar sus IDs. Para averiguar el id de una categoría necesitamos mostrar el permalink administrativo de la categoría.

Además de los parámetros ya mencionados, per_page, columns, orderby, order, es posible utilizar otros dos parámetros específicos de este shortcode:

• hide_empty: permite ocultar las categorías sin productos;
• parent: permite mostrar sólo las categorías padre y no las categorías hijas o subcategorías (el valor a utilizar es 0).

Exs.

En este caso sólo mostramos las categorías principales y no las subcategorías de productos.

Productos más vendidos

Este shortcode permite mostrar los productos más vendidos en la tienda.

Productos más populares

Este shortcode muestra la lista de productos que han sido votados por los usuarios.

Productos con determinados atributos

Este shortcode muestra los productos que tienen el valor indicado en el shortcode para un determinado atributo. Con atributo indicamos el atributo por el que se quiere filtrar la visualización de los productos, y con filtro indicamos el valor del atributo: En el ejemplo, se muestran los productos que tienen el atributo «memoria» (por ejemplo, la memoria de un smartphone) con un valor de «48GB».

Añadir al carrito

Se inserta el botón para la compra (adición al carrito) de un determinado producto, indicado por el ID.

Alternativamente, el producto puede ser indicado por el código en lugar del ID.

El botón no se utiliza para indicar el producto.