Todos los shortcodes de WooCommerce y cómo utilizarlos (actualizado permanentemente)

Crear una tienda online con WordPress y WooCommerce es realmente sencillo, y configurarlo no digamos, pero también puedes utilizar los shortcodes de WooCommerce para conseguir algunas configuraciones y visualizaciones especiales, así que vamos a ver todos los disponibles y cómo se utilizan.

Pero primero…

¿Qué es un shortcode?

Por si aún no lo tienes claro, un shortcode es un atajo de programación, un código que ejecuta instrucciones de un código más largo, que normalmente está incluido en el plugin, en el archivo functions.php del tema activo o en tu propio plugin de personalizaciones.

Crear tu propio shortcode es más fácil de lo que crees, así que ponte a practicar.

¿Qué son los shortcodes de WooCommerce?

Son atajos que te permiten mostrar visualizaciones o páginas especiales en tu tienda online, que por defecto no están a simple vista.

Los shortcodes de WooCommerce

woocomerce tienda online

Carrito

Se utiliza en la página del carrito y muestra el contenido del carrito así como la interfaz para cupones y otros elementos del carrito.

Modificadores: ninguno

Shortcode:

Pago

Se utiliza en la página de pago y muestra el proceso de pago.

Modificadores: ninguno

Formulario de seguimiento de pedido

Permite al usuario ver el estado de cualquier pedido introduciendo sus detalles.

Modificadores: ninguno

Shortcode:

Mi cuenta

Muestra la sección “mi cuenta”, en la que el cliente puede ver sus anteriores pedidos y actualizar su información. Puedes especificar el número u orden en el que se mostrarán. Por defecto se muestran 15 pedidos (puedes usar -1 para mostrar todos los pedidos)

Modificadores:

Shortcode:

Productos recientes

Muestra una lista de los productos más recientes, algo muy útil en la portada de la tienda. El modificador ‘per_page’ determina cuantos productos se mostrarán en la página, y el atributo de columnas controla en cuantas columnas se verán los productos.

Modificadores:

Shortcode:

Productos destacados

Funciona igual que los productos recientes, pero mostrando solo los productos marcados como destacados. En el ejemplo el shortcode muestra 12 productos en 4 columnas.

Modificadores:

Shorcode:

Producto

Muestra un único producto, ya sea por su ID o por el SKU. El SKU lo introduces tú al crear el producto y el ID puedes localizarlo en la URL del producto al editarlo, por ejemplo.

Shortcode:

Productos

Muestra varios productos por ID, SKU, categorías, atributos y más.

Atributos

  • limit – El número de productos a mostrar. Por defecto muestra todos (-1).
  • columns – El número de columnas a mostrar. Por defecto es 4.
  • orderby – Ordena los productos mostrados según la opción introducida. Se pueden pasar uno o más argumentos añadiendo ambos slugs con un espacio entre ellos. Las opciones disponibles son:
    • date – La fecha en que se publicó el producto.
    • id – El  ID del producto.
    • menu_order – El orden en el menú, si se definió (los números más bajos se muestran primero).
    • popularity – El número de compras.
    • rand – Orden aleatorio de productos al cargar la página (puede no funcionar en sitios que usen caché, ya que guardaría un orden específico).
    • rating – La puntuación media del producto.
    • title – El título del producto. Este es el modo por defecto de orderby.
  • order – Establece si el orden de productos será ascendente (ASC) o descendente (DESC) usando el método definido en orderby. Por defecto es ASC.
  • class – Añade una clase contenedora al HTML para que puedas modificar la visualización específica con CSS personalizado.

Atributos de contenido del producto

  • attribute – Recupera los productos usando el slug de atributo seleccionado.
  • terms – Lista separada por comas de los términos de atributos a utilizar con attribute.
  • terms_operator – Operador para comparar términos de atributos. Las opciones disponibles son:
    • AND – Mostrará productos de todos los atributos seleccionados.
    • IN – Mostrará productos con el atributo seleccionado.Este es el valor por defecto de terms_operator.
    • NOT IN – Mostrará productos que no están entre los atributos seleccionados.
  • visibility – Mostrará productos basados en la visibilidad seleccionada. Las opciones disponibles son:
    • visible – Productos visibles en la tienda y resultados de búsqueda. Esta es la opción por defecto de visibility.
    • catalog – Productos visibles solo en la tienda, no en los resultados de búsqueda.
    • search – Productos visibles solo en los resultados de búsqueda, no en la tienda.
    • hidden – Productos ocultos tanto en la tienda como en las búsquedas, solo accesibles mediante su URL directa.
    • featured – Productos marcados como productos destacados.
  • category – Recupera productos usando el slug específico de la categoría.
  • cat_operator – Operador para comparar términos de categorías. Las opciones disponibles son:
    • AND – Mostrará productos que pertenezcan a todas las categorías seleccionadas.
    • IN – Mostrará productos de la categoría seleccionada. Este es el valor por defecto de cat_operator.
    • NOT IN – Mostrará productos que no estén en la categoría seleccionada.
  • ids – Mostrará productos basados en una lista separada por comas de IDs.
  • skus – Mostrará productos basados en una lista separada por comas de SKUs.

Ejemplos de shortcodes:

Añadir al carrito

Muestra el precio y el botón de añadir al carrito de un único producto por su ID.

Modificadores:

Shortcode:

URL de añadir al carrito

Muestra la URL en el botón de añadir al carrito de un único producto por ID.

Modificadores:

Shortcode:

Página de producto

