Shortocodes Codigos cortos de Woocommerce

¿Cuáles son los Shortcodes Codigos cortos de woocommerce? . Woocommerce es el plugin por excelencia si quieres crear tu tienda online o ecommerce con wordpress. En nuestros cursos y tutoriales aprenderás infinidad de herramientas y opciones que te permitirán personalizar tu tienda o web como desees.

Desde realizar un amplio sistema de reservas con recursos, atributos y variaciones de precios, colores, tamaños, etc… hasta un programa de afiliados para que tus productos sean enlazados desde otras páginas web o webs amigas. Aprende con nuestros cursos presenciales o cursos online.

Al instalar y activar el plugin de WooCommerce, se crean varias páginas en tu escritorio de wordpress. Aunque las borres sin darte cuenta, siempre podrás volver a crearlas de una forma sencilla sin que afecte a tus últimas actualizaciones. También por medio de códigos cortos (shortcodes) podrás visualizar y personalizar las páginas como mejor se ajusten a tu web o imagen de negocio.

Shortcodes codigos cortos de woocommerce para tus páginas.

Puedes crear y que se visualicen los productos, carritos con estos códigos:

 

  • [woocommerce_cart] – muestra la página del carrito
  • [woocommerce_checkout] – muestra la página de pago
  • [woocommerce_my_account]: muestra la página de la cuenta de usuario
  • [woocommerce_order_tracking]: muestra el formulario de seguimiento de pedidos

En la mayoría de los casos, estos códigos cortos se agregan a las páginas automáticamente al instalar el plugin y no es necesario usarlos manualmente. Si utilizas los mismos en otros lugares visualizaras el aspecto del código corto allá donde lo hayas puesto.

Carrito.

Utilizado en la página del carrito, el código corto del carrito muestra el contenido y la interfaz del carrito.

  • [woocommerce_cart]

Check out.

Utilizado en la página de pago, el código corto de pago muestra el proceso de pago.

  • [woocommerce_checkout]

Mi cuenta.

Muestra la sección “Mi cuenta” donde el cliente puede ver los pedidos anteriores y actualizar su información. Puede especificar el número de órdenes para mostrar. De forma predeterminada, está establecido en 15 (use -1 para mostrar todos los pedidos).

  •  [woocommerce_my_account]

 

Order Tracking Form. Formulario de seguimiento de pedidos.

Permite a un usuario ver el estado de un pedido al ingresar sus detalles de pedido.

  • [woocommerce_order_tracking]

Productos

El código corto del producto es uno de los códigos cortos más necesarios para personalizar las páginas web.

El código corto de [productos] le permite mostrar productos por ID de publicación, SKU, categorías, atributos, con soporte para paginación, clasificación aleatoria y etiquetas de productos, reemplazando la necesidad de códigos cortos de múltiplos como:

  • [featured_products], [sale_products], [best_selling_products], [recent_products], [product_attribute], and [top_rated_products]

Si quieres ampliar tu personalización, añadiendo fragmentos, podrás mostrar atributos del producto personalizados con woocommerce.

* Si el producto no se muestra, asegúrese de que no esté configurado como Oculto en la Visibilidad del catálogo.

Para encontrar la ID del producto, vaya a la pantalla Productos, desplace el ratón sobre el producto y aparecerá la ID como se muestra a continuación.

WooCommerce-Product-ID

localizar ID de producto woocommerce

 

Opción 1. – Artículos de venta aleatoria. Código corto de WooCommerce – Productos de venta

Quiero mostrar cuatro productos al azar en la página de venta.

  • [products limit="4" columns="4" orderby="popularity" class="quick-sale" on_sale="true"]

Este código explícito establece cuatro productos con cuatro columnas (que serán una fila), mostrando los artículos más populares en venta. También agrega una venta rápida de clase CSS, que puedo modificar en mi tema.

Código corto de WooCommerce Productos de venta

Opción 2.- Productos destacados. Código corto de WooCommerce – Productos destacados

Quiero mostrar mis productos destacados, dos por fila, con un máximo de cuatro elementos.

  • [products limit="4" columns="2" visibility="featured"]

