# How to use HBook with Stripo Builder?

Once you have created your email template with Stripo, you can follow these steps to include HBook variables and add the content in **HBook > Emails.**

> [!INFO]
> It is possible to add images directly from your WordPress Media by using the **URL option**. You can check this article to do so: [How do I find the URL of an image in my WordPress Media Library?](../../../browse-our-knowledgebase-by-topic/how-to-guides/how-do-i-find-the-url-of-an-image-in-my-wordpress-media-library.md)

![email-builder-stripo-1.png](./attachments/email-builder-stripo-1.png)

1. Wherever you wish to add HBook variables, you will add a **Text** element.

> [!INFO]
> You can check the full list of variables in this section of our documentation: [List of variables](https://maestrel.atlassian.net/wiki/spaces/HD/pages/34668701/List+of+variables)

![email-builder-stripo-2.png](./attachments/email-builder-stripo-2.png)

2. In the added **Text** element, enter the HBook variables you wish to use.

![email-builder-stripo-3-4.png](./attachments/email-builder-stripo-3-4.png)

3. Click on **Export**
4. Select the **HTML** export method

![email-builder-stripo-5.png](./attachments/email-builder-stripo-5.png)

5. You may toggle off all options, then click on **Show HTML code**

> [!INFO]
> If you have added heavy content to your email template, you may wish to toggle on the **Minimize HTML** option to optimize it for better performance.

![email-builder-stripo-6.png](./attachments/email-builder-stripo-6.png)

6. Click on **Copy to Clipboard**

![email-builder-stripo-7.png](./attachments/email-builder-stripo-7.png)

7. Back in **HBook > Emails,** in the message section, select the **HTML** format and paste the HTML code from Stripo.