Shortcodes

You might wonder what the difference is between a Hugo ‘shortcode’ and a Hugo ‘brick’. Shortcodes place reusable content in an inline way, somewhere inside a section. Bricks are complete sections of a page. An example of a shortcode is a form; an example of a brick is a ‘Call to action brick’.

Below you find a list of the available shortcodes.

Three more are collection shortcodes, which render a data file as the grid of a brick: {{< features >}}, {{< reviews >}} and {{< pricing >}}. There is also {{< newsletterform >}} and {{< openinghours >}}.

A handful of things that used to need a shortcode are plain markdown now. They have kept their page here, because the pattern is still worth documenting:

Get started with Hugobricks today!

Experience the future of web development with Hugo and stackable content bricks. Build lightning-fast static sites with ease and flexibility.

Get started now