Built-in WordPress
| Shortcode | Attributes | Description |
|---|---|---|
| [caption] | id, class, align, width | The Caption shortcode is wrapped around an image to add captions to the image within. This is automatically generated for you when you add an image through the WordPress post editor (assuming you entered a caption). Read more about the Caption shortcode. |
| [gallery] | orderby, order, columns, id, size, itemtag, icontag, captiontag, link, include, exclude | The WordPress Gallery shortcode is automatically generated when you add galleries through the WordPress post editor. Read more about the WordPress Gallery shortcode. |
WooCommerce
| Shortcode | Attributes | Description |
|---|---|---|
| [product] | id, sku | Show a single product by ID or SKU. If the product isn’t showing, make sure it isn’t set to Hidden in the Catalog Visibility. To find the Product ID, go to the Products screen, hover over the product and the ID appears as shown below. |
| [products] | columns, orderby, order | Show multiple products by ID or SKU. Make note of the plural ‘products.’ |
| [product_page] | id, sku | Show a full single product page by ID or SKU. |
| [product_category] | per_page, columns, orderby, order, category | Show multiple products in a category by slug. Go to: WooCommerce > Products > Categories to find the slug column. |
| [product_categories] | number, orderby, order, columns, hide_empty, parent, ids | Display product categories loop. The number field is used to display the number of products and the ids field is to tell the shortcode which categories to display.
Set the parent parameter to 0 to only display top level categories. Set IDs to a comma separated list of category IDs to only show those. |
| [add_to_cart] | id, style, sku | Show the price and add to cart button of a single product by ID. |
| [add_to_cart_url] | id, sku | Echo the URL on the add to cart button of a single product by ID. |
| [recent_products] | per_page, columns, orderby, order | Lists recent products – useful on the homepage. The ‘per_page’ shortcode determines how many products to show on the page and the columns attribute controls how many columns wide the products should be before wrapping. |
| [sale_products] | per_page, columns, orderby, order | List all products on sale. |
| [best_selling_products] | per_page, columns | List best-selling products on sale. |
| [top_rated_products] | per_page, columns, orderby, order | List top-rated products on sale. |
| [featured_products] | per_page, columns, orderby, order | Works the same as recent products but displays products that have been set as “featured.” In this example, the shortcode is saying: Show 12 featured products in 4 columns. |
| [product_attribute] | per_page, columns, orderby, order, attribute, filter | List products with an attribute shortcode. Example: attribute=’color’ filter=’black’ |
| [related_products] | per_page, columns, orderby | List related products. |
Custom
| Shortcode | Attributes | Description |
|---|---|---|
| [display_images] | path | Used to display images from the theme’s image directory. Built for use with the style guide but can be used anywhere. Path example: path=”/library/images/banners/” |
| [display_colors] | colors | This shortcode is used to display small colour swatches as shown within the style guide. Example use: colors=”#EA6F60,#222222,#2c2c2c” |
| [add_popup] | id (unique ID required), title, link_text | Adds a popup with custom content. Example: [add_popup id=”test_popup_1″ title=”Popup title” link_text=”Open this popup”]
Hello! [/add_popup] |
| [note] | type | Wrap content in the Note shortcode to make it stand out from other content. 3 values can be used with the ‘type’ attribute. Success, warning, notification or leave it blank for a default note. |
| [list-posts] | ||
| [tweet] | Wrap this shortcode around text to make it a Tweetable link. It will link back to the current page. Example: [tweet]click to Tweet?[/tweet] | |
| [greeting] | Adds a small greeting depending on the time of day. For example ‘Good afternoon!’. |