17 SHORTCODES de WooCommerce y Cómo Utilizarlos

Si miras tu sitio web te vas a dar cuenta que tal vez tienes contenido o acciones que se repiten en las páginas o entradas, quizá un botón de llamada a la acción, iconos de redes sociales para compartir tus entradas o estrellas de valoración al finalizar un artículo. ¿No sería genial poder insertar estos contenidos repetitivos de una manera rápida? Pues con los Shortcodes lo puedes hacer. Los shortcodes son códigos entre corchetes ([ ]) que permiten agregar funcionalidades de manera sencilla y se pueden utilizar en toda la web.

Todos los shortcodes tienen que llevar corchetes al principio y al final, su estructura se ve así [ejemploshortcode] a veces pueden tener etiqueta de abertura y de cierre [shortcode]ejemplo[/shortcode] y también puedes añadirles parámetros, por ejemplo [shortcode unparametro=”ítem” otroparametro=”otro ítem].

Existen muchos plugins que generan shortcodes como parte de su funcionalidad, uno de ellos es WooCommerce que viene con una serie de shortcodes que te facilitarán la vida, con estos códigos cortos puedes decirle a WooCommerce que muestre un elemento donde tú quieras. Por ejemplo, si escribiste un artículo en el blog de tu tienda online y quieres que en esa entrada se vean algunos de tus productos, los puedes insertar mediante shortcodes. Ahora que sabes lo que son y cómo funcionan, te explico cuáles son los más importantes que trae disponible el plugin WooCommerce y como los puedes usar.

WooCommerce tiene shortcodes por defecto que te ayudan con visualizaciones especiales para añadir en las diferentes secciones de tu tienda online. Estos códigos que te muestro a continuación son fáciles de utilizar, te recomiendo que los apuntes para que los tengas siempre a mano, así puedes personalizarlos ajustándolos a las necesidades que tengas en tu sitio web. Woocommerce trae consigo cientos de shortcodes al instalarlo, de los cuales nos podemos beneficiar para aplicar ciertas funciones sin necesidad de plugins o un maquetador visual en cualquier lugar de nuestra tienda online.

Cuando instalas WooCommerce crea automáticamente cuatro páginas que serán esenciales para que tu tienda online funcione correctamente. Esas páginas son: tienda, mi cuenta, carrito y finalizar compra. Como WooCommerce genera automáticamente estas páginas, lo más seguro es que no los tengas que usar en la vida, pues una vez se ha establecido, no lo debemos tocar nunca más. En el caso de que el plugin no te haya creado estas páginas, tienes dos maneras de hacerlas: automáticamente o manualmente mediante shortcodes. Ya sea porque no se te crearon al momento de instalar WooCommerce o porque las eliminaste por error, puedes hacerlo a través de los siguientes shortcodes:

El shortcode [products] es uno de los más completos y extensos de WooCommerce, utilizándolo así, mostrará una página con todos los productos que tengas, pero agregándole atributos te permite mostrar los productos por ID de publicación, SKU, categorías, atributos, con soporte para paginación, clasificación aleatoria y etiquetas de productos. Con estos parámetros conseguirás un montón de funcionalidades para los productos de tu tienda online. Aunque WooCommerce ya tiene la página «tienda» en la que se muestran todos los productos, en algunas ocasiones quieres mostrar sólo ciertos productos en alguna página o entrada.

Aparte de los listados que nos propone WooCommerce, también puedes crear tus propios listados a partir de la clasificación que tienes de categorías o atributos. Con los siguientes shortcodes puedes clasificar los productos por categorías, ya sea que muestres solo una página con una sola categoría o todas las categorías de tu sitio web, esto te ayudará a mantener tu tienda online ordenada y a que los clientes siempre encontrarán lo que buscan.

Como mencionaba anteriormente puedes añadir atributos al shortcode [products] que te ayudan a clasificar tus productos. Presta atención porque puede parecer complicado, pero solo es cuestión de que estés atento. Mira la lista con todas las opciones que tienes para clasificar tus productos. Todos los shortcodes de listados de productos tienen atributos muy interesante llamados «orderby» y «order». Puedes utilizar también los siguientes atributios en tu tienda virtual sin instalar plugins o añadir código.

