Shortcodes de WooCommerce: Qué Son y Cómo Puedes Usarlos

Los códigos cortos de WooCommerce son una forma práctica de añadir funciones y contenido dinámico a tu tienda online, sin tener que lidiar con código complicado.

• ¿Quieres mostrar productos en una página?
• ¿Personalizar el pago?

Los códigos cortos te permiten ajustar el diseño de tu tienda exactamente como quieras.

Aunque el editor Gutenberg ofrece una forma visual de diseñar páginas, muchos propietarios de tiendas WooCommerce siguen prefiriendo los shortcodes por su flexibilidad y capacidad de añadir elementos sin necesidad de plugins o personalizaciones adicionales.

En esta guía, veremos qué son los códigos cortos de WooCommerce, cómo funcionan y cómo utilizarlos para mejorar la funcionalidad de tu tienda.

 

¿Qué son los códigos cortos de WooCommerce?

¿Alguna vez has querido añadir cosas como una lista de productos, un carrito de la compra o incluso un rastreador de pedidos a tu tienda WooCommerce, pero no querías complicarte con el código? Los códigos cortos están aquí para ayudarte.

Son pequeños fragmentos de código entre corchetes (como [shortcode]) que puedes colocar en tus páginas o entradas de WordPress.

Una vez que los añadas, mostrarán automáticamente cualquier contenido o función que desees, sin necesidad de conocimientos de programación.

¿Por qué son tan útiles?

A los propietarios de tiendas WooCommerce les encantan los códigos cortos porque lo hacen todo más fácil.

¿Quieres mostrar tus productos más vendidos o permitir que los clientes hagan un seguimiento de sus pedidos?

Los códigos cortos pueden hacer todo eso sin necesidad de contratar a un desarrollador. Son perfectos para añadir cosas como rejillas de productos, páginas de pago o cuentas de clientes con poco esfuerzo.

¿Y lo mejor?

Puedes personalizar los códigos cortos para que se ajusten exactamente a lo que necesitas.

¿Quieres mostrar productos de una categoría concreta o mostrar un número determinado de artículos?

Puedes ajustar la configuración del shortcode y funcionará.

Experiencia de compra rápida = ¡Clientes contentos y mejores beneficios!

Cloudways ofrece una pila optimizada con NGINX, Apache, MySQL/MariaDB, PHP-FPM, SSL gratuito, cortafuegos dedicados, etc., para una experiencia de alojamiento sin preocupaciones.

¡Prueba 3 días gratis!

¿Cómo funcionan los códigos cortos de WooCommerce?

Los códigos abreviados de WooCommerce son fragmentos de código prefabricados que te permiten añadir diversas funciones y contenido a tus páginas y entradas. Estos shortcodes vienen incorporados con WooCommerce, por lo que no es necesario instalar un plugin aparte para utilizarlos.

Un shortcode de WooCommerce suele constar de un cuerpo primario y parámetros opcionales que proporcionan flexibilidad para la personalización. El cuerpo primario define la acción principal, como:

• [woocommerce_cart]
• [woocommerce_checkout]
• [productos]

Los parámetros opcionales ajustan el comportamiento de la acción. Por ejemplo, con el shortcode [productos] , podrías añadir un parámetro como este:

products limit="8" columns="4"

Aquí, limit=»8″ establece el número de productos a mostrar, y columns=»4″ controla la disposición de los productos. Esta flexibilidad facilita la adaptación de la funcionalidad y presentación de tu tienda WooCommerce sin necesidad de escribir código personalizado.

Dicho esto, también hay plugins de terceros disponibles que pueden ampliar o añadir códigos cortos adicionales más allá de los incorporados.

Atributos del código corto de WooCommerce

Puedes personalizar algunos shortcodes de WooCommerce añadiendo atributos (también llamados argumentos) para controlar cómo muestran el contenido.

Por ejemplo, el [add_to_cart] normalmente añade un botón, pero puedes especificar un producto por su ID. Si quieres mostrar un botón «Añadir al carrito» para un producto con un ID de 25, utilizarías:

[add_to_cart id="25"]

Esto facilita la creación de botones de compra rápida para productos específicos en cualquier página. Los distintos códigos cortos admiten diferentes atributos, lo que te permite ajustar aspectos como el diseño, las categorías de productos o los límites de visualización.

¿Cómo usar Shortcodes en WooCommerce?

Usar shortcodes en WooCommerce es muy fácil. Simplemente sigue estos pasos:

Con el Editor clásico

• Ve a la página del producto o a la entrada donde quieras añadir el shortcode.
• En el editor de entradas, coloca el cursor donde quieras que aparezca el shortcode.
• Escribe el shortcode entre corchetes. Por ejemplo, [shortcode].
• Si el shortcode requiere algún parámetro o atributo, puedes añadirlo dentro de los corchetes. Por ejemplo [shortcode attribute=»value»].
• Utilizaré el sencillo [woocommerce_cart] código corto.

• Publica o actualiza la página o el post. Añadiré el shortcode a mi página «Política de devoluciones y reembolsos».
• Ahora la página tendrá este aspecto:

Con el editor de bloques Gutenberg

Si utilizas el editor Gutenberg, haz clic en el icono (+) para añadir un nuevo bloque. A continuación, busca el bloque shortcode en la barra de búsqueda.

Una vez que aparezca, selecciónalo y pega tu shortcode en el campo. Utiliza el botón [woocommerce_cart] para mostrar la página del carrito.

Si previsualizo la página, debería ver mi shortcode. Sin embargo, como no he añadido ningún producto a mi cesta, veo el mensaje «Tu cesta está vacía».

Ten en cuenta que si no utilizas plugins de terceros que amplíen o añadan códigos abreviados adicionales, sólo tendrás acceso a los códigos abreviados predeterminados proporcionados por WooCommerce, que cubren muchas funciones esenciales desde el principio.

Dicho esto, voy a enumerar todos los códigos abreviados predeterminados incluidos con WooCommerce, para que puedas decidir si necesitas instalar plugins de terceros para añadir códigos abreviados más avanzados.

¿Qué códigos cortos incluye Woocommerce?

Aquí tienes una tabla con los shortcodes disponibles por defecto en WooCommerce, junto con sus descripciones y las correspondientes alternativas en bloque, ya que WooCommerce también admite la edición de la tienda basada en bloques.

Código corto	Descripción	Bloque Alternativo
[woocommerce_cart]	Muestra la página del carrito de la compra.	Bloque carrito
[woocommerce_checkout]	Muestra la página de pago.	Bloque de pago
[woocommerce_my_account]	Muestra la página de la cuenta del usuario.	No hay bloque disponible por el momento
[woocommerce_order_tracking]	Permite a los clientes hacer un seguimiento de sus pedidos mediante un formulario (con atributos).	No disponible en bloque
[product_page]	Muestra una página detallada de un solo producto, utilizando su ID o SKU.	Plantillas de página de producto personalizadas a través del editor de la tienda
[productos]	Muestra productos en función de parámetros específicos (admite varios atributos).	Bloque de colección de productos (y otros bloques relacionados)
[product_category]	Muestra los productos de una categoría seleccionada (con varias opciones personalizables).	Bloque de recogida de productos
[product_categories]	Lista todas las categorías de productos (con ajustes personalizables).	Actualmente no hay ningún bloque disponible
[add_to_cart]	Muestra un botón de añadir al carrito para un producto específico (con atributos).	Disponible en plantillas de página de un solo producto
[add_to_cart_url]	Genera la URL para añadir un producto al carrito (admite atributos).	No disponible en bloque
[shop_messages]	Muestra mensajes relacionados con la tienda en páginas fuera del contenido de WooCommerce.	Bloque de avisos de la tienda

Códigos cortos de búsqueda y filtro de productos de WooCommerce (Opción de pago)

WooCommerce también proporciona shortcodes adicionales para la búsqueda y filtrado de productos en vivo como parte de sus funciones premium, disponibles a 4,92 $ al mes y facturadas anualmente a 59 $.

Estos shortcodes permiten a los propietarios de tiendas mejorar su tienda online proporcionando opciones dinámicas de búsqueda y filtrado de productos en tiempo real. Los propietarios de tiendas pueden permitir a los clientes buscar productos fácilmente mientras escriben, filtrar por categorías, atributos, rango de precios y más, y ver los resultados al instante, mejorando la experiencia de compra en general.

