Shortcodes WooCommerce: ¿cómo utilizarlos?

En este artículo veremos que son los shortcodes y cuáles son los principales de WooCommerce, el mejor plugin para tiendas online de WordPress

¿Qué es un shortcode?

Un shortcode es un código que se escribe entre corchetes y se utiliza para agregar funcionalidades a la página web de WordPress. Su aspecto es el siguiente: [shortcode]. Además, puede contener argumentos: [shortcode argumento="valor"].


¿Dónde usarlos?

Pueden ser usados en páginas y publicaciones. Si usas un editor de visual de arrastrar y soltar, como Elementor, seguramente exista un un bloque donde agregar el shortcode deseado.


También puedes usar el editor Guttemberg de WordPress y añadir el bloque Shortcode para introducir el código.


Bloque shortcode gutemberg


Shortcodes para usar con WooCommerce

WooCommerce es el plugin nº1 para crear una tienda online en WordPress. En esta sección veremos los shortcodes más populares para utilizar con WooCommerce. Ten en cuenta que los tres primeros son necesarios para que el plugin funcione correctamente.

Carrito

[woocommerce_cart]

Usado en la página donde se situará el carrito. Muestra la tabla con los productos que el usuario ha ido añadiendo previamente para comprar.
No tiene argumentos.

Finalizar compra

[woocommerce_checkout]

Usado en la página de finalización de compra. Contiene todos los campos para la finalización de la compra con los productos que se encuentren en el carrito.
No tiene argumentos.

Mi cuenta

[woocommerce_my_account]

Muestra la sección de "Mi cuenta" donde el cliente puede ver pedidos pasados y actualizar su información.

Argumento:

  • current_user: especifica el número de pedidos a mostrar. Por defecto se encuentra a 15. Usa -1 para mostrar todos los pedidos.

Estado del pedido

[woocommerce_order_tracking]

Muestra el estado del pedido a través de los detalles del mismo.
No tiene argumentos.

Productos

[products]

Permite mostrar productos por ID, SKU, categorías o atributos con soporte para paginación.

Argumentos:

  • limit: número de productos a mostrar.

  • category: lista separada por comas de las categorías del producto.

  • on_sale: devuelve los productos que estén en venta.

  • visibility: muestra los productos en base a su visibilidad.

  • Ver más

Ejemplo

Para mostrar productos destacados, dos por fila, con un máximo de cuatro artículos, usamos:

 [products limit="4" columns="2" visibility="featured"]

Este comando especifica cuatro productos destacados que se cargarán en dos columnas. Aunque no se especifique, ordena los productos por título (de la A a la Z).

Página de tienda de woocommerce

Categoría del producto

[product_category]
[product_categories]

Estos shortcodes muestran las categorías de un producto en específico en cualquier página.

Argumentos:

  • ids: especifica las IDs de los productos en [product_categories]

  • category: ID de la categoría del producto en [product_category]

  • limit: número de categorías a mostrar

  • columns: número de columnas a mostrar

  • Ver más

Página del producto WooCoommerce

[product_page]

Muestra la página completa de un solo producto por ID o SKU. Ejemplo:

[product_page id="55"]
[product_page sku="BAR"]

Añadir al carrito

[add_to_cart]

Botón que añade al carrito un producto.

Argumentos:

  • id: ID del producto a añadir

  • sku: SKU del producto a añadir

  • show_price: muestra el precio del producto

  • Ver más

¿Tienes una tienda online en WooCommerce?

Si quieres mejorar tu tienda en WooCommerce, añadir funcionalidades nuevas o disponer de un diseño exclusivo, contacta ahora con nosotros y te ayudamos a tener un ecommerce que aumente tus beneficios

CONTACTAR AHORA




Identificarse dejar un comentario


Paginación y títulos con Elementor
Mejora el SEO de tu blog con este sencillo truco para WordPress y Elementor.