Blog

Conoce todos los contenidos de mi web y cuéntame tus dudas o impresiones en los comentarios de las entradas.

Shorcodes para Woocommerce

Shortcodes para tienda WooCommerce

En esta entrada hablaremos de los códigos cortos que WooCommerce nos proporciona. Veremos cómo utilizarlos de la mejor manera y para qué sirven cada uno de ellos.

¿Qué es un shortcode o código corto?

Antes de empezar a explicar los diferentes shorcodes de WooCcommerce, vamos a explicar en que es un shortcode.
Un shortcode es un código que se represente entre corchetes para que aparezca un elemento determinado. En algunos casos los shortcodes tienen etiquetas de apertura y de cierre.

[shortcode] [/shortcode]

También pueden soportar parámetros para especificar algunos de los valores necesarios para generar el elemento para el que está diseñado.

[shortcode parametro1=valor1 parametro2=valor2]

Una vez explicado que son los shorcodes nos vamos a centrar en los que vienen por defecto en WooCommerce y en que se transforman una vez introducidos en el editor de WordPress.

Shorcodes para paginas WooCommerce

En el proceso de instalación de WooCommerce veremos como el plugin crea páginas por defecto. Para generar estas páginas se utilizan los siguiente shortcodes:

  • Página de “Mi Cuenta”: [woocommerce_my_account]
  • Página de “Carrito”: [woocommerce_cart]
  • Página de “Estado de pedido”: [woocommerce_checkout]
  • Página del “Carrito”: [woocommerce_order_tracking]

Estas páginas se generan automáticamente pero en el caso de que no se creen por alguna razón podremos utilizar estos códigos cortos para crearlas.

Shortcodes para productos WooCommerce

Tenemos la posibilidad de personalizar a nuestro gusto la tienda online mostrando algunos productos concretos. Para ellos utilizaremos el siguiente shotcode:

[product]

Si queremos mostrar el producto mediante el id, tendremos que utilizar el parámetro id con el valor del identificador del producto.

[product id=»1″]

Si por lo contrario queremos mostrarlo mediante el id, utilizaremos el parámetro sku:

[product sku=»a.123″]

Si queremos mostrar más de un producto, añadiremos mediante comas tantos productos como queramos dentro del valor del parámetro:

[product id=»1, 2, 123, 9″]

También podemos mostrar un listado por defecto de los productos de nuestra tienda mediante estos shorcodes:

  • Lista de productos más vendidos: [best_selling_products]
  • Lista de productos con mejor valoración: [top_rated_products]
  • Lista de productos rebajados: [sale_products]
  • Lista de productos destacados: [featured_products]
  • Lista de los últimos productos añadidos: [recent_products]
  • Lista de productos relacionados: [related_products]

Listados de WooCommerce

Si queremos mostrar un listado de los productos de una categoría en concreto el shortcode que deberíamos utilizar es products con el parámetro category como se muestra a continuación:

[products category=»nombre-categoria»]

Y si queremos mostrar las categorías de productos que tenemos en nuestra tienda, utilizaremos la palabra:

[product_categories]

Categorías de WooCommerce

A través de los atributos podemos clasificar los listados anteriormente mencionados. Su objetivo es facilitar la navegación. Algunos de estos atributos son los siguientes:

  • Limit: Elegimos el número de productos a mostrar.
  • Columns: Elegimos el número de columnas del listado.
  • Paginate: Activa o desactiva la paginación (*utilizar con el atributo limit)
  • Orderby: Criterio de ordenación de los productos. Tenemos las siguientes opciones:
    • title: Ordenar por titulo
    • date: Ordenar por fecha
    • rand: Ordenar aleatoriamente
  • order: Ordenar de forma ascendente o descendente el criterio anterior.
    • asc: Ordenar ascendentemente
    • desc: Ordenar descendentemente

Estos son algunos ejemplos:

Columnas de WooCommerce

[products limit=»3″ columns=»3″]

Ordenar en WooCommerce

[products limit=»4″ columns=»4″ orderby=»id» order=»DESC»]

Plugin para generar shortcodes de WooCommerce

Plugin WooCommerce

Si lo tuyo no son los shotcodes existen algunas alternativas. Una de ellas es la opción de utilizar plugins. Este plugin genera automáticamente lo anteriormente mencionado en el post.

Desplegable WooCommerce

Serás capaz de crear los diferentes shortcodes mediante un desplegable que aparecerá en tu editor de WordPress realizando unos sencillos pasos.

Conclusión

WooCommerce nos presenta una colección de shortcodes muy con los que nos ayudarán a mostrar páginas y todo tipo de productos.
Gracias a estos pequeños códigos podremos mostrar los productos no solo en nuestra tienda sino también en todos los apartados de nuestra web.

Deja un comentario

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

Scroll al inicio