Algunos de los códigos cortos disponibles son

• Campo de búsqueda de productos en vivo: [woocommerce_product_search] permite a los clientes buscar productos mientras escriben, mostrando títulos de productos, descripciones, precios y un botón «Añadir a la cesta».
• Filtros de producto en vivo: Códigos cortos como [woocommerce_product_filter], [woocommerce_product_filter_category]y [woocommerce_product_filter_price] proporcionan opciones de filtrado en tiempo real basadas en varios atributos del producto.
• Páginas de tienda dinámicas: El shortcode [woocommerce_product_filter_products] muestra productos que se actualizan dinámicamente a medida que los clientes aplican filtros.

Códigos cortos adicionales de WooCommerce ofrecidos por los plugins

Si quieres utilizar más shortcodes para funciones avanzadas como complementos de productos, suscripciones u opciones de reserva, tendrás que instalar plugins específicos que ofrezcan estas funcionalidades. A continuación, enumero en la tabla algunos plugins populares y los shortcodes que proporcionan.

Nombre del plugin	Código corto	Descripción
Complementos de Producto WooCommerce	[product_addons]	Muestra las opciones de complementos de un producto específico.
Suscripciones WooCommerce	[woocommerce_subscription]	Muestra los planes de suscripción o los detalles relacionados con una suscripción.
Afiliaciones WooCommerce	[woocommerce_memberships]	Permite a los miembros ver contenido exclusivo basado en su afiliación.
Reservas WooCommerce	[woocommerce_bookings]	Muestra las opciones de reserva de un producto.
Personalizador de WooCommerce	[woo_customizer]	Personaliza las páginas de productos, categorías, etc., en función de la configuración.
Opciones extra de producto WooCommerce	[product_options]	Añade campos u opciones personalizados extra a los productos.
Precios Dinámicos WooCommerce	[dynamic_pricing]	Muestra productos con precios dinámicos en función de las condiciones del usuario o del carrito.
Vendedores de productos WooCommerce	[product_vendors]	Muestra información y productos relacionados con los vendedores.
Conversor de divisas WooCommerce	[currency_converter]	Permite a los clientes convertir los precios en función de diferentes monedas.
Lista de deseos de WooCommerce	[woocommerce_wishlist]	Permite a los usuarios ver y gestionar su lista de deseos.
Tarjetas regalo WooCommerce	[woo_gift_cards]	Muestra la opción de compra con tarjeta regalo.
WooCommerce Facturas y albaranesPDF	[pdf_invoice]	Muestra la factura en PDF de un pedido determinado.

29 Shortcodes de WooCommerce para gestionar tu tienda online

Hemos dividido los códigos cortos de WooCommerce en cuatro categorías:

1. Códigos cortos de página
2. Códigos cortos de visualización de productos
3. Shortcodes Añadir al carrito y Mostrar carrito
4. Funcionalidad Shortcodes

Códigos cortos de página

1. Código corto de la página del carrito

Este shortcode se utiliza para mostrar y mostrar el contenido del carrito de la compra del cliente en un sitio web potenciado por WooCommerce.

[woocommerce_cart]

2. Mensajes de la tienda

Para mostrar mensajes de WooCommerce (por ejemplo, «Producto añadido al carrito») en páginas que no son de WooCommerce, utiliza el siguiente shortcode:

[shop_messages]

Este shortcode es útil para mostrar notificaciones como actualizaciones del carrito o confirmaciones de pedidos en páginas o entradas normales de WordPress.

3. Código corto de la página de pago

El shortcode muestra un formulario de pago con todos los campos necesarios para que los clientes finalicen sus compras. Puedes personalizarlo utilizando parámetros como revisión_pedido, condiciones, política_de_privacidad y formulario_de_entrada.

[woocommerce_checkout]

4. Código corto de la página Cuenta de usuario

Este shortcode simplemente muestra la página Mi cuenta, proporcionando a los clientes una forma fácil de actualizar sus datos personales.

[woocommerce_my_account]

5. Código corto de seguimiento de pedidos

