Cómo usar todos los Shortcodes de Woocommerce

Woocommerce trae consigo cientos de shortcodes al instalarlo, de los cuales nos podemos beneficiar para aplicar ciertas funciones sin necesidad de plugins o un maquetador visual en cualquier lugar de nuestra tienda online.

Un shortcode no es más que una función contenida en un pequeño fragmento de texto rodeado de dos corchetes. No vienen por defecto en WordPress, pero al intalar Woocommerce incluye los que te voy a explicar a continuación…

Páginas esenciales en tu Woocommerce

Estos pequeños atajos de texto te permiten configurar las siguientes páginas con un solo fragmento, aunque si te has saltado la instalación y no sabes como hacerlas aquí tienes:

  • [woocommerce_cart]: Para mostrar la página de carrito de compra.
  • [woocommerce_checkout]: Página de finalizar compra/pagos.
  • [woocommerce_order_tracking]: Para que el cliente poniendo su referencia sepa el estado del pedido, aunque puede verlo en la página de…
  • [woocommerce_my_account]: Página dónde se muestra el Dashboard del cliente.

Páginas de productos automáticas

Te habrás preguntado muchas veces cómo las tiendas automáticamente actualizan sus productos más vendidos, muestran los últimos en primeras posiciones, etc.

Shortcodes woocommerce gutemberg

Vamos a ver cómo hacer estas páginas de forma automática:

  • [recent_products]: Últimos productos subidos al ecommerce.
  • [featured_products]: Productos destacados, los que marcas como favoritos en la lista de prodcutos. Con una estrella.
  • [sale_products]: Productos rebajados o en oferta.
  • [top_rated_products]: Productos con más reviews o prueba social.
  • [best_selling_products]: Productos más vendidos de tu tienda

En cuanto a recomendación en estas páginas, recomiendo configurar manualmente la de más vendidos, ya que nuestra competencia se puede beneficiar de estos datos. Y aportar productos que quieras promocionar mezclados entre los más vendidos.

Shortcodes para mostrar productos

Unos de los beneficios de usar Woocommerce como tienda es que puedes poner los productos de forma manual en artículos, páginas, barras laterales… Así cuando un posible cliente lea un artículo en el que recomiendes un producto, lo podrás insertar ahí para que lo añada a la cesta automáticamente.

Esto se consigue con el shortcode [products]. Para conseguir seleccionar los productos que quieres, ordenarlos, elegir el número por columnas, etc. En este caso tendremos que usar atributos dentro del shortcode.

Atributos en shortcodes Woocommerce

Los atributos se añaden dentro de los corchetes, distinguir entre poner product cuando es un producto y products cuando son dos o más, puedes usar todos estos:

  • Skus – Lista separada por comas de SKU del producto. Ejem: [product sku=»32959938913″], para poner más separar por comas.
  • Category – Lista separada por comas de los ID de categoría. Ejem:[product category=»disney»], se puede usar tanto el ID como el nombre.
  • Order– Indica si el orden del producto es ascendente (ASC) o descendente (DESC), usando el método establecido en orderby. El valor predeterminado es ASC. Ejem: [products category=»disney,pokemon» order=»DESC»]
  • Class – Agrega una class de etiqueta HTML para que puedas modificar el estilo de ese producto con CSS personalizado. Ejem: [products class=»quick-sale»]
  • Limit – Limita el número de productos a mostrar. El valor predeterminado es -1 (mostrar todo) al enumerar productos, y -1 (mostrar todo) para las categorías. Ejem: [products limit=3]
  • Columns – El número de columnas a mostrar. El valor predeterminado es 4. Ejem: [products columns=»2″]
  • Paginate – Activa o desactiva la paginación. Se puede usar en conjunto con limit. Por defecto se esta en false(sin paginación), establece en true para paginar. Ejem: [products columns=»1″ limit=»3″ paginate=»true»], con este shortcode conseguimos una zona de 3 productos por página en una columna.
  • On_sale – Recuperar productos a la venta. No debe utilizarse junto con best_selling o top_rated(son los siguientes)
  • Best_selling – Recuperar los productos más vendidos. No debe utilizarse junto con on_sale o top_rated.
  • Top_rated – Recuperar productos mejor valorados. No debe utilizarse junto con on_sale o best_selling.
  • orderby – Ordena los productos mostrados por el atributo seleccionado. Se pueden elegir varios atributos, no confundir con el atributo order. Se pueden ordenar según a los siguientes atributos:
    date – La fecha de subida del producto.
    id – El ID del producto.
    menu_order – El orden del menú, si está configurado (los números más bajos se muestran primero por defecto).
    popularity – Según el número de ventas online. Ejem: [products orderby=»popularity» limit=»3″ paginate=»true»] para mostrar por orden de popularidad en páginas de 3 productos.
    rand – Ordenar aleatoriamente los productos en la carga de la página (puede que no funcione con sitios que usan almacenamiento en caché o estrategias de evolution selling, ya que podría guardar unos productos en concreto).
    rating – La valoración media de estrellas del artículo. Ejem: [recent_products orderby=»rating»] para ordenar los productos subidos recientemente por valoraciones.
    title – Ordena alfabéticamente por el nombre del producto. Esta es la opción por defecto .
codigos de woocommerce en español castellano

Mostrar notificaciones de Woocommerce en otras páginas

Muchas veces si metemos artículos en artículos del blog y los añaden desde ahí no les sale la notificación de añadido al carrito. Con el shortcode [shop_messages] le muestra el mensaje al cliente todas las notificaciones en páginas que no sean de WooCommerce. (poner lo ultimo y editar lo siguiente)Útil cuando utiliza otros códigos cortos, como [add_to_cart], y le gustaría que los usuarios obtengan algunos comentarios sobre sus acciones.

Conclusiones

No necesitas un maquetador visual para hacer todas estas opciones y más ahora con el nuevo editor de texto Gutemberg. Que te da la opción de insertar shortcodes fácilmente y ver como quedan a tiempo real.

Cuántos menos plugins uses mejor y si nos podemos ahorrar el del maquetador visual muchísimo mejor! Por lo que tengo pensado en próximos artículos empezar a postear códigos de algunas funciones de Woocommerce para no tener que instalar el plugin.

¿Necesitas ayuda con este tutorial?

Mándame un correo y te resuelvo todas las dudas!


Contáctame

Interacciones del lector

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *