# Shortcodes/Blocks

To display HBook elements on a page, as a search form, a booking form, an availability calendar, a rate table or a list of accommodation, you can use:

- **blocks** with Gutenberg editor
- **shortcodes** with any other editor or page builder

You can display these HBook elements anywhere on your website : in a page, a post, a widget, a sidebar...

<a id="gutenberg-blocks"></a>

## Gutenberg Blocks

If you use the Gutenberg editor blocks, you will easily find all HBook blocks by typing “HBook” in the search for blocks :

![blocks.png](./attachments/blocks.png)

<a id="shortcodes"></a>

## Shortcodes

If you prefer to use the shortcodes, you will write them in the content of a post/page/widget. For example :

![classic.png](./attachments/classic.png)

> [!INFO]
> Note that the shortcodes have slightly more parameters than the settings of the Gutenberg blocks. If you use Gutenberg editor but wish to use more parameters than the ones shown for the block settings, you should then use a **Shortcode** block and write the shortcode with its parameters.

<a id="available-shortcodes-and-blocks"></a>

## Available shortcodes and blocks