Crear un shortcode para mostrar el SKU de un producto en WooCommerce

Published on: marzo 9, 2025Author: AlexComment: 0

WooCommerce permite extender su funcionalidad a través de shortcodes, pequeños fragmentos de código que puedes insertar en páginas, entradas o widgets para mostrar información dinámica. En este artículo, aprenderemos a crear un shortcode personalizado que muestre el SKU de un producto en función de su ID. Si no se especifica un ID, el shortcode usará el producto global. Además, agregaremos un segundo parámetro para definir un valor por defecto en caso de que el producto no tenga SKU.

Creando el shortcode

Para agregar el shortcode a tu tienda WooCommerce, debes incluir el siguiente código en el archivo functions.php de tu tema hijo o en un plugin personalizado:

<?php
function letsgodev_get_sku( $atts ) {
    $atts = shortcode_atts( [
        'id'      => '',
        'default' => 'SKU no disponible'
    ], $atts );

    $product = null;

    if ( ! empty( $atts['id'] ) ) {
        $product = wc_get_product( $atts['id'] );
    } elseif ( is_singular( 'product' ) && function_exists( 'wc_get_product' ) ) {
        global $product;
    }

    if ( ! $product ) {
        return 'Producto no encontrado';
    }

    $sku = $product->get_sku();

    return $sku ? esc_html( $sku ) : esc_html( $atts['default'] );
}

add_shortcode( 'letsgodev_get_sku', 'letsgodev_get_sku' );

Cómo usar el shortcode

Una vez agregado el código, puedes usar el shortcode en cualquier parte de tu sitio:

Para mostrar el SKU de un producto específico, usa:
```
[letsgodev_get_sku id="123"]
```
(donde 123 es el ID del producto).

Para mostrar un mensaje alternativo si el SKU no está definido, usa el parámetro default:
```
[letsgodev_get_sku id="123" default="Sin código"]
```
Si el producto no tiene SKU, se mostrará «Sin código».
Para mostrar el SKU del producto en una página de producto individual, solo coloca:
```
[letsgodev_get_sku]
```
(esto usará el producto global si estás dentro de una página de producto).

Otras propiedades del producto

Este mismo enfoque se puede aplicar para mostrar otras propiedades del producto en WooCommerce. Por ejemplo:

Stock disponible: $product->get_stock_quantity();
Precio: $product->get_price();
Descripción corta: $product->get_short_description();
Categoría: $product->get_categories();

Solo necesitas modificar la función para obtener la información que necesites y devolverla dentro del shortcode.

¡Esperamos que esta guía te haya sido útil! Si tienes alguna duda o quieres más ejemplos de shortcodes para WooCommerce, déjanos un comentario.