Cuando instalas WooCommerce crea autom\u00e1ticamente cuatro p\u00e1ginas<\/strong> que ser\u00e1n esenciales para que tu tienda online funcione correctamente. Esas p\u00e1ginas son: tienda, mi cuenta, carrito y finalizar compra. Como WooCommerce genera autom\u00e1ticamente estas p\u00e1ginas<\/strong>, lo m\u00e1s seguro es que no los tengas que usar en la vida, pues una vez se ha establecido, no lo debemos tocar nunca m\u00e1s. En el caso de que el plugin no te haya creado estas p\u00e1ginas, tienes dos maneras de hacerlas:<\/strong> autom\u00e1ticamente o manualmente mediante shortcodes. Ya sea porque no se te crearon al momento de instalar WooCommerce o porque las eliminaste por error, puedes hacerlo a trav\u00e9s de los siguientes shortcodes:<\/p>\n<\/div>- <\/i><\/span>
\n
[woocommerce_cart]<\/strong>: Evidentemente su situaci\u00f3n ser\u00e1 en la p\u00e1gina del carrito pero tambi\u00e9n puede ser interesante que lo presentes en alg\u00fan lugar estrat\u00e9gico dependiendo de factores como tema o estructuras de desarrollo. Con este c\u00f3digo corto puedes presentar el contenido del carrito, cupones y elementos o funciones relacionadas con el carrito o cesta de la compra. Tambi\u00e9n muestra un enlace de retorno a la tienda.<\/p>\n<\/div><\/li>- <\/i><\/span>
\n
[woocommerce_checkout]<\/strong>: El shortcode checkout<\/strong> se presenta en la p\u00e1gina de pago<\/strong> de la tienda y facilita las funciones necesarias para ofrecer un proceso de pago a tu usuario, que se visualizar\u00e1 dependiendo de la configuraci\u00f3n realizada en WooCommerce en relaci\u00f3n a \u00abfinalizar compra\u00bb. Puedes a\u00f1adir cupones, una funci\u00f3n extra que resultar\u00e1 interesante al comprador.<\/p>\n<\/div><\/li>- <\/i><\/span>
\n
[woocommerce_order_tracking]<\/strong>: C\u00f3digo corto que facilita a tu usuario un formulario de acceso a los datos de seguimiento<\/strong> de sus pedidos. Para acceder, tu cliente tiene que ingresar en un campo el ID de pedido y correo electr\u00f3nico de facturaci\u00f3n que utiliz\u00f3 en el pago del pedido.<\/p>\n<\/div><\/li>- <\/i><\/span>
\n
[woocommerce_my_account]<\/strong>: Con el shortcode de\u00a0Mi Cuenta<\/strong> \u00abwoocommerce_my_account\u00bb puedes presentar una completa secci\u00f3n para que tus usuarios dispongan de un escritorio desde el que podr\u00e1n acceder a<\/strong> sus pedidos, descargas, direcciones, detalles de la cuenta y un enlace para cerrar la sesi\u00f3n.<\/p>\n<\/div><\/li><\/ul><\/div><\/div><\/div><\/div><\/div><\/div><\/div>
<\/span><\/span>Shortcodes de producto de WooCommerce<\/span><\/h3><\/span><\/div><\/div><\/div>
El shortcode [products]<\/strong> es uno de los m\u00e1s completos y extensos de WooCommerce, utiliz\u00e1ndolo as\u00ed, mostrar\u00e1 una p\u00e1gina con todos los productos que tengas<\/strong>, pero agreg\u00e1ndole atributos te permite mostrar los productos por ID de publicaci\u00f3n, SKU, categor\u00edas, atributos, con soporte para paginaci\u00f3n, clasificaci\u00f3n aleatoria y etiquetas de productos. Con estos par\u00e1metros conseguir\u00e1s un mont\u00f3n de funcionalidades<\/strong> para los productos de tu tienda online. Aunque WooCommerce ya tiene la p\u00e1gina \u00abtienda\u00bb en la que se muestran todos los productos, en algunas ocasiones quieres mostrar s\u00f3lo ciertos<\/strong>\u00a0productos en alguna p\u00e1gina o entrada.<\/p>\n<\/div>- <\/i><\/span>
\n
[product id=\u00bb15″<\/strong>]<\/strong>: Este es uno de los m\u00e1s sencillo y utilizados con atributo, sirve para mostrar un producto espec\u00edfico al poner el n\u00famero de su id (para ver el id de los productos ve a el panel de WooCommerce, productos y pasa el curso por encima) insertando este c\u00f3digo te aparecer\u00e1 el nombre, la imagen, el precio y el bot\u00f3n de compra.<\/p>\n<\/div><\/li>- <\/i><\/span>
\n
[products skus=\u00bbejemplo, ejemplo\u00bb]<\/strong>: Sirve para mostrar productos basados \u200b\u200ben una lista de skus, separados por comas. Es muy \u00fatil cuando tienes gran cantidad de productos.<\/p>\n<\/div><\/li>- <\/i><\/span>
\n
[product_page id=\u00bb1″]<\/strong>: El shortcode product_page te permite presentar una p\u00e1gina del producto y es especialmente interesante para facilitar una zona de conversi\u00f3n<\/strong> con todos los detalles del producto. Se puede insertar por ID<\/strong> o SKU<\/strong>.<\/p>\n<\/div><\/li>- <\/i><\/span>
\n
[products ids=\u201d15, 16, 17\u2033]<\/strong>: Separa las ids con comas, de esta manera puedes mostrar varios productos a la vez. Se mostrar\u00e1n los 3 productos indicados<\/p>\n<\/div><\/li>- <\/i><\/span>
\n
[recent_products]<\/strong>: El c\u00f3digo corto de productos recientes \u00abrecent_products\u00bb es muy interesante para la maquetaci\u00f3n de la portada<\/strong> porque permite mostrar los \u00faltimos productos publicados<\/strong> en la tienda. Muestra una lista de los productos m\u00e1s recientes, algo muy \u00fatil en la portada de la tienda.<\/p>\n<\/div><\/li>- <\/i><\/span>
\n
[top_rated_products]<\/strong>: Con top_rated_products puedes presentar al visitante una lista de los productos activos mejor valorados<\/strong> por los usuarios.<\/p>\n<\/div><\/li>- <\/i><\/span>
\n
[best_selling_products]<\/strong>: Los usuarios siempre quieren encontrar los productos m\u00e1s vendidos<\/strong>, ens\u00e9\u00f1alos utilizando este c\u00f3digo. De esta manera, puedes facilitar a tu usuario encontrar los productos que m\u00e1s le convenga comprar<\/p>\n<\/div><\/li>- <\/i><\/span>
\n
[sale_products]<\/strong>: \u00bfTienes productos en ofertas? Mu\u00e9stralos con este shortcode. Es especialmente\u00a0interesante para crear zonas de promoci\u00f3n. \u00a0Este shortcode nos muestra todos los productos con el precio rebajado.<\/p>\n<\/div><\/li>- <\/i><\/span>
\n
[related_products]<\/strong>: Usa este shortcode si quieres que a tus clientes le parezcan productos similares al que est\u00e1 mirando. Esto facilita a tu usuario encontrar productos similares<\/strong> en el caso de que el que est\u00e1 buscando est\u00e9 agotado.<\/p>\n<\/div><\/li><\/ul><\/div><\/div>
<\/span>Para clasificar los productos por categor\u00edas<\/h4><\/span><\/div><\/div><\/div>
Aparte de los listados que nos propone WooCommerce, tambi\u00e9n puedes crear tus propios listados<\/strong> a partir de la clasificaci\u00f3n que tienes de categor\u00edas o atributos. Con los siguientes shortcodes puedes clasificar los productos por categor\u00edas, ya sea que muestres solo una p\u00e1gina con una sola categor\u00eda o todas las categor\u00edas de tu sitio web<\/strong>, esto te ayudar\u00e1 a mantener tu tienda online ordenada y a que los clientes siempre encontrar\u00e1n lo que buscan.<\/p>\n<\/div>- <\/i><\/span>
\n
[product_categories]<\/strong>: El c\u00f3digo corto product_categories es interesante para crear<\/strong> portadas o zonas<\/strong>, porque presenta las categor\u00edas de productos y te permite ordenar la estructura<\/strong> que se presenta tu visitante<\/p>\n<\/div><\/li>
![\"shortcodes](\"https:\/\/ignaciosantiago.com\/wp-content\/uploads\/2021\/08\/shortcodes-woocommerce-codigos-cortos-tienda-online-wordpress-como-insertarlos-3.jpg\")
<\/p>\n