Shortcodes para WooCommerce

En este tutorial vamos a ver que son los shortcodes y que shortcodes para WooCommerce tenemos disponibles. Aprenderemos los diferentes tipos con ejemplos para que veáis las posibilidades que nos brindan.

 

¿Qué es un shortcode?


Un shortcode es una palabra o grupo de ellas escritas entre corchetes que en algunos casos tiene etiqueta de apertura y otra de cierre y otras muchas pueden llevar parámetros extra como veremos a continuación.

Ejemplos:

 

Estos shortcodes hacen que cuando los escribas en un post o página y la visualicemos observaremos que realiza una función específica que nos devuelve algún tipo de información. En este caso vamos a ver que funciones realizan algunos de los shortcodes de WooCommerce.

 

Guía de shortcodes para WooCommerce


Dentro de la gran variedad de shortcodes de que dispone WooCommerce podemos clasificarlos en diferentes tipos:

  • Los que nos permiten visualizar productos, categorías, etc…
  • Los que nos permiten visualizar páginas internas de WooCommerce o partes de ellas.
  • Los que nos permiten integrar botones de compra en cualquier sitio

 

1 – Shortcodes de visualización productos en WooCommerce


– Visualizar un producto en concreto en cualquier sitio:

 

 

– Visualizar la página de producto:

 

 

– Si quiseramos hacer lo mismo pero usando el sku:

 

 

– Listado con varios productos:

 

– Listado de productos por categoría:

 

 

– Listado de las categorías de producto de nuestra tienda:

 

 

– Mostrar productos según atributos:

 

Los shortcodes de listados de productos tienen dos atributos:
“orderby” y “order”

El atributo “orderby” permite indicar el criterio de ordenación de los productos. Tenemos los siguientes tipos:

  • title: El nombre del artículo, alfabéticamente
  • menu_order: El número que se ha elegido en la ficha de producto
  • date: La fecha de publicación del producto
  • rand: Orden aleatorio
  • id: El identificador del producto

El atributo “order” nos permite elegir entre ordenar de forma ascendente o descendente.

  • asc: Orden ascendente
  • desc: Orden descendente

Ejemplos:

 

2 – Shortcodes de las páginas de woocommerce:


Cuando instaláis WooCommerce se generan una serie de páginas que precisamente lo único que tienen en su interior son uno de estos 4 shortcodes:

Puedes insertarlos en cualquier otra página y funcionarán exactamente igual que en sus páginas originales de WooCommerce.

 

3 – Shortcodes del carro de compra


Con este tipo de shortcode de WooCommerce podremos introducir el “Añadir al carro” de cualquier producto en cualquier sitio. ¡Esta opción la utilizaréis mucho!

 

Plugins de shortcodes para WooCommerce


Si no te aclaras con los shortcodes directos tienes el plugin WooCommerce Shortcodes que añade nuevas opciones en la barra del editor de WordPress . Con este plugin tendrás más a mano los shortcodes para WooCommerce.

shortcode woocommerce plugin

configurar shortcode woocommerce plugin

4 comentarios en “Shortcodes para WooCommerce

  1. Gracias David por la ayuda,

    cuando leía orderby name, pensaba que era el orden alfabético de las categorías, cual ha sido mi sorpresa, cuando al poner el orderby name y ordenar las categorías como tu me has indicado, puedo controlar el orden de aparición.

    Gracias.

  2. Gracias David por tu aportación

    Tengo un problema y no encuentro la solución

    Si introduzco en la portada el shortcode
    [product_categories ids=”22,24,23,26,25″ columns=”5″]

    ¿Como puedo hacer para que el orden en el que se muestren, sea el orden que he indicado en ‘ids’?

    • Hola Juanjo:

      Las posibilidades de ordenación son las siguientes:
      orderby=”name| title| date| ID| parent| rand| menu_order – Order”
      order=”asc| desc – Sequence”

      No obstante si quieres que se visualicen en el orden que quieres ids=”22,24,23,26,25″… Ves al apartado de categorías de WooCommerce y a la derecha de cada categoría verás tres barras horizontales. Arrastra la categoría del ID 22 arriba, debajo pon la correspondiente al ID24 y así sucesivamente. Despúes cuando recargues la página donde está el shortcode ya verás ordenadas las categorías correspondientes a los IDs mencionados en el Shortcode y ordenados tal cual lo has hecho en el apartado categorías.

      Otra forma sería cambiando fecha de publicación de la categoría, etc… Es decir… Adaptar tu orden a alguno de los filtros de ordenación que te pongo arriba.

      Si encuentras una forma mejor por favor ponla en los comentarios. Un saludo y gracias por comentar

    • Gracias David por la ayuda,

      cuando leía orderby name, pensaba que era el orden alfabético de las categorías, cual ha sido mi sorpresa, cuando al poner el orderby name y ordenar las categorías como tu me has indicado, puedo controlar el orden de aparición.

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.