Su socio dedicado para todo lo relacionado con WordPress

Códigos cortos de WooCommerce

Índice del contenido

WooCommerce es una solución popular para todas las tiendas comerciales. Este artículo cubrirá todo lo relacionado con los códigos cortos de WooCommerce. Veremos todo lo que debes saber sobre los códigos cortos. Pasaremos de lo básico a lo avanzado. Desde qué son los códigos cortos de WooCommerce hasta los usos más avanzados, cubriremos todo lo que debe saber al respecto.

Después de leer este artículo, puede agregar fácilmente cualquier código corto y crear la página que desee.

¿Qué son los códigos cortos de WooCommerce?

Los códigos cortos pueden parecer un poco técnicos. Sin embargo, no hay nada de qué preocuparse. No es nada técnico y puedes usarlo con facilidad.

Los códigos cortos le permiten funcionar en la página de WordPress y publicar sin tener que escribir el código. Los códigos cortos utilizados para WooCommerce se conocen como códigos cortos de WooCommerce.

Por ejemplo, si desea mostrar el carrito en una publicación o página en particular, puede usar el código corto para mostrarlo. No es necesario escribir el código completo del carrito para mostrarlo.

Veremos cuáles son los shortcodes y cómo puedes usarlos de manera efectiva y sabia.

Para usar este código corto, simplemente necesita copiarlo y pegarlo en la publicación, página o en un lugar donde se encuentre el código corto.

Código corto de página

Para empezar, primero tomaremos un código abreviado de página. Estos son los códigos cortos utilizados para una página. Por ejemplo, si habla del carrito de WooCommerce, hay una página de carrito diferente. Entonces, para mostrarlo, necesitarás usar el código corto.

Veamos algunos de los códigos cortos.

[woocommerce_cart] – Este es el código corto que puedes usar para mostrar el carrito.

[woocommerce_checkout] – Si desea mostrar la página de pago, deberá utilizar este pago.

[woocommerce_order_tracking] – El seguimiento del pedido es el lugar donde el usuario puede encontrar el progreso del pedido. Ya sea que su pedido esté en proceso o ya listo para entrega, todas estas cosas se pueden saber mediante el seguimiento del pedido.

Seguimiento de pedidos, códigos cortos de WooCommerce

[woocommerce_my_account] – Si desea mostrar la información de la cuenta de usuario, puede utilizar este código corto en particular.

Estos son algunos de los códigos cortos que puedes usar cuando se trata de códigos cortos de páginas de WooCommerce. Puede utilizar cualquiera de los códigos cortos en cualquier página.

Además, si deseas mostrar dos cosas en una página, también puedes hacerlo. Por ejemplo, si desea mostrar el carrito y el pago en una sola página, puede pegar ambos códigos cortos en una sola página. En tales casos, tanto el carrito como el proceso de pago estarán en la misma página. Por supuesto, esto no es nada recomendable.

Sin embargo, si lo desea, puede mostrar la página de seguimiento de pedidos en la página Mi cuenta; seguramente puede combinar ambas.

Códigos cortos de productos WooCommerce

El siguiente es el código corto del producto. WooCommerce le permite utilizar códigos cortos de productos en varias páginas. Puede mostrar todos los productos utilizando el código corto o puede mostrar un conjunto específico de productos.

Además, también le permite configurar los parámetros y luego mostrar los productos. Para mostrar los productos, puede utilizar [products] Código corto.

Hay muchos ajustes que puedes hacer aquí. WooCommerce te permite agregar muchas cosas en este código corto. Puede establecer el límite, puede establecer la categoría, etc. Seguramente puede consultar los documentos de WooCommerce para obtener una lista completa de los atributos y variaciones que puede usar.

Sin embargo, seguramente veremos los shortcodes más populares y su uso.

Primero, hablemos de los filtros comunes. Afortunadamente, no necesita establecer ningún parámetro para los productos recientes o más vendidos, WooCommerce le permite agregarlos directamente.

Aquí están los códigos cortos que puedes usar.

  • [featured_products]
  • [sale_products]
  • [best_selling_products]
  • [recent_products]
  • [top_rated_products]

Por supuesto, no se necesita información adicional sobre el código corto, ¿verdad?

Hablando de los productos destacados, puede configurar cualquier producto como producto destacado desde la página de edición del producto. Habrá una opción para configurar el producto como producto destacado. Puedes usarlo y tu trabajo estará hecho.