Muestra una página de producto simple por ID o SKU.

Shortcode:

Categoría de productos

Muestra varios productos de una categoría por el slug de la misma.

Modificadores:

Shortcode:

Categorías de productos

Muestra varias categorías de productos.

Modificadores:

El campo ‘number’ se utiliza para mostrar el número de productos, y el campo ‘ids’ indica al shortcode qué categorías mostrar.

Puedes poner el parámetro ‘parent’ a 0 para mostrar solo las categorías superiores. Los IDs de categoría se ponen separados por comas para mostrar varias.

Shortcode:

Productos en oferta

Muestra todos los productos rebajados.

Modificadores:

Shortcode:

Productos más vendidos

Muestra los productos en venta más vendidos.

Modificadores:

Shortcode:

Productos mejor valorados

Muestra los productos en venta mejor valorados.

Modificadores:

Shortcode:

Atributo de producto

Muestro productos con un atributo específico.

Modificadores:

Shortcode:

Productos relacionados

Muestra una lista de productos relacionados con el actual.

Modificadores:

Shortcode:

Ordenando productos mediante campos personalizados

En muchos shortcodes como:

puedes ordenar los productos usando alguno de estos valores:

Por ejemplo, un uso del atributo ‘orderby’ sería el siguiente:

Pero también puedes ordenar productos mediante campos personalizados, usando el siguiente código, en el ejemplo para ordenar productos por precio:

Simplemente añade el código a tu archivo functions.php o tu plugin de personalizaciones y lo adaptas editando el ‘meta_key’. Fácil ¿no?

¿Cómo uso los shortcodes de WooCommerce?

Vale, ya te los sabes todos pero ¿cómo los utilizo? ¿dónde los meto?

Puedes hacerlo de varias maneras, una muy obvia es crear tus propias páginas e introducir shortcodes a voluntad, pero no es muy práctico, pues muchas ya las crea WooCommerce automáticamente y podrías liarla bien gorda si no lo haces bien.

Shortcodes en widgets

Un uso muy habitual de los shortcodes de WooCommerce es en widgets de texto., para mostrar listas personalizadas de productos a tu gusto y necesidades de la tienda.

shortcodes woocommerce en widgets de texto

Aunque WooCommerce incluye unos cuantos widgets por defecto nada como usar shortcodes para personalizar tu tienda a tu gusto.

Un modo inteligente de usar shortcodes de WooCommerce en los widgets de texto sería en combinación del plugin JP Widget Visibility, que te permite especificar dónde se mostrará (o no) cada widget, pudiendo añadir shortcodes personalizados que muestren listados de productos según qué quieras vender en según qué pagina o producto.

visibilidad de shortcodes de woocommerce en widgets de texto

Shortcodes con plugin

Mucho más fácil es utilizar el plugin WooCommerce Shortcodes, que añade una serie de botones a la barra de herramientas del editor de WordPress para facilitar la inserción de shortcodes de WooCommerce con sus respectivos modificadores.

Maquetadores visuales

Si usas Visual Composer o Divi la cosa cambia, y es donde de verdad vas a sacar todo el provecho de los shortcodes de WooCommerce.

modulo texto divi shortcode woocommerce

Crea tus páginas personalizadas de producto, tienda, carrito, pago, etc y añade los shortcodes adecuados en filas o columnas, en módulos de texto, para mostrar tus productos donde quieras, ordenados y colocados como gustes, con el objetivo de maximizar las ventas.

Si además utilizas la nueva funcionalidad de tests A/B de cada módulo/columna/fila de las últimas versiones de Divi entonces tendrás un entorno de ventas realmente eficaz y fácilmente analizable por rendimiento de cada módulo y página.

tests a b divi


(Nota: por si no te has dado cuenta algunos de los enlaces que hay en esta entrada son de afiliación, de modo que si adquieres algún producto a ti te cuesta lo mismo pero a mi me pagas un café) 

Valora este artículo para mejorar la calidad del blog ...

FlojitoNo está malEstá bienMe ha servidoFantástico (41 votos, promedio: 4,90 de 5)
Cargando…

Autor: Fernando

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran.

Autor del libro WordPress – La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

LOS BURÓCRATAS DE LA UE ME EXIGEN QUE TE DIGA QUE SI VISITAS AYUDA WORDPRESS PUEDES RECIBIR ALGUNA COOKIE. AQUÍ NO HAY COOKIES DE PUBLICIDAD, COMO LAS QUE SI TE DEJAN GOOGLE, AMAZÓN Y MONTÓN DE SITIOS, SIN AVISAR, PERO EL QUE TE TENGO QUE AVISAR SOY YO. LAS COOKIES QUE TE DEJA AYUDA WORDPRESS SON PARA FACILITARTE LA NAVEGACIÓN, COMPARTIR Y COMENTAR. SI NO QUIERES RECIBIR COOKIES PUEDES NAVEGAR EN MODO PRIVADO, ABANDONAR ESTE SITIO Y PERDERTE EL CONTENIDO GRATIS QUE COMPARTO CADA DÍA SOBRE WORDPRESS O IRTE A UNA ISLA DESIERTA PARA VIVIR AISLADO DEL MUNDO, ESO SÍ, SIN COOKIES. O SINO, SIMPLEMENTE CIERRA ESTA VENTANA COÑAZO Y SIGUE DISFRUTANDO DEL BLOG. SI TIENES CURIOSIDAD SOBRE ESTO DE LAS COOKIES TE DEJO UN ENLACE >> MÁS INFORMACIÓN

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar