---
title: "How to use HBook shortcodes with Visual Composer?"
canonical: "https://maestrel-resource-center.refined.site/space/KB/61407294/How%20to%20use%20HBook%20shortcodes%20with%20Visual%20Composer%3F"
format: markdown
---
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).