Atributos Del Producto

Ahora, si desea mostrar sólo productos específicos, puede utilizar atributos. Hay varios atributos disponibles. Al igual que en la sección anterior, veremos algunos de los atributos populares que la mayoría de la gente necesitará. En la mayoría de los casos, utilizará sólo estos.

límitar: El límite se utiliza para establecer el límite del producto.

columnas: Cuando estás mostrando el producto, a veces solo necesitarás 1 o 2 columnas, puedes configurarlo con este atributo.

orderby: Si desea mostrar primero los productos más vendidos, puede hacerlo. Además, también puede realizar pedidos por nombre, SKU, etc. Aquí se permiten varios atributos. Puede utilizar fecha, identificación, popularidad, fecha, etc.

categoría: Permite establecer categorías del producto. Puede agregar más categorías con la ayuda de comas.

Ahora, veamos el ejemplo de dicho código corto. Esto te dará una idea de cómo puedes usarlo en varias ocasiones.

Si desea mostrar 4 productos en 2 columnas y solo mostrar los productos más vendidos, puede utilizar el siguiente código corto.

[products limit="4" columns="2" best_selling="true"]

Si desea mostrar los productos más nuevos con la misma estructura de columnas como se indicó anteriormente, puede usar el siguiente código corto

[products limit="4" columns="2" orderby="id" order="DESC" visibility="visible"]

Veamos también cómo puede mostrar la categoría de producto.

[products limit="8" columns="4" category="books, ebooks" cat_operator="AND"]

Aquí está el código corto para mostrar productos con atributos específicos.

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

Puedes consultar más información sobre el shortcode en el Página de documentación. Ahora, veamos una manera fácil de agregar el código corto y mostrar el producto de la manera correcta.

Los complementos de código corto

Ahora, los códigos cortos anteriores fueron fáciles de pegar. Pero, ¿qué pasa si desea mostrar un conjunto particular de productos? Digamos que desea dividir todos los productos por categorías y que solo desea ver una cantidad X de productos en una sola página. ¿Qué harás en tal caso? Tendrás que recordar el código corto.

Estamos aquí para administrar el blog o el negocio, nadie tiene tiempo suficiente para recordar el código corto. Es por eso que usaremos un complemento para mostrar todos los productos. El complemento te ayudará a crear el código corto con facilidad.

Aquí hay muchas opciones a la hora de elegir un complemento. Aquí hay una lista corta de los mejores complementos de códigos cortos de WooCommerce. Puedes utilizar cualquiera de ellos. Te sugerimos que pruebes algunos de ellos y luego elijas el mejor. Esto puede variar según sus necesidades.

Si no quiere perder el tiempo eligiendo un complemento, puede usar cualquiera de los 2 primeros. El primero (códigos cortos de WooCommerce) es el mejor. Puede encontrar la mayoría de estos en el directorio de complementos de WordPress de forma gratuita. Además, si desea utilizar más funciones, seguramente puede optar por la versión premium.

Ahora veremos cómo puedes usar estos complementos y mostrar todos los códigos cortos con facilidad.

¿Cómo utilizar los complementos de código corto?

Ahora, todos los complementos funcionan de manera diferente. Por lo tanto, no será posible cubrir el tutorial de todos los complementos de códigos cortos. Sin embargo, veremos una descripción general de los complementos. A partir de entonces, podrá utilizar la mayoría de estos complementos con facilidad.

Comencemos con uno de los complementos favoritos. Primero veremos la información sobre los códigos cortos de WooCommerce.

El complemento de códigos cortos de WooCommerce es uno de los complementos más fáciles y convenientes. Todo lo que tienes que hacer es instalar y activar el complemento. A partir de entonces, sólo tienes que dirigirte a la página. Cuando vayas a la opción de crear página, verás el complemento en la barra de arriba.

Si está utilizando TinyMCE, verá la opción en la barra de herramientas superior. De la misma manera, si estás utilizando el editor Gutenberg, verás la opción de código corto en la edición de bloques. Dentro de él, verás varias opciones visuales.

Por ejemplo, si desea crear un código corto de una categoría específica, puede hacerlo con facilidad. Tendrá que ingresar la identificación y la categoría en el cuadro de campo y luego el complemento generará automáticamente el código corto para usted. Por lo tanto, no es necesario que recuerdes nada. Esta es la forma más sencilla de hacer las cosas con facilidad.

