Shortcodes predeterminados de WordPress
WordPress incluye de manera nativa una serie de shortcodes que puedes utilizar, son los
siguientes:
Audio: Para incrustar archivos de audio. Permite utilizar los parámetros ‘src’, ‘loop’, ‘autoplay’ y
‘preload’.
[audio src=”mi_archivo.mp3” loop=”on” autoplay=”off” preload=”none”]
Caption: Para añadir un pie de foto a una imagen. Se puede personalizar con los parámetros ‘id’,
‘class’, ‘align’ y ‘width’.
<img src="mi_imagen.jpg" />
Texto que irá bajo la [Link]=”imagen”
Embed: Para incrustar contenido externo, como por ejemplo un vídeo de YouTube. Acepta los
parámetros ‘width’ y ‘height’.
[embed width="1920"
height="1080"][Link]
Gallery: Para mostrar una galería de imágenes de WordPress. Puedes usar los parámetros ‘orderby’,
‘order’, ‘columns’, ‘id’ (o ‘ids’), ‘size’, ‘itemtag’, ‘icontag’, ‘captiontag’, ‘link’, ‘include’ y
‘exclude’.
[gallery ids=”1,2,10,256” orderby=”rand” columns=”4”]
Playlist: Permite mostrar una lista de vídeos o audios. Parámetros: 'type', 'order', 'orderby', 'id', 'ids',
'exclude', ‘style’, ‘tracklist’, ‘tracknumbers’, ‘images’y ‘artists’.
[playlist type="video" ids="4,8,15,16,23,42" style="dark"]
Video: Permite insertar un vídeo en el contenido. Se puede personalizar con ‘src’, ‘poster’, ‘loop’,
‘autoplay’, ‘preload’, ‘width’ y ‘height’.
[video src="mi_video.mp4" poster="[Link]" loop="on"]
Shortcodes predeterminados de Woocommerce
1. Página del carrito
[woocommerce_cart]
2. Página de pago
[woocommerce_checkout]
3. Página de cuenta de usuario
[woocommerce_my_account]
4. Formulario de seguimiento del pedido
[woocommerce_order_tracking]
5. Mostrar una página de producto específica
[product_page id="123"]
[product_page sku="SKU123"]
6. Listados de productos
[products]
Mientras que [product_page] muestra una página de producto completa, el shortcode [products] te
permite mostrar detalles específicos del producto sin el diseño de la página completa. Es ideal para
mostrar productos en un formato más compacto, como dentro de una lista o una entrada de blog.
[product id=”123″]
[product sku=”SKU123″]
[products limit=”4″]
[products columns=”5″]
title (por defecto): ordenar por el título del producto.
• date: ordenar por la fecha de publicación del producto.
• popularity: ordenar por número de compras.
• rating: ordenar por valoración media del producto.
• rand: mostrar productos en orden aleatorio.
• id: ordenar por ID de producto.
7. Mostrar todas las categorías de productos disponibles
[product_categories]
atributos:
• number: establece el número de categorías mostradas. Funciona de forma similar al atributo
limit del shortcode [products].
• columns: define el número de columnas para mostrar las categorías recuperadas.
• include: determina qué categorías mostrar por sus IDs.
• order by: especifica el orden de clasificación de las categorías de productos mostradas.
Estas son las opciones disponibles:
• name: ordenar por nombre de categoría de producto.
• id: ordenar por ID de categoría.
• slug: ordenar por categoría slug.
• menu_order: ordenar por el orden de menú asignado en los ajustes de
WooCommerce.
• count: ordenar por el número de productos de cada categoría.
• Order: define si el orden de la categoría de productos es ascendente (ASC) o descendente
(DESC).
• hide_empty: ocultar las categorías que no tienen productos.
• parent: muestra las categorías de productos que son hijos de una categoría padre específica.
Ejemplo: [product_categories include=”12,15,18″ orderby=”slug” order=”ASC”]
8. Mostrar una categoría de producto específica
[product_category] se centra en mostrar productos de la categoría especificada.
Este shortcode requiere el atributo category con el slug de tu categoría de producto elegida para
funcionar. Puedes emparejarlo con los siguientes atributos para personalizar el resultado:
• columns: establece el número de columnas para mostrar los productos. El valor por defecto
es 4.
• orderby: determina el método de ordenación. Tiene las mismas opciones que el atributo
orderby del shortcode [product_categories].
• order: especifica el orden de clasificación.
• per_page: limitar el número de productos mostrados por página.
• paginate: activa la paginación cuando se establece en true.
Ejemplo: [product_category category=”camisas” orderby=”price”]
9. Productos relacionados
[related_products]
Si añades este shortcode a la página de un producto, WooCommerce mostrará automáticamente los
productos relacionados basándose en las categorías y etiquetas compartidas por el producto que se
está viendo en ese momento.
Ejemplo: [related_products posts_per_page=”3″ columns=”3″]
10. Productos añadidos recientemente
[recent_products]
Combínalo con los atributos limit, columns y orderby para personalizar el resultado.
11. Productos destacados
[featured_products]
12. Productos más vendidos
[best_selling_products]
13. Productos mejor valorados
[top_rated_products]
14. Productos rebajados
[sale_products]
15. Botón de añadir al carrito y URL
[add_to_cart]
Utiliza el atributo id o sku para vincular un producto al botón Añadir al carrito. A
continuación, puedes personalizar el aspecto del botón con atributos adicionales, como:
• style: personaliza el estilo del botón con CSS en línea, que sólo se aplica a ese elemento
concreto.
• show-price: mostrar el precio del producto junto al botón de añadir al carrito cuando se
establece en true.
• class: añade una clase CSS personalizada reutilizable para modificar la apariencia del botón.
• quantity: especifica la cantidad añadida al carrito.
[add_to_cart id=”49″ show_price=”true” style=”display: block; text-align: center;”]
16. Notificaciones de la tienda en páginas que no son de WooCommerce
[shop_messages]
17. Campo de búsqueda de productos en vivo con filtros
[woocommerce_product_search]
WooCommerce Product Search, una extensión premium de WooCommerce, ofrece este
shortcode para mostrar la funcionalidad de filtro de búsqueda de productos en tiempo real en
páginas y entradas.