Ejemplo: Quieres mostrar cuatro columnas en el inicio de tu tienda online con la categoría vestidos y ordenarlos desde los más recientes porque es una nueva colección, el shortcode que utilizas se ve así [products columns=»4″ category=»vestidos» orderby=»date»]. Como puedes ver el código corto incluye las columnas, la categoría y lo estás ordenando por fecha.

El plugin WooCommerce crea por defecto una página con el carrito de compra y corresponde al shortcode [woocommerce_cart], si no la creó o la eliminaste por error ya sabes que insertando este shortcode puedes tenerla otra vez, si quieres mejorar tu tienda online y hacer que el proceso de compra para tus clientes sea muy fácil, añade un botón de comprar a cualquier sitio de tu web utilizando los siguientes shortcodes:

¿Alguna vez ha visto un texto entre corchetes en WordPress? Entonces, has visto un shortcode. Ya sabes qué son y para qué sirven, añadirlos a tu sitio web es sencillo. Tienes tres opciones, los puedes agregar en páginas o entradas desde el editor WordPress que utilices, puedes añadirlos desde el área de widgets y por último instalando el WooCommerce shortcodes. A continuación voy a explicarte las opciones que tienes y tú decides con cual te quedas:

Instalar shortcodes puede parecer mucho más complejo de lo que es en realidad. La primera forma que tienes para añadir un Shortcode (y la más fácil) será entradas o páginas, si escribiste un artículo en tu blog y quieres insertar por ejemplo un producto en ese post, desde esa misma entrada añade un bloque de código y pega el shortcode que necesites. Si quieres añadirlo a una página, ve a tu editor visual de WordPress, añade un bloque de texto y en el pega el shortcode que quieras usar.

Por defecto, cualquier texto que ingreses en el widget de texto pasa por los filtros de WordPress, los cuales no te permiten ejecutar shortcodes. Si te sientes cómodo añadiendo código a tu tema, puedes habilitar los códigos cortos para trabajar en los widgets de texto. Para ello ve al panel de administración “Apariencia” / Widgets en tu sitio web. Ahí elegirás el Widget de texto y añadirás el shortcode que quieras utilizar en tu tienda online. Visita tu sitio web para ver como funciona el código corto en el interior del widget de texto.

La última opción que tienes para añadir shortcodes, es instalando un plugin. Existen muchos plugins que añaden packs de shortcodes preconfigurados con los que puedes mejorar el aspecto de tu página web insertando nuevos elementos visuales. Los hay gratis y de pago, el más utilizado en este caso es WooCommerce shortcodes. Podrás encontrar más de 50 shortcodes preparados para optimizar tanto la estética como la funcionalidad de tu web. Este plugin añadirá una serie de botones a tu barra de herramientas que hará muy fácil insertar los shortcodes y sus modificadores.

Como has podido comprobar WooCommerce tiene multitud de Shortcodes que te sirven para mostrar páginas, productos y botones de añadir al carrito donde quieras. Lo primero que debes hacer es conocer los shortcodes de WooCommerce, puedes hacer una lista y guardarlos para tenerlos siempre a la mano. Una vez hecho, el siguiente paso es practicar, úsalos en tu tienda online para que te familiarices con ellos, te ayudarán a horrar mucho tiempo al momento de agregar productos a tu negocio en Internet.

Los puedes añadir a tu tienda online en páginas o entradas desde el editor de WordPress que utilices, desde el área de widgets o instalando el WooCommerce shortcodes, a mí me gusta insertar los shortcodes directamente desde las entradas o las páginas porqué me parece la manera más fácil, ya que por lo general los constructores visuales traen un bloque para los códigos. Ahora te preguntas ¿Cuáles usar? pues eso depende de las necesidades te tengas en tu sitio web y de los contenidos que quieras agregar, yo te recomiendo que tengas siempre a mano el shortcode [products] con todos sus atributos, ya que es uno de los más completos de WooCommerce y si tienes una tienda online siempre te beneficiará resaltar y clasificar tus productos donde quieras.

¿Qué te ha parecido esta guía con los shortcodes de WooCommerce? ¿Conocías todas estas funciones? ¿Utilizas shortcodes y quieres contar tu experiencia? ¿Crees que me he dejado alguno? ¿Te has quedado con alguna duda o pregunta? Entonces te pido que dejes un comentario. Da igual que sea o una duda o un simple gracias, pero me alegraré mucho de leerlo y responderlo.