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

Facebook
Google+
Twitter
LinkedIn