Google Podcasts<\/a><\/div>\n <\/p>\n
A continuaci\u00f3n os explico todos los Shortcodes de WooCommerce<\/strong>, el plugin para hacer tiendas virtuales con WordPress.<\/p>\nLos shortcodes son peque\u00f1as l\u00edneas de c\u00f3digo del tipo [codigo] que, coloc\u00e1ndolas en determinados lugares se mostrar\u00e1, por ejemplo, el carrito de compra, el acceso a los datos y pedidos del usuario, etc..<\/p>\n
Los shortcodes disponibles a d\u00eda de hoy son los siguientes:<\/p>\n
\n- Shortcode para a\u00f1adir el carrito de compra<\/strong><\/li>\n<\/ol>\n
El c\u00f3digo 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\u00e1ndolo desde Apariencia \u2013 Editar).<\/p>\n
Una vez insertado se mostrar\u00e1 la cl\u00e1sica de compra que, puls\u00e1ndola, veremos los productos que hemos a\u00f1adido al carrito de compra, cupones y otros elementos dependiendo del tema utilizado.<\/p>\n
\n- Shortcode para a\u00f1adir el bot\u00f3n de compra o a\u00f1adir producto al carrito<\/strong><\/li>\n<\/ol>\n
Con este shortcode podemos a\u00f1adir el bot\u00f3n de \u201cComprar\u201d o \u201cA\u00f1adir al carrito\u201d en el lugar que queramos. Podemos utilizarlo, por ejemplo, si tenemos un Blog y hablamos de un producto en concreto. Pondr\u00edamos la foto y debajo, este shortcode para que se muestre el bot\u00f3n de \u201cComprar\u201d. No obstante, si quieres hacer esto, te recomiendo que veas el shortcode n\u00famero 4.
\nEl shortcode es
\n[add_to_cart id=\u201dID_del_producto\u201d]<\/p>\n
En \u201dID_del_producto\u201d deberemos poner la ID del producto, la cual podemos ver en el apartado de Productos. Al pasar el rat\u00f3n sobre el producto que deseamos mostrar aparecer\u00e1 debajo la ID, junto a los botones de Editar, Edici\u00f3n r\u00e1pida, etc\u2026<\/p>\n
\n- Shortcode para pagar<\/strong><\/li>\n<\/ol>\n
Con este shortcode [woocommerce_checkout] conseguimos a\u00f1adir el bot\u00f3n para ir al proceso de pago. No normal es a\u00f1adirlo en la p\u00e1gina de pago.<\/p>\n
\n- Shortocodes de productos<\/strong><\/li>\n<\/ol>\n
Lo normal es que al instalar el plugin de WooCommerce se generen autom\u00e1ticamente diferentes p\u00e1ginas, como la de Tienda. Y ser\u00e1 en esta p\u00e1gina donde se muestren todos los productos que tenemos a\u00f1adidos.<\/p>\n
Pero si tenemos una secci\u00f3n de Blog y hablamos de un determinado producto es muy interesante poner el producto con el bot\u00f3n de a\u00f1adir a la cesta. Para ello podemos utilizar cualquiera de estos shortcodes de productos:<\/p>\n
[product id=\u201dnumerodeIDdelproducto\u201d] \u2013 Donde \u201cnumerodeIDdelproducto\u201d es el identificador del producto. Te recuerdo que la ID del producto la podemos ver en el apartado de Productos. Al pasar el rat\u00f3n sobre el producto que deseamos mostrar aparecer\u00e1 debajo la ID, junto a los botones de Editar, Edici\u00f3n r\u00e1pida, etc\u2026 Al a\u00f1adir este shortcode el producto aparecer\u00e1 en peque\u00f1ito donde lo hayamos a\u00f1adido.
\nSi queremos que el producto ocupe toda la p\u00e1gina ser\u00eda:
\n[product_page id=\u00bb<\/strong>numerodeIDdelproducto\u00ab] d<\/strong>onde \u201cnumerodeIDdelproducto\u201d es el identificador del producto.<\/p>\n[product sku=\u201dSKU\u201d] \u2013 El c\u00f3digo SKU lo podemos encontrar yendo a la administraci\u00f3n y editando el producto.
\nUna vez m\u00e1s, si queremos que el producto ocupe toda la p\u00e1gina ser\u00eda:
\n[product_page sku=\u00bb<\/strong>SKUdelproducto\u00ab] d<\/strong>onde \u201cSKUdelproducto\u201d es el SKU del producto que podemos encontrar en la administraci\u00f3n de ese producto.<\/p>\nEn ocasiones podemos necesitar el shortcode de WooCommerce para que se muestren varios productos a la vez. Para ello hay diferentes par\u00e1metros que debemos a\u00f1adir al shortcode [product] y son los siguientes:<\/p>\n
\n- [products ids=\u00bbID1, ID2, ID3″] <\/strong>\u2013 En ID1, ID2, ID3 pondr\u00edamos las ID de los productos que deseemos a\u00f1adir. Pueden ser tantos como quer\u00e1is.<\/li>\n
- [product_category category=\u00bbnombre-de-la-categoria \u00ab] <\/strong>\u2013 Se mostrar\u00eda una lista con los productos de la categor\u00eda que deseemos.<\/li>\n
- [product_categories]<\/strong> – Se mostrar\u00eda una lista con todas las categor\u00edas que hemos creado en la tienda.<\/li>\n
- [recent_products]<\/strong> \u2013 Se mostrar\u00eda una lista con los \u00faltimos productos que hemos publicado.<\/li>\n
- [related_products]<\/strong> – Se mostrar\u00eda una lista con los productos relacionados.<\/li>\n
- [best_selling_products]<\/strong> – Se mostrar\u00eda una lista con los productos m\u00e1s vendidos.<\/li>\n
- [sale_products]<\/strong> – Se mostrar\u00eda una lista con los productos rebajados.<\/li>\n
- [featured_products]<\/strong> – Se mostrar\u00eda una lista con los productos destacados.<\/li>\n
- [top_rated_products]<\/strong> – Se mostrar\u00eda una lista con los productos mejor valorados.<\/li>\n
- [product_attribute attribute=’color’ filter=’amarillo’]<\/strong> – Se mostrar\u00eda una lista con los productos de un determinado atributo que hayamos creado. En este caso se mostrar\u00edas los productos con atributo color amarillo.<\/li>\n<\/ul>\n
Existen muchos m\u00e1s shortcodes para WooCommerce que nos permiten hacer virguer\u00edas con los listados de productos, algunos ejemplos son:<\/p>\n
\n- title<\/strong>, nos permite ordenar los productos por orden alfab\u00e9tico, por ejemplo:
\n[product_category category=\u00bbdiscos\u00bb orderby=\u00bbtitle\u00bb] <\/strong>nos mostrar\u00eda los productos de la categor\u00eda \u201cdiscos\u201d en orden alfab\u00e9tico. Si queremos ordenarlos de la A a la Z habr\u00eda que a\u00f1adir order=\u201dasc\u201d <\/strong>y quedar\u00eda:
\n<\/strong>[product_category category=\u00bbdiscos\u00bb orderby=\u00bbtitle\u00bb order=\u201dasc\u201d]<\/strong><\/li>\n<\/ol>\nSi lo queremos ordenar de la Z a la A en vez de order=\u201dasc\u201d deber\u00edamos poner order=\u201ddesc\u201d<\/p>\n
Otro ejemplo para el shortcode title ser\u00eda ordenar de la A a la Z los productos m\u00e1s vendidos:
\n<\/strong>[best_selling_products\u00a0orderby=\u00bbtitle\u00bb order=\u201dasc\u201d]<\/strong><\/p>\nEs decir, podemos combinar los diferentes shortcodes.<\/p>\n
\n- menu_order<\/strong> , nos permite ordenar los productos por orden num\u00e9rico de, por ejemplo, una categor\u00eda:
\n[product_category category=\u00bbdiscos\u00bb orderby=\u00bbmenu_order\u00bb]<\/strong>:
\nen este caso nos mostrar\u00eda los productos de la categor\u00eda \u201cdiscos\u201d por orden num\u00e9rico. El n\u00famero del producto lo podemos ver en el listado de \u201cProductos\u201d de la tienda.<\/li>\n- date, <\/strong>nos permite ordenar los productos por fecha de inclusi\u00f3n, por ejemplo: [product_category category=\u00bbmoviles\u00bb orderby=\u00bbdate\u00bb order=\u201dasc\u201d] <\/strong>nos mostrar\u00eda los productos de la categor\u00eda m\u00f3viles ordenados por fecha de m\u00e1s nuevo a m\u00e1s antiguo.<\/strong><\/li>\n<\/ol>\n
\n- rand, <\/strong>este shortcode nos mostrar\u00e1 los productos de forma aleatoria, sin un orden en concreto, por ejemplo:
\n<\/strong>[<\/strong>featured<\/strong>_selling_products\u00a0orderby=\u00bbrand\u00bb]<\/strong>: nos mostrar\u00eda un listado de los productos destacados y de forma aleatoria, sin un orden predefinido.<\/li>\n<\/ol>\nLo ideal, para aprender a usar estos shortcodes, es experimentar y hacer diferentes pruebas, ver c\u00f3mo va quedando y dejar la que m\u00e1s nos guste.<\/p>\n
Si no te apetece estar experimentar hay un magn\u00edfico plugin que te facilita toda esta labor. Est\u00e1 desarrollado por Claudio Sanches y lo pod\u00e9is descargar en el repositorio de plugins de WordPress:<\/p>\n
WooCommerce Shortcodes<\/a><\/p><\/blockquote>\n