Todos los Códigos Cortos (Shortcodes) de WooCommerce

Shortcodes de WooCommerce

Contenido en Español

Mi cuenta

Con el shortcode de Mi Cuenta «woocommerce_my_account» puedes presentar una completa sección  para que los usuarios dispongan de un escritorio desde el que podrán acceder a sus pedidos, descargas, direcciones, detalles de la cuenta y un enlace para cerrar la sesión.

Shortcode:

[woocommerce_my_account]


 Pago – Finalizar Compra

El shortcode checkout se presenta en la página de pago de la tienda y facilita las funciones necesarias para ofrecer un proceso de pago al usuario, que se visualizará dependiendo de la configuración realizada en WooCommerce en relación a «finalizar compra». Pueden se pueden añadir cupones.

Shortcode:

[woocommerce_checkout]


Carrito

Evidentemente su situación será en la página del carrito pero también puede ser interesante presentarlo en algun lugar estratégico dependiendo de factores como tema o estructuras de desarrollo. Con este código corto puedes presentar el contenido del carrito, cupones y elementos o fnciones relacionadas con el carrito o cesta de la compra. También muestra un enlace de retorno a la tienda.

Shortcode:

[woocommerce_cart]


Añadir al carrito

Con  add_to_cart podemos mostrar el precio de un producto junto a un botón de añadir al carrito, un producto por su ID. Cambia la ID de ejemplo 121 por la ID del producto que quieras mostrar.

Shortcode:

[add_to_cart id="121"]


Seguimiento de pedido

Código corto que facilita al usuario un formulario de acceso a los datos de seguimiento de sus pedidos. Para acceder, el cliente tiene que ingresar en un campo el ID de pedido y correo electrónico de facturación que utilizó en el pago del pedido.

Shortcode:

[woocommerce_order_tracking]



Producto

Con este código podemos presentar un único producto y configurarlo con su ID que se puede localizar en la url o  con el SKU que es el código de producto que se asigna al crearlo.  El shortcode de producto es ideal para presentar un producto en algún texto relacionado. También es muy práctico para crear widgets y destacar productos concretos, ofertas, etc.

Shortcode:

[product id="77"]

Shortcode para mostrar varios productos por su ID:

[products ids="76, 99, 114, 225, 789"]

Shortcode para mostrar varios productos por su código SKU:

[products skus="a45, lol55, ejp12" orderby="date" order="desc"]


Atributo de producto

Si necesitamos mostrar algún producto con un atributo específico podemos utilizar el siguiente shortcode:

[product_attribute attribute='color' filter='blanco']

Página de producto

El shortcode product_page nos permite presentar una página del producto y es especialmente interesante para facilitar una zona de conversión con todos los detalles del producto.  Se puede insertar por ID o SKU.

Shortcode:

[product_page id="121"]

Shortcode por SKU

[product_page sku="EJEMPLO121"]


Productos recientes

El código corto de productos recientes «recent_products» es muy interesante para la maquetación de la portada porque permite mostrar los últimos productos publicados en la tienda. Muestra una lista de los productos más recientes, algo muy útil en la portada de la tienda.  En el ejemplo el código corto presenta 6 productos en 3 columnas pero los parámetros los podemos modificar a nuestro gusto cambiando los números en el código.

Shortcode:

[recent_products per_page="6" columns="3"]


Productos destacados

Con el código corto de productos destacados podemos mejorar la portada o insertar productos marcados como destacados en cualquier página o post.  La visualización de los productos es muy parecida a la que presenta en productos recientes.

Shortcode:

[featured_products per_page="6" columns="3"]

Productos de una Categoría

El código product_category es interesante porque nos permite presentar los productos de una categoria.  varios productos de una categoría por el slug de la misma.

Shortcode:

[product_category category="friki"]

Parámetros del shortcode

'per_page' => '10',   'columns' => '3',   'orderby' => 'title',  
 'order' => 'asc',   'category' => 'friki'


Categorías de productos

El código corto product_categories  es interesante para crear portadas o zonas, porque presenta las categorías de productos y permite ordenar la estructura que se presenta al visitante.

[product_categories number="4" parent="0"]

El parámetro ‘number’ se puede utilizar para presentar un número concreto de productos y
El parámetro ‘ids’ te permite decidir qué categorías se mostrarán.
El parámetro ‘parent’ con un 0 mostrará las categorías superiores.
Puedes mostrar varias categorías utilizando los IDs de categoría y escribiéndolos separados por comas.

Parámetros

'number', 'columns', 'orderby', 'order', 'hide_empty', 'parent', 'ids'


Productos en oferta

Especialmente interesante para crear zonas de promoción.  Este shortcode nos muestra todos los productos con el precio rebajado.

Shortcode:

[sale_products per_page="1"]


Productos más vendidos

Presenta los productos más vendidos que se encuentren activos.

Shortcode:

[best_selling_products per_page="4"]

Productos mejor valorados

Con top_rated_products podemos presentar al visitante una lista de los productos activos mejor valorados por los usuarios.

Shortcode:

[top_rated_products per_page="4"]

Productos relacionados

Muestra una lista de productos relacionados con el actual.

Shortcode:

[related_products per_page="4"]

Ejemplo real del uso de shortcodes para presentar productos al visitante en la zona final de un contenido, creando así una buena zona de conversión.

[recent_products per_page="4" columns="2"]