Instalar WordPress

Guía de Instalación

Optimizar WordPress

Optimización y Velocidad

Seguridad de WordPress

Guía de Protección

Lista completa de los shortcodes de WooCommerce

Lista Completa de los Shortcodes de WooCommerce

WooCommerce sin lugar a duda es el plugin que ha revolucionado enormemente el uso de WordPress, permitiendo a miles de personas utilizar su sitio web como plataforma de venta. Este plugin viene con una extensa gama de funcionalidades, no obstante, y con los shortcodes se lleva al siguiente nivel. Por eso en esta guía veremos casi todos los shortcodes de WooCommerce y su forma de usarlos para aprovechar al máximo sus cualidades.

¿Qué son los Shortcodes?

Antes de empezar a ver los códigos cortos o shortcodes de WooCommerceo, es probable que sea la primera vez que escuchas este término, y quieres saber lo que significa y para qué sirve, y esto justo lo que te contaremos enseguida de forma breve.

Los códigos cortos, shortcodes o códigos abreviados en WordPress son pequeños pedazos de código que te permiten hacer varias cosas con poco esfuerzo. Te permite ejecutar código dentro de las entradas, páginas y widgets de WordPress sin escribir ningún código directamente.

[gallery]

Uno de los mejores ejemplos de los códigos cortos o shotcodes en WordPress es el de la galería predeterminada de WordPress, que te permite mostrar una galería en particular que creas con tus fotos en cualquier parte donde se acepte un shotcode.

Ahora que sabemos lo que es un shotcode de WordPress y sus razones de ser junto con los beneficios que puede aportarle a tu sitio web, veamos entonces la lista disponible de shotcodes de WooCommerce.

Lista de Shortcodes de WooCommerce

Crear una tienda virtual en WordPress es muy fácil con el plugin de WooCommerce, que te ofrece el privilegio de iniciar un negocio lucrativo en cuestión de minutos gracias a su sistema completo de gestión de productos.

Además del panel de configuración y ajustes en la parte administrativa de tu sitio web que este plugin te ofrece para personalizar el contenido de la tienda, también tienes a tu disposición una extensa lista de shotcodes para visualizar todos los componentes de tu tienda.

Veamos entonces uno por uno los disponibles shortcodes de WooCommerce, su forma de uso y los parámetros que te permite añadir con el fin de ofrecer la presentación y contenido necesario.

Shortcode de Carrito

El código corto de carrito es el que utiliza de forma predeterminada la página inicial de carrito de WooCommerce, que viene junto con las demás páginas predeterminadas como productos, mi cuenta y otras.

[woocommerce_cart]

Sin embargo lo dicho anteriormente no significa que no puedes utilizarlo en otras ubicación, en lo absoluto. Puedes utilizar este código que aparece arriba en cualquier lugar donde haya soporte de shortcode en WordPress, principalmente en entradas y páginas.

A partir de la versión de WordPress 4.9 como hemos anunciado, el widget de texto ahora añade soporte a los shortcodes, o sea ahora puedes también insertar los códigos abreviados en los widgets del sitio web.

Este código no acepta parámetros, simplemente lo pegas tal como aparece para mostrar el contenido del carrito del cliente.

Shortcode de Finalización de Compra (Checkout)

El código de finalización de compra o checkout, es otro de los famosos shortcodes de WooCommerce, y que se utiliza para mostrar la página de proceso donde el cliente termina el proceso para insertar información personal y datos de pago.

[woocommerce_checkout]

Para utilizar este código corto, simplemente lo pegas en el lugar que consideres necesario para permitirle al usuario terminar su compra desde la ubicación idónea.

Este shortcode tampoco acepta parámetros, solamente lo utilizas tal como aparece en esa línea sin realizar ningún cambio.

Shortcode de Mi Cuenta (My Account)

Tal como dice el nombre de este código abreviado de WooCommerce, se utilizar para mostrar la página de los detalles de la cuenta del cliente como el nombre, pedidos, direcciones, detalles de la cuenta, entre otra información.

[woocommerce_my_account]

Igual que los anteriores shortcodes de WooCommerce, puedes poner éste también en cualquier lugar donde se permita un código corto.

array(
     'current_user' => ''
 )

El shortcode de Mi cuenta permite un parámetro único, que es del usuario activo que ha iniciado sesión en tu tienda virtual.

Shortcode de Formulario de Seguimiento de Orden

Uno de los más importantes aspectos de asistencia del cliente en la etapa posterior a la compra es ofrecerle la posibilidad de que pueda hacer seguimiento de la orden de la tienda virtual de WooCommerce.

[woocommerce_order_tracking]

Para ofrecer una página de seguimiento en WooCommerce, simplemente debes pegar este código (arriba) en una página, entrada, widget o donde se acepten los shotcodes de WordPress.

Este código no acepta parámetros, así que no necesitarás hacer ninguna modificación sobre el mismo para usarlo en tu tienda virtual.

Shortcode de Productos

Sin duda alguna uno de los más importantes y robustos shortcodes de WooCommerce es el código de productos. Este código sirve para mostrar todos los productos que publicas en tu tienda virtual.

[products]

El código corto [products] te ofrece la posibilidad de mostrar los productos por ID de entrada, código de artículo (SKU), categorías, atributos y más, reemplazando la necesidad de múltiples códigos cortos.

Este shortcode viene con una extensa gama de parámetros para obtener solamente los productos que necesitas, y sin duda es el que más parámetros permite usar con el fin de personalizar y ofrecer productos a la medida.

Atributos del Shortcode de Productos