Este shortcode incorpora la funcionalidad de seguimiento de pedidos, lo que permite a los clientes rastrear y controlar el estado de sus pedidos cómodamente.

[woocommerce_order_tracking]

Nota: También puedes combinar shortcodes en una sola página para mejorar la funcionalidad. Por ejemplo, puedes crear una página que contenga tanto los detalles de la cuenta (el shortcode que hemos visto antes) como los formularios de seguimiento de pedidos utilizando:

[woocommerce_my_account]

y

[woocommerce_order_tracking]

Códigos cortos de visualización de productos

6. Productos

Para mostrar productos con parámetros personalizables como límite, columnas, categoría y más, utiliza el siguiente shortcode:

[products]

La captura de pantalla anterior muestra los productos, ya que no hemos utilizado ningún atributo.

Si quiero mostrar 2 productos en 2 columnas de la categoría «sudaderas», añadiría:

[products limit="2" columns="2" category="hoodies"]

7. Categorías de productos

Para mostrar categorías de productos con parámetros personalizables como ids, columnas, límite y más, utiliza el siguiente shortcode:

[product_categories ids="1,2" columns="6" limit="6"]

Actualizaré el shortcode así para mi sitio:

[product_categories ids="27"]

Hice esto porque quería mostrar sólo la categoría de sudaderas con capucha de hombre en mi sitio, y el ID de la misma es ID=27.

Este shortcode es ideal para mostrar categorías de productos en un diseño de cuadrícula. Ofrece opciones para ocultar las categorías vacías o mostrar sólo las categorías de nivel superior.

8. Productos por SKU

Para mostrar productos por SKU específicas, utiliza el siguiente shortcode:

[products skus]

Este shortcode es útil para mostrar productos específicos basados en sus SKUs.

Si quiero mostrar productos con SKU «123» y «456», añadiría:

[products skus="123,456"]

Esto mostrará los productos con las SKU especificadas.

9. Etiquetas del producto

Para mostrar productos con una etiqueta específica, utiliza el siguiente shortcode:

[products tag="your-tag-here"]

Este shortcode te permite mostrar las etiquetas de los productos, lo que puede ayudar a los clientes a filtrar los productos por etiquetas específicas como «verano», «invierno», etc.

Si quiero mostrar productos que pertenecen a la etiqueta «verano», utilizaría este shortcode:

[products tag="summer"]

Así es como aparecerá en mi tienda:

o para varias etiquetas:

[products tag="summer, winter"]

10. Categoría de productos

Este shortcode muestra una cuadrícula de productos de una categoría especificada, y puedes personalizar su apariencia con parámetros como límite, columnas, orden por y orden -similar al shortcode [productos].

Esto te permite destacar categorías de productos específicas en un bucle en tu sitio.

[product_category]

Para la sección de categorías, aquí tienes siete atributos más que puedes aplicar a este shortcode:

• ‘number’ => ‘null ‘, – Este shortcode representa el número de categorías.
• ‘orderby’ => ‘nombre’, – Este shortcode representa el orden, «nombre» y «fecha» son opciones válidas.
• ‘order’ => ‘ASC ‘, – Este shortcode representa cómo se ordenan las categorías de productos, «ASC» o «DESC».
• ‘columns’ => ‘4′, – Este shortcode define el número de columnas en que se organizan las categorías.
• ‘hide_empty’ => ‘1’, – Este shortcode representa Pon 1 para ocultar las categorías sin productos o 0 para mostrarlas.
• ‘padre’ => «, – Este shortcode representa Establecer en 0 sólo las categorías de visualización de nivel superior.
• ‘ids’ => » – Este shortcode representa que los IDs se pueden establecer para que sólo salgan los resultados especificados.

Ejemplo de cómo utilizar este shortcode: [product_category category=»clothing»] <!– Sustituye «ropa» por el slug o nombre real de tu categoría.

Sustituiré la ropa por bolsas.

Este shortcode muestra una cuadrícula de productos de la categoría especificada en tu página.

11. Categoría de producto por babosa

Este shortcode organiza los productos dentro de una categoría específica y permite la personalización con parámetros como per_page, columns, orderby y order.

Aquí tienes el shortcode:

