# Shortcodes/Bloques

Para mostrar elementos de HBook en una página, como un formulario de búsqueda, un formulario de reserva, un calendario de disponibilidad, una tabla de tarifas o una lista de alojamientos, puede utilizar:

- **bloques** con el editor Gutenberg
- **shortcodes** con cualquier otro editor o constructor de páginas

Puedes mostrar estos elementos de HBook en cualquier lugar de tu sitio web: en una página, un post, un widget, una barra lateral…

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

## Bloques Gutenberg

Si utiliza el editor Gutenberg, encontrará fácilmente los **bloques HBook** escribiendo “hbook” en la barra de búsqueda de los bloques:

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

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

## Shortcodes

Si prefiere utilizar los shortcodes, escríbelos donde desea utilizarlos en el contenido página/artículo/widget. Por ejemplo:

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

> [!INFO]
> Por favor, nota que los shortcodes proponen más ajustes que los bloques. Si utiliza el editor Gutenberg, pero desea utilizar ajustes no disponibles con los bloques HBook, se puede utilizar un bloque **Shortcode** en el cual puede escribir el shortcode HBook con sus parámetros.

<a id="shortcodes-y-bloques-disponibles"></a>

## Shortcodes y bloques disponibles