En la lista que aparece a continuación corresponde a todos los atributos o prámetros que el código corto de productos de WooCommerce acepta, y que puedes utilizar también en tu tienda virtual sin instalar plugins o añadir código.

  • limit – La cantidad de productos a mostrar. De forma predeterminada aparecen todos (-1).
  • columns – El número de columnas para mostrar. De forma predeterminada son 4.
  • orderby – Ordena los productos mostrados por la opción ingresada. Se pueden pasar una o más opciones agregando ambos slugs con un espacio entre ellos. Las opciones disponibles son:
    • date – La fecha en que el producto fue publicado.
    • id – El ID de la entrada de producto.
    • menu_order – El menú de orden, si se establece (números más bajos aparecen primero).
    • popularity – El número de compras.
    • rand – Ordene aleatoriamente los productos en la carga de la página (es posible que no funcionen con sitios que usan el almacenamiento en caché, ya que podrían guardar un pedido específico).
    • rating – La calificación promedio del producto.
    • title – El título del producto. Modo predeterminado es orderby.
  • skus – Lista de códigos de artículo (SKU) separados por comas.
  • category – Lista separada por comas de slugs de categoría.
  • order – Indica si el pedido del producto es ascendiendo (ASC) o descendiendo (DESC), usando el método establecido en orderby. Predeterminado en ASC.
  • class – Agrega una clase de contenedor HTML para que puedas modificar el resultado específico con CSS personalizado.
  • on_sale – Obtener productos de venta. No debe usarse en conjunto con best_selling o top_rated.
  • best_selling – Obtener productos más vendidos No debe usarse en conjunto con on_sale o top_rated.
  • top_rated – Obtener los productos mejor calificados. No debe usarse en conjunto con on_sale o best_selling.

Atributos del Contenido de Producto

También el shortcode de productos de WooCommerce ofrece varios atriutos que te permiten manipular el tipo de contenido que quieres obtener de la base de datos según su condición. Aquí está la lista:

  • attribute – Obtener productos que usan el slug de atributos especificado.
  • terms – Lista de términos de atributos separados por comas que se usarán con attribute.
  • terms_operator – Operador para comparar los términos de los atributos. Opciones disponibles son:
    • AND – Mostrará productos de todos los atributos elegidos.
    • IN – Mostrará productos con el atributo elegido. El predeterminado es terms_operator.
    • NOT IN – Mostrará productos que no están en los atributos elegidos.
  • visibility – Mostrará productos basados en la visibilidad seleccionada. Las opciones disponibles son:
    • visible – Productos visibles en la tienda y resultados de búsqueda. El predeterminado es visibility.
    • catalog – Productos visibles solo en la tienda, pero no en los resultados de búsqueda.
    • search – Productos visibles sólo en los resultados de búsqueda, pero no en la tienda.
    • hidden – Productos que están ocultos tanto en la tienda como en la búsqueda, accesibles sólo por URL directa.
    • featured – Productos que están marcados como productos destacados.
  • category – Recupera productos que usan el slug de categoría especificada.
  • cat_operator – Operador para comparar los términos de la categoría. Opciones disponibles son:
    • AND – Mostrará productos que pertenecen a todas las categorías elegidas.
    • IN – Mostrará productos dentro de la categoría elegida. El predeterminado es cat_operator.
    • NOT IN – Mostrará productos que no están en la categoría elegida.
  • ids – Mostrará productos basados en una lista separada por comas de ID de entrada.
  • skus – Mostrará productos basados en una lista de SKU separados por comas.

Shortcode de Productos por Categoría

El shortcode de productos [products] también tiene otros usos, que consisten en mostrar los productos de una categoría específica, o mostrar los productos de todas las categorías disponibles mediante los siguientes shortocdes.

  • [product_category] – Mostrará productos de una categoría de productos especificada.
  • [product_categories] – Will display all your product categories.

¿Cómo Usar Shortcode de Productos?

Usar los shortcodes de WooCommerce generalmente es bastante sencilla. En el caso del código de products se requiere un poco de práctica para dominarlo y utilizar de forma correcta en tu tienda.

[products limit="4" columns="4" orderby="popularity" class="venta-rapida" on_sale="true"]

En la presente línea de código por ejemplo, hemos especificado un conjunto de parámetros utilizando los atributos que WooCommerce incluye de forma predeterminada.

Cuatro productos en cuatro columnas usando los shortcodes de WooCommerce

Aquí le pedimos a WooCommerce que nos devuelva cuatro productos de la tienda virtual en cuatro columnas, ordenados por su popularidad que están en venta. Además añadimos una clase llamada “venta-rapida” para darle un estilo CSS personalizado a este conjunto de productos.

Tutoriales Relacionados con WooCommerce

Aparte de este tutorial, hemos escrito varios tutoriales y guías sobre como crear y desarrollar una tienda virtual con WooCommerce, y que pueden serte de mucha ayuda, de los cuales mencionamos los siguientes:

Conclusión

En este tutorial guía hemos visto los numerosos shortcodes de WooCommerce que están disponibles de forma predeterminada con cualquier instalación de este plugin, para que ofrezcas el mejor resultado y los productos que necesitan tus usuarios.

Los shortcodes de WooCommerce son la forma estandarizada y preferida para la obtención de los productos. Con usar estos códigos cortos, tienes un sinfín de posibilidades para personalizar tu tienda virtual sin necesidad de instalar muchos plugins que posiblemente no sean necesarios.

Esto es todo. Te invitamos a seguir nuestra página en facebook y twitter para obtener las guías y tutoriales recientes de cómo personalizar, optimizar y proteger tu tienda de WooCommerce y tu WordPress en general.

Deja un comentario

Si continúas utilizando este sitio significa que aceptas el uso de cookies. 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