El próximo complemento, el kit Woo Shortcodes. Esto aumentará la funcionalidad de WooCommerce. Por lo tanto, si desea aumentar la funcionalidad del sitio web WooComemrce, deberá instalar dichos complementos.

Incluso si puedes recordar todos los códigos cortos, te recomendamos encarecidamente que utilices un complemento. Como si cometes el error en el shortcode, no mostrará ningún producto. Siempre es mejor utilizar un complemento.

Usar códigos cortos en cualquier lugar

Ahora, entremos en el último tema, que es crear las páginas utilizando códigos cortos de WooCommerce. También veremos cómo puedes usar el shortcode en cualquier lugar. Puede utilizar los códigos cortos en muchos lugares, incluidas publicaciones, páginas, tipos de publicaciones personalizadas, etc.

Todo lo que tienes que hacer es pegar el código corto en la página/publicación y listo. Si está utilizando un complemento, simplemente puede hacer clic en las opciones del complemento desde el editor y se generará su código corto. Puede cortar/pegar el código abreviado en cualquier lugar de la página para moverlo. Cuando presione el botón de vista previa, le mostrará los productos reales en lugar del código corto.

En palabras más simples, el shortcode se usa para mostrar el código en cualquier lugar.

¿Acabamos de mencionar “en cualquier lugar”? Pero, si escribe el código corto en la sección del widget, no mostrará nada, sino que solo mostrará el código corto. Por lo tanto, no puedes usar directamente un código corto en el widget. Sin embargo, existe un método para utilizar el código corto en cualquier lugar de su sitio web de WordPress. Veamos más sobre él y cómo puedes usarlo.

Código corto en cualquier lugar o en todas partes

Hay un complemento gratuito llamado "Códigos cortos en cualquier lugar o en todas partes”. Esto le permitirá agregar los códigos cortos donde desee. Es un complemento gratuito y puede obtenerlo en el directorio de complementos de WordPress.

Con la ayuda de cualquier código corto, puede usar el código corto en el widget, título de la publicación, extractos, etc. No puede agregar el código corto en el título sin usar este complemento.

No todos necesitarán este complemento. Si desea mostrar los productos en el widget, puede agregarlos directamente desde los widgets de WooCommerce únicamente. Sin embargo, si desea mostrar los productos a través de un código corto, necesitará este complemento. Por lo tanto, este no es uno de los complementos imprescindibles. Si tiene el requisito de agregar el código corto en algún lugar donde no sea compatible, seguramente puede usar este complemento.

Aparte de esto, si está utilizando un constructor para crear páginas y el código corto no es compatible, puede usar este complemento. Además, habrá un complemento de código abreviado específico del constructor que se usa principalmente para el constructor en particular; usted también puede usarlo.

Palabras finales

Para concluir, se trataba de códigos cortos de WooCommerce y cómo usarlos. Si deseas más funcionalidades en el shortcode, seguramente tendrás que contar con la ayuda de los complementos. Facilitará tu trabajo. Si no desea utilizar complementos, puede consultar la documentación de WooCommerce y ver qué cosas puede hacer con los códigos cortos. El complemento solo se recomienda para las personas que desean utilizar los códigos cortos con frecuencia. Si sólo desea usarlo de vez en cuando, le recomendamos que lo use manualmente en lugar de un complemento. Un complemento requerirá más carga. Entonces, si no desea usarlo con frecuencia, puede consultar la documentación y agregar el código corto manualmente.

¿Cómo empezar?

Más información

Mantenimiento de WooCommerce

Ahorra 33% con nuestro plan de precios anual.

Iniciar

¿Tiene problemas con WordPress?

Reclamar su Mantenimiento gratuito de WordPress

En el acelerado panorama digital actual, cada sitio web merece el cuidado y la experiencia de un equipo de mantenimiento profesional, que garantice un rendimiento óptimo, una seguridad mejorada y experiencias de usuario perfectas, para que usted pueda concentrarse en hacer crecer su negocio con tranquilidad.

Alexey Seryapin
Fundador de WPServices

¡Código de cupón aplicado!

Tómate tu tiempo y continúa navegando por nuestros servicios.

Alexey Seryapin
Fundador de WPServices