Si tienes una tienda virtual debes escuchar el capítulo de nuestro podcast en el que hablamos sobre los diferentes tipos de gastos de envío de una tienda virtual, sus ventajas y sus inconvenientes:
A continuación os explico todos los Shortcodes de WooCommerce, el plugin para hacer tiendas virtuales con WordPress.
Los shortcodes son pequeñas líneas de código del tipo [codigo] que, colocándolas en determinados lugares se mostrará, por ejemplo, el carrito de compra, el acceso a los datos y pedidos del usuario, etc..
Los shortcodes disponibles a día de hoy son los siguientes:
- Shortcode para añadir el carrito de compra
El código que debemos incluir en el lugar que queramos que se muestre es [woocommerce_cart]. Podemos incluirlo, por ejemplo, en un Widget, en el header (editándolo desde Apariencia – Editar).
Una vez insertado se mostrará la clásica de compra que, pulsándola, veremos los productos que hemos añadido al carrito de compra, cupones y otros elementos dependiendo del tema utilizado.
- Shortcode para añadir el botón de compra o añadir producto al carrito
Con este shortcode podemos añadir el botón de “Comprar” o “Añadir al carrito” en el lugar que queramos. Podemos utilizarlo, por ejemplo, si tenemos un Blog y hablamos de un producto en concreto. Pondríamos la foto y debajo, este shortcode para que se muestre el botón de “Comprar”. No obstante, si quieres hacer esto, te recomiendo que veas el shortcode número 4.
El shortcode es
[add_to_cart id=”ID_del_producto”]
En ”ID_del_producto” deberemos poner la ID del producto, la cual podemos ver en el apartado de Productos. Al pasar el ratón sobre el producto que deseamos mostrar aparecerá debajo la ID, junto a los botones de Editar, Edición rápida, etc…
- Shortcode para pagar
Con este shortcode [woocommerce_checkout] conseguimos añadir el botón para ir al proceso de pago. No normal es añadirlo en la página de pago.
- Shortocodes de productos
Lo normal es que al instalar el plugin de WooCommerce se generen automáticamente diferentes páginas, como la de Tienda. Y será en esta página donde se muestren todos los productos que tenemos añadidos.
Pero si tenemos una sección de Blog y hablamos de un determinado producto es muy interesante poner el producto con el botón de añadir a la cesta. Para ello podemos utilizar cualquiera de estos shortcodes de productos:
[product id=”numerodeIDdelproducto”] – Donde “numerodeIDdelproducto” es el identificador del producto. Te recuerdo que la ID del producto la podemos ver en el apartado de Productos. Al pasar el ratón sobre el producto que deseamos mostrar aparecerá debajo la ID, junto a los botones de Editar, Edición rápida, etc… Al añadir este shortcode el producto aparecerá en pequeñito donde lo hayamos añadido.
Si queremos que el producto ocupe toda la página sería:
[product_page id=»numerodeIDdelproducto«] donde “numerodeIDdelproducto” es el identificador del producto.
[product sku=”SKU”] – El código SKU lo podemos encontrar yendo a la administración y editando el producto.
Una vez más, si queremos que el producto ocupe toda la página sería:
[product_page sku=»SKUdelproducto«] donde “SKUdelproducto” es el SKU del producto que podemos encontrar en la administración de ese producto.
En ocasiones podemos necesitar el shortcode de WooCommerce para que se muestren varios productos a la vez. Para ello hay diferentes parámetros que debemos añadir al shortcode [product] y son los siguientes:
- [products ids=»ID1, ID2, ID3″] – En ID1, ID2, ID3 pondríamos las ID de los productos que deseemos añadir. Pueden ser tantos como queráis.
- [product_category category=»nombre-de-la-categoria «] – Se mostraría una lista con los productos de la categoría que deseemos.
- [product_categories] – Se mostraría una lista con todas las categorías que hemos creado en la tienda.
- [recent_products] – Se mostraría una lista con los últimos productos que hemos publicado.
- [related_products] – Se mostraría una lista con los productos relacionados.
- [best_selling_products] – Se mostraría una lista con los productos más vendidos.
- [sale_products] – Se mostraría una lista con los productos rebajados.
- [featured_products] – Se mostraría una lista con los productos destacados.
- [top_rated_products] – Se mostraría una lista con los productos mejor valorados.
- [product_attribute attribute=’color’ filter=’amarillo’] – Se mostraría una lista con los productos de un determinado atributo que hayamos creado. En este caso se mostrarías los productos con atributo color amarillo.
Existen muchos más shortcodes para WooCommerce que nos permiten hacer virguerías con los listados de productos, algunos ejemplos son:
- title, nos permite ordenar los productos por orden alfabético, por ejemplo:
[product_category category=»discos» orderby=»title»] nos mostraría los productos de la categoría “discos” en orden alfabético. Si queremos ordenarlos de la A a la Z habría que añadir order=”asc” y quedaría:
[product_category category=»discos» orderby=»title» order=”asc”]
Si lo queremos ordenar de la Z a la A en vez de order=”asc” deberíamos poner order=”desc”
Otro ejemplo para el shortcode title sería ordenar de la A a la Z los productos más vendidos:
[best_selling_products orderby=»title» order=”asc”]
Es decir, podemos combinar los diferentes shortcodes.
- menu_order , nos permite ordenar los productos por orden numérico de, por ejemplo, una categoría:
[product_category category=»discos» orderby=»menu_order»]:
en este caso nos mostraría los productos de la categoría “discos” por orden numérico. El número del producto lo podemos ver en el listado de “Productos” de la tienda. - date, nos permite ordenar los productos por fecha de inclusión, por ejemplo: [product_category category=»moviles» orderby=»date» order=”asc”] nos mostraría los productos de la categoría móviles ordenados por fecha de más nuevo a más antiguo.
- rand, este shortcode nos mostrará los productos de forma aleatoria, sin un orden en concreto, por ejemplo:
[featured_selling_products orderby=»rand»]: nos mostraría un listado de los productos destacados y de forma aleatoria, sin un orden predefinido.
Lo ideal, para aprender a usar estos shortcodes, es experimentar y hacer diferentes pruebas, ver cómo va quedando y dejar la que más nos guste.
Si no te apetece estar experimentar hay un magnífico plugin que te facilita toda esta labor. Está desarrollado por Claudio Sanches y lo podéis descargar en el repositorio de plugins de WordPress:
Lo que conseguimos con este plugin es añadir a la barra de herramientas un menú desplegable con las diferentes opciones.
Escribir un comentario