A finales de 2021 la clásica página en la que se encontraban todos y cada uno de los shortcodes de Woocommerce ha desaparecido. En realidad ahora es necesario iniciar sesión mediante wordpress.com para verlo. El antiguo enlace (https://docs.woocommerce.com/document/woocommerce-shortcodes/) redirige a (https://woocommerce.com/document/woocommerce-shortcodes/).
Así que en este post te mostramos el listado completo de los shortcodes de Woocommerce (Los genéricos), sin necesidad de iniciar sesión en ningún lugar.
Vamos a ello.
¿Qué es un shortcode?
Son códigos cortos expresados entre corchetes tipo [shortcode], estos muestran información en cualquier lugar que permita su uso. Se trata de ejecutar una instrucción de programación mediante una especie de código abreviado.
En WordPress es muy común trabajar con ellos, para empezar tenemos un widget en Gutenberg, los editores visuales, generan y ejecutan shortcodes, muchos plugins funcionan de esta manera.
Además para aquellos que manejan algo de código, siempre pueden crear sus propios shortcodes e implementarlos en cualquier lugar de la web para mostrar aquello que se defina.
Como es un estándar bastante cómodo, WooCommerce viene con varios códigos cortos que se pueden usar para insertar contenido dentro de publicaciones y páginas.
MODO DE USO: Se pueden usar en cada página o tipo de publicación, mediante el widget shortcode, o incluso en muchos casos en el propio código widget o modo texto html.
¡Vamos con todos ellos!
Shortcodes de Woocommerce
Códigos cortos para mostrar las páginas que genera Woocommerce
Página de Carrito
[woocommerce_cart]Página de Finalizar Compra (Checkout)
[woocommerce_checkout]Página de Mi Cuenta
[woocommerce_my_account]Muestra los últimos pedidos del cliente en Mi Cuenta
[woocommerce_my_account order_count="12"]
Página de Seguimiento de Pedido
[woocommerce_order_tracking]Shortcodes para mostrar los productos
Muestra todos los productos
[products]Muestra un solo producto por su ID
[product id="123"]Muestra un solo producto por su SKU
[product sku="abc123"]Muestra la ficha o página del producto por su ID
[product_page id="123"]Muestra la ficha o página del producto por su SKU
[product_page sku="abc123"]Muestra un listado de 3 productos por sus IDs
[products ids="100, 101, 102"] Muestra un listado de los productos destacados
[featured_products]Muestra el listado de productos en promoción o rebajados
[sale_products]Muestra el listado de los productos más vendidos
[best_selling_products]Muestra el listado de los productos recientemente añadidos
[recent_products]Muestra el listado de los productos mejor valorados con ⭐⭐⭐⭐⭐
[top_rated_products]Muestra el listado de los productos relacionados (Página de producto)
[related_products]Muestra el listado de 4 productos rebajados al azar
[products limit="4" columns="4" orderby="popularity" class="quick-sale" on_sale="true" ]Muestra el listado de 4 productos destacados al azar
[products limit="4" columns="2" visibility="featured" ]Muestra el listado de los 3 productos más vendidos en una fila
[products limit="3" columns="3" best_selling="true" ]Muestra el listado de los 4 productos más recientes
[products limit="4" columns="4" orderby="id" order="DESC" visibility="visible"]Muestra el listado de productos bajo una categoría
[product_category category="pantalones"]Muestra el listado de 8 productos para dos categorías definidas
[products limit="8" columns="4" category="pantalones, camisetas" cat_operator="AND"]Muestra el listado de 8 productos que no estén en las categorías definidas
[products limit="8" columns="4" category="pantalones, camisetas" cat_operator="NOT IN"]Muestra el listado de productos bajo una etiqueta
[products tag="etiqueta"]Añade al carrito un solo producto por su ID mediante un botón
[add_to_cart id="99"]Muestra el botón de añadir al carrito con url del producto
[add_to_cart_url id="99"]
Por atributos
limit – Número de productos a mostrar.
columns – Número de columnas, por defecto suelen ser 4.
paginate – Activa la paginación. Se debe usar junto a limit.
orderby – Ordena los productos por opciones como:
date – Por fecha de publicación.
id – Por ID de producto.
menu_order – Por orden de menú, los más bajos se mostrarán primero..
popularity – Por cantidad de compras.
rand – Orden aleatorio, puede que no funcione en sitios con caché.
rating – Por valoración promedio..
title – Por el título de producto. orderby por defecto.
skus – Lista separada por comas de SKUs.
category – Lista separada por slugs de categorías.
tag – Lista separada por comas de slugs de etiquetas.
order – Por pedidos ascendentes (ASC) o descendentes (DESC), por defecto es (ASC)
class – Agrega clase para la salida CSS..
on_sale – Muestra productos rebajados..
best_selling – Muestra los productos más vendidos.
top_rated – Muestra los mejor valorados.
IN – Muestra productos con etiquetas elegidas.
NOT IN – Mostrará productos que no estén en las etiquetas elegidas.
visibility – Mostrará productos en función de su visibilidad:
visible – Productos visibles en tienda y en resultados de búsqueda.
catalog – Productos solo visible en tienda..
search – Productos solo visibles en los resultados de búsqueda.
hidden – Productos ocultos salvo al acceder mediante su url.
featured – Productos marcados como destacados.
category – Productos que usan una determinada categoría.
tag – Productos que usan una determinada etiqueta.
ids – Mostrará productos en listado al separar IDs por comas.
skus – mostrará productos en listado al separar SKUs por comas.
Nos encontramos ante una serie de ajustes mediante los famosos shortcodes de Woocommerce que nos pueden ayudar a personalizar nuestra tienda ampliamente.
Si quieres más detalles te recomendamos que puedas crear tu usuario en wordpress.com y accedas directamente mediante el enlace que te hemos puesto al comienzo.
Si ya has encontrado el shortcode y lo has personalizado como querias enhorabuena, nos alegramos por ello.
Invitación a la Comunidad PED
Te invitamos a nuestra comunidad, tienes siempre disponible en la parte superior el botón «Ser Miembro». Somos muchos los que hemos dado el salto a lo digital, compartimos y nos impulsamos.
Lo bueno es que puedes probar 7 días completamente GRATIS y decidir tu mismo.
¡Nos vemos dentro! ??
