# How to use HBook shortcodes with Divi Builder?

It is very easy to use HBook with Divi Builder 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 Divi Builder “Code” module.
2. Enter a HBook shortcode, for example \[hb\_booking\_form\] for a search form.

Done!

- Learn more about Divi Builder **Code** widget [here](https://www.elegantthemes.com/blog/resources/exploring-divi-2-4-using-the-divi-code-module-to-integrate-third-party-plugins-in-the-builder).
- Learn more about HBook shortcodes [here](https://maestrel.atlassian.net/wiki/spaces/HD/pages/34767281/Shortcodes+Blocks).