[product_category category="bags" per_page="3" columns="3" orderby="date" order="DESC"]

«DESC» en el shortcode garantiza que los productos se muestren en orden descendente (del más nuevo al más antiguo).

12. Precio del producto/Botón del carrito Shortcode

Este shortcode te permite mostrar el precio y un botón Añadir a la cesta para un producto específico en cualquier página o entrada.

Para utilizarlo por ID de producto:

[add_to_cart id="product-id"]

En mi caso, añadiré «2746» como ID del producto.

Esto mostrará el precio y el botón del producto con el ID que he introducido.

Para utilizarlo por SKU de producto:

[add_to_cart sku="your-sku"]

Sustituye «tu-sku» por el SKU real de tu producto.

[add_to_cart sku="24-WB03"]

Simplemente inserta este shortcode en el editor de WordPress, y el botón se mostrará automáticamente.

13. Añadir código corto de varios productos WooCommerce

El shortcode te permite incluir varios productos para mostrar.

[products ids="1, 2, 3"]

Modificaré esto con los ID reales de los productos de mi tienda de esta forma:

[products ids="2746,2743,2745"]

Este es el aspecto que tendría la salida:

También puedes personalizar la visualización ajustando opciones como orden por, columnas y orden.

Por ejemplo, [products ids=»2746,2743,2745″ orderby=»date» columns=»3″ order=»DESC»] presentará seis productos en 3 columnas, ordenados por fecha en orden descendente.

También puedes utilizar «ASC» para el orden ascendente y «título» para un orden alternativo.

14. Identificación del producto

Este shortcode muestra un producto específico identificado por su ID único.

[product id="123"]

Añade parámetros como ID y SKU para personalizarlo. Por ejemplo, el ejemplo [product id=»2746″] presentará el producto con el ID 2746.

15. Productos recientes

El código corto Productos recientes muestra los artículos que has añadido recientemente a tu tienda. Para ver los resultados, sólo tienes que añadir este shortcode a tu página, entrada o donde prefieras.

Aquí tienes el shortcode:

[recent_products per_page=»”6″» columns=»”4″» orderby=»”date”» order=»”ASC”»]

16. Producto de venta

Los productos en oferta te permiten añadir artículos actualmente en oferta.

Aquí tienes el shortcode:

[sale_products per_page=”12″ columns=”4″ orderby=”date” order=”ASC”]

Una vez añadido el shortcode, podrás ver los resultados como se muestra a continuación:

17. Productos destacados

Los productos destacados te permiten añadir tus productos favoritos a tu página web. Sólo tienes que ir al panel de control de tu sitio de administración, Productos > Productos, y verás un icono como éste:

Si quieres añadir productos destacados, sólo tienes que hacer clic en el icono. Mira la siguiente captura de pantalla:

Aquí tienes el shortcode:

[featured_products per_page=”6″ columns=”4″ orderby=”date” order=”ASC”]

Este es el aspecto que tendrá ahora:

18. Categorías específicas

Si quieres mostrar productos de categorías específicas, utiliza el siguiente shortcode:

[products limit="2" columns="4" category="hoodies-sweatshirts, jackets" cat_operator="AND"]

Esto mostrará hasta dos productos que pertenecen a las categorías «sudaderas con capucha» y «chaquetas». No te preocupes por la imagen de arriba. Es sólo para mostrarte que el shortcode sacará los productos que coincidan con los criterios de la categoría.

Para mostrar productos de cualquiera de estas categorías, utiliza el operador «OR»:

[products limit="2" columns="4" category="hoodies-sweatshirts, jackets" cat_operator="OR"]

Para excluir productos de estas categorías, utiliza el operador «NOT IN»:

[products limit="2" columns="4" category="hoodies-sweatshirts, jackets" cat_operator="NOT IN"]

Nota: El número de productos mostrados depende de cuántos coincidan con los criterios.

El alojamiento más rápido para WordPress con códigos cortos por sólo 11 ¤ al mes*.

Garantiza un rendimiento sin fisuras de los shortcodes, cargas de página ultrarrápidas y una funcionalidad optimizada con la pila híbrida LAMP + NGINX de Cloudways.*

Prueba gratis

