Todos los shortcodes de WooCommerce y cómo utilizarlos

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 o SKU.

Modificadores:

Shortcode:

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 (38 votos, promedio: 4,89 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

ESTA WEB UTILIZA COOKIES PARA OFRECER LA MEJOR EXPERIENCIA POSIBLE. SI SIGUES NAVEGANDO DAS TU CONSENTIMIENTO PARA LA ACEPTACIÓN DE COOKIES Y NUESTRA POLÍTICA DE PRIVACIDAD 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