---
title: "Using Modules"
description: "Learn how to add, configure, and publish HubSpot modules on your pages. A quick guide for editors and marketers."
url: "https://freshjuice.dev/docs/using-modules/"
---
Documentation

# Using Modules

HubSpot modules are **building blocks** that you can add to your website pages and templates. This guide explains how to add a module to a page and configure its settings.

---

## Add a module to a page

1.  Open your HubSpot page or template in the **drag-and-drop editor**.
2.  In the **left sidebar**, search for the module by name (e.g., *Lite Video Embed*).
3.  **Drag and drop** the module into the desired section of your page.
4.  Select the module to open the **right-hand sidebar** with Content and Style settings.
5.  Configure the module options, then **Publish** your page.

{% videoGIF { src: ‘/video/getting-started—using-modules.mp4’, width: 700, height: 411 } %}

---

## Next steps

-   See the [Modules Overview](https://freshjuice.dev/docs/modules/) to explore all available modules.
-   Try the [Lite Video Embed](https://freshjuice.dev/docs/modules/lite-video-embed/) module as a practical example.
-   Learn the fundamentals in [HubSpot Basics](https://freshjuice.dev/docs/hubspot/).
-   More in official HubSpot docs:
    -   [Edit page content in a drag and drop area](https://knowledge.hubspot.com/website-pages/edit-page-content-in-a-drag-and-drop-area?utm_source=freshjuice.dev)
    -   [Use common modules](https://knowledge.hubspot.com/website-pages/use-common-modules?utm_source=freshjuice.dev)