Este código abreviado dice que hasta cuatro productos se cargarán en dos columnas, y que deben aparecer. Aunque no se indica explícitamente, utiliza los valores predeterminados, como la clasificación por título (de la A a la Z).

Código corto de WooCommerce Productos destacados

Opción 3. – Productos más vendidos. Código corto de WooCommerce – Productos más vendidos

Quiero mostrar mis tres productos más vendidos en una fila.

  • [products limit="3" columns="3" best_selling="true"]

codigo corto woocommerce productos más vendidos

Opción 4. – Nuevos productos. Códigos cortos de WooCommerce – Más nuevos

Quiero mostrar los productos más nuevos primero: cuatro productos en una fila. Para lograr esto, usaremos la ID de publicación (que se genera cuando se crea la página del producto), junto con el comando order y orderby. Como no puede ver la ID de publicación desde la interfaz, los números de ID se han superpuesto sobre las imágenes.

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

Códigos cortos de WooCommerce Más nuevos

Opción 5 – Categorías específicas. Código corto de WooCommerce – Productos por categoría

Soóo quiero mostrar categorías y subcategorías (sudaderas y camisas), pero no accesorios. Usaré dos filas de cuatro.

  • [products limit="8" columns="4" category="hoodies, tshirts" cat_operator="AND"]

Alternativamente, solo quiero mostrar productos que no estén en esas categorías. Todo lo que necesito cambiar es el cat_operator a NOT IN.

  • [products limit="8" columns="4" category="hoodies, tshirts" cat_operator="NOT IN"]

Ten en cuenta que aunque el límite se establece en 8, solo hay cuatro productos que se ajustan a ese criterio, por lo que se muestran cuatro productos.

Código corto de WooCommerce Productos por categoría

Opción 6. – Visualización de atributos. Código corto de WooCommerce – Productos por atributo

Cada uno de los artículos de ropa tiene un atributo, ya sea “Primavera / Verano” o “Otoño / Invierno”, según la temporada apropiada, y algunos accesorios tienen ambos, ya que se pueden usar todo el año. En este ejemplo, quiero tres productos por fila, mostrando todos los elementos de “Primavera / Verano”. Ese atributo slug es temporada, y los atributos son cálidos y fríos. También quiero que se ordenen de los productos más nuevos a los más antiguos.

  • [products columns="3" attribute="season" terms="warm" orderby="date"]

Alternativamente, si quisiera mostrar productos exclusivamente para clima frío, podría agregar NOT IN como mi nombre_operador de términos:

  • [products columns="3" attribute="season" terms="warm" terms_operator="NOT IN"]

Tenga en cuenta que al usar NOT IN, excluyE los productos que están en “Primavera / Verano” y “Otoño / Invierno”. Si quisiera mostrar todo el equipo apropiado para el clima frío, incluidos estos accesorios compartidos, cambiaría el término de calor a frío.

Código corto de WooCommerce Productos por atributo

Opción 7. – Mostrar solo categorías de nivel superior

Imagina que solo quisieras mostrar categorías de nivel superior en una página y excluir las subcategorías, bueno, es posible con el siguiente código abreviado.

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

Opción 8. – Mostrar solo productos con etiqueta “hoodie”

  • [products tag = "hoodie"]


codigo corto wwommerce Mostrar solo productos con etiqueta "hoodie"

Opción 9. Pagina del producto

Mostrar la página del producto simple por el ID o por el SLUG

  • [product_page id="99"]
  • [product_page sku="FOO"]

 

Opción 10. Añadir al carrito la URL

Añadir  la URL en el botón Agregar al carrito de un solo producto por ID

  • [add_to_cart_url id="99"]

 

Opción 11. Mostrar la página del producto simple por el ID o por el SLUG

Mostras productos de una página concreta:

  • [product_page id="99"]
  • [product_page sku="FOO"]

 

IMPORTANTE.

Si ha pegado correctamente sus códigos cortos y la pantalla parece incorrecta O NO SE VE, asegúrese de que no haya incrustado el código abreviado entre las etiquetas VISUAL. Este es un problema común. Para eliminar estas etiquetas, edite la página y haga clic en la pestaña HTML o TEXTO.

WooCommerce-Shortcode-

 

Aprende más para hacer tu página web con nuestros cursos.

  
Share This