# How to use HBook shortcodes with Visual Composer?

It is very easy to use HBook with Visual Composer and you will be able to view directly HBook elements without having to go to the “Preview” mode.

**Here is a step-by-step:**

1. Add a Visual Composer “Shortcode” element.
2. Enter a HBook shortcode, for example \[hb\_booking\_form\] for a search form.

Done!

- Learn more about Visual Composer **Shortcode** element [here](https://visualcomposer.com/help/content-elements-structure/wordpress-shortcode-element/).
- Learn more about HBook shortcodes [here](https://maestrel.atlassian.net/wiki/spaces/HD/pages/34767281/Shortcodes+Blocks).