19. Visualización de atributos

Para mostrar productos en función de cualquier atributo, utiliza un shortcode como:

[products columns="3" attribute="your_attribute" terms="your_term" orderby="date"]

Para una visualización exclusiva, puedes utilizar el operador «NOT IN» como hemos utilizado antes:

[products columns="3" attribute="your_attribute" terms="your_term" terms_operator="NOT IN"]

Por ejemplo, para mostrar productos con el atributo «color», puedes utilizar el siguiente shortcode:

[products columns="3" attribute="color" terms="blue" orderby="date"]

Este shortcode mostraría productos con el atributo «color» ajustado a «azul». Ajusta «color» y «azul» según tus valores reales de atributo y término.

20. Productos más vendidos

Para mostrar tu producto más vendido, utiliza el siguiente shortcode:

[best_selling_products per_page="12" columns="4" orderby="date" order="ASC"]

Este shortcode mostrará los productos más vendidos, permitiéndote presentarlos en tu página con opciones de personalización como el número de productos por página y el orden de disposición.

21. Productos mejor valorados

Utiliza el siguiente shortcode para mostrar tus mejores productos basados en opiniones y valoraciones en WooCommerce:

[top_rated_products per_page="12" columns="4" orderby="date" order="ASC"]

Este shortcode te permite mostrar los productos mejor valorados, proporcionando una forma sencilla de destacar los productos con opiniones y valoraciones altas.

22. Productos relacionados

Para mostrar una lista de productos similares como artículos relacionados, utiliza el siguiente shortcode:

[related_products per_page="12"]

Este shortcode está diseñado para mostrar productos relacionados, permitiendo a los clientes explorar artículos similares.

Shortcodes Añadir al carrito y Mostrar carrito

23. Añadir a la cesta URL

Este shortcode te permite añadir el botón de añadir al carrito de un solo producto por ID. Mira el siguiente shortcode.

array(

'id' => '99',

'sku' => 'FOO'

)

[add_to_cart_url sku="24-WB04"]

24. Código corto de Carrito Total

Utiliza este shortcode para mostrar el coste total de los artículos de tu cesta de la compra. Personaliza su apariencia añadiendo una clase y un texto antes del total. Por ejemplo

[woocommerce_cart_total class="my-cart-total" before="Total: "]

Este shortcode de ejemplo presentará el coste total con un estilo distintivo e incluirá el texto «Total: » antes del importe. Ajusta la clase y el texto según sea necesario para obtener el aspecto que desees.

25. Código corto de cupón de carrito

Para incluir un cuadro de código de cupón en la página de tu carrito de la compra, utiliza el siguiente shortcode. Personaliza su apariencia añadiendo una clase y estableciendo un texto de marcador de posición. Por ejemplo

[woocommerce_cart_coupon class="my-cart-coupon" placeholder="Enter coupon code"]

Este shortcode hará que la caja del cupón tenga una apariencia específica y mostrará el texto del marcador de posición «Introduce el código del cupón».

26. Código corto de cantidad de artículos del carrito

[woocommerce_cart_contents_count]

El shortcode anterior se utiliza para mostrar el número total de artículos que hay actualmente en el carrito de la compra. Cuando coloques este shortcode en una página, mostrará dinámicamente la cantidad de productos distintos que hay en el carrito.

Por ejemplo:

El número de artículos de tu cesta: [woocommerce_cart_contents_count]

Cuando este shortcode se muestra en una página, puede que aparezca algo como:

«El número de artículos en tu cesta: 3»

Funcionalidad Shortcodes

27. Código corto del campo de búsqueda de productos

Este shortcode permite insertar funcionalidades de búsqueda en vivo y filtrado en vivo dentro de páginas y entradas. Cuando se añade a una página o entrada, este shortcode integra una barra de búsqueda que permite a los usuarios realizar búsquedas en vivo y aplicar filtros en tiempo real para encontrar productos de forma más eficiente.

[woocommerce_product_search]

28. Código corto de filtro de productos en vivo

También puedes personalizar el filtrado utilizando los siguientes shortcodes de WooCommerce.

• [woocommerce_product_filter] – Esto te permite mostrar un Filtro de Búsqueda de Productos en vivo.
• [woocommerce_product_filter_attribute] – Esto te permite mostrar un Filtro de Atributos de Producto en directo.
• [woocommerce_product_filter_category] – Esto te permite mostrar un Filtro de Categorías de Productos en vivo.
• [woocommerce_product_filter_price] – Esto te permite mostrar un Filtro de Precios de Productos en directo.
• [woocommerce_product_filter_tag] – Esto te permite mostrar un Filtro de Etiquetas de Producto en vivo.

29. Código corto de stock de productos

Para informar a los clientes sobre la disponibilidad de un producto, sólo tienes que utilizar el código corto «Existencias». Este shortcode comunica sucintamente si el producto está «En stock» o «Agotado», ayudando a los clientes en sus decisiones de compra.

Aquí tienes el shortcode:

[woocommerce_product_stock]

Cómo solucionar problemas con los códigos cortos de WooCommerce

Si tienes problemas con los códigos cortos de WooCommerce, puedes probar algunos pasos sencillos de solución de problemas que se indican a continuación para averiguar cuál es la causa del problema:

1. Problemas con los soportes:

Comprueba si tu shortcode está entre [corchetes]. Por ejemplo, utiliza [products limit=»4″ columns=»4″ orderby=»popularity»] en lugar de <corchetes>, (paréntesis), o {corchetes} para evitar errores de shortcode.

2. Formato del valor del atributo:

Asegúrate de que todos los valores de los atributos están entre «comillas». Por ejemplo, utiliza [products limit=»6″ columns=»3″ orderby=»popularity»] para evitar problemas causados por comillas o formato incorrectos.

3. <pre> Interferencia de etiquetas:

Inspecciona <pre> alrededor de tu shortcode, ya que pueden alterar su funcionalidad. Elimina cualquier etiqueta <pre> no deseada. Por ejemplo, evita incrustar códigos cortos dentro de etiquetas <pre>.

4. Compatibilidad con WooCommerce y versiones de PHP:

Actualiza a la última versión de WooCommerce y de PHP para resolver los problemas de compatibilidad. Por ejemplo, asegúrate de que tienes la última versión de WooCommerce para que tus shortcodes sean compatibles eficazmente.

Si eres cliente de Cloudways, consulta esta guía sobre cómo actualizar tu versión de PHP sin problemas.

5. Impacto del CSS personalizado:

Revisa los archivos CSS personalizados en busca de reglas .woocommerce ul.products { display: none; } que puedan ocultar contenido. Ajusta o elimina las reglas conflictivas. Por ejemplo, considera la posibilidad de modificar el CSS que afecta a cómo se muestran los códigos abreviados.

6. Tema Conflicto:

Cambia a un tema predeterminado de WordPress para identificar si el problema está relacionado con el tema. Si persiste, ponte en contacto con el desarrollador del tema para obtener ayuda. Por ejemplo, cambia a un tema como Twenty Twenty para ver si el shortcode funciona sin conflictos de tema.

7. Resolución de conflictos de plugins:

Desactiva todos los plugins excepto WooCommerce para localizar posibles conflictos. Activa cada plugin uno a uno para encontrar el conflictivo. Busca alternativas o ponte en contacto con los desarrolladores de los plugins para obtener ayuda. Por ejemplo, desactiva los plugins y prueba tus shortcodes individualmente para identificar los conflictivos.

Puedes aprender a solucionar los problemas de los plugins en nuestra guía sobre errores comunes de WordPress.

Resumen

El shortcode de WooCommerce es una potente herramienta que te permite añadir y mostrar fácilmente contenido y funcionalidades específicas en tus páginas y entradas.

Tanto si quieres mostrar productos, categorías, carritos, páginas de pago u otros tipos de contenido, los códigos cortos lo hacen sencillo, especialmente cuando gestionas una tienda online con alojamiento WooCommerce gestionado para un rendimiento óptimo.

Los códigos cortos no requieren codificación ni conocimientos técnicos, y se pueden añadir fácilmente a cualquier página o entrada simplemente escribiéndolos entre corchetes.

Si tienes alguna pregunta sobre los códigos cortos de WooCommerce, escríbela en los comentarios.