# Frontend Editing

**URL:** <https://community.hubspot.com/t/frontend-editing/53151>\
**Category:** CMS Development\
**Created:** [March 14, 2022, 10:11pm UTC](https://community.hubspot.com/t/frontend-editing/53151 "2022-03-14T22:11:23Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![niederberger](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/niederberger/32/65040_2.png) [@niederberger](https://community.hubspot.com/u/niederberger)\
**Post date:** [March 14, 2022, 10:11pm UTC](https://community.hubspot.com/t/frontend-editing/53151/1 "2022-03-14T22:11:23Z")

</div>

Hello Together

Is it possible, that frontend editing is only possible in Templates but not in Modules? I did read if for drag and drop but how about only editing text…

Thx, Thomas.

---

<div class="post-metadata">

**Author:** ![mangelet](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mangelet/32/83031_2.png) [@mangelet](https://community.hubspot.com/u/mangelet)\
**Post date:** [March 15, 2022, 10:25am UTC](https://community.hubspot.com/t/frontend-editing/53151/2 "2022-03-15T10:25:08Z")

</div>

@niederberger

**Modules** are reusable components that can be used in templates or added to pages.

The developer builds the user **interface (UI)** for modules using fields.

The developer then chooses which **fields** ar part of the editing experience.

Fields can be

1. an image eg. for a team member photo or logo
2. a text field, for a title or label
3. … and so on

---

<div class="post-metadata">

**Author:** ![GiorgioM](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/giorgiom/32/58391_2.png) [@GiorgioM](https://community.hubspot.com/u/GiorgioM)\
**Post date:** [March 15, 2022, 10:32am UTC](https://community.hubspot.com/t/frontend-editing/53151/3 "2022-03-15T10:32:56Z")

</div>

Hi Thomas (@niederberger),

i don’t know if I understand your request well.

To make the content of a module editable you can add module’s fields.

Modules are reusable building blocks that can be added to templates and pages.

For example, if you have a module with a title, you can add a Text field to store the title text.

Module’s fields can have a default value.

When you insert a module in a page the module’s fields values are editable on the left panel that appears when you click on the module instance (the individual rendered module on the page).

For more information read this page

> **[Modules Overview - HubSpot docs](https://developers.hubspot.com/docs/cms/start-building/building-blocks/modules/overview)**
>
> Understanding modules is key to understanding the HubSpot CMS and its power. Modules are reusable components that can be used in templates or added to pages through drag and drop areas and flexible columns.

---

<div class="post-metadata">

**Author:** ![niederberger](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/niederberger/32/65040_2.png) [@niederberger](https://community.hubspot.com/u/niederberger)\
**Post date:** [March 15, 2022, 12:40pm UTC](https://community.hubspot.com/t/frontend-editing/53151/4 "2022-03-15T12:40:59Z")

</div>

Thank You for your reply.

I understand the logic of Modules and I also built some with the editable part in the lefthand panel. What I’m curious, if I look at the given Boilerplate like that one: [cms-theme-boilerplate/src/sections/hero-banner.html at main · HubSpot/cms-theme-boilerplate · GitHub](https://github.com/HubSpot/cms-theme-boilerplate/blob/main/src/sections/hero-banner.html). It has the function of a dnd\_module and that alows me to drag and drop modules of content elements. As I understand you only can do that on sections, and not modules, right?

But aside of the drag and drop you also can edit the text on the layout without the lefthandside panel. Can this editable feature also be achived by using modules?

But in general coming from other CMS systems, why is there two different approches of doing that?

---

<div class="post-metadata">

**Author:** ![GiorgioM](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/giorgiom/32/58391_2.png) [@GiorgioM](https://community.hubspot.com/u/GiorgioM)\
**Post date:** [March 15, 2022, 1:37pm UTC](https://community.hubspot.com/t/frontend-editing/53151/5 "2022-03-15T13:37:02Z")

</div>

Hi @niederberger,

your question is: “can I edit the text within the module without going through the side panel”, am I right?  
because in this case, as far as I know, the answer is no.

As for the code you saw in the Boilerplate

> <https://github.com/HubSpot/cms-theme-boilerplate/blob/main/src/sections/hero-banner.html>

is an example of a section template.

The section templates are pre-configured sections that can therefore contain modules (custom modules or Hubspot) within them.

Cheers  
Giorgio

---

<div class="post-metadata">

**Author:** ![niederberger](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/niederberger/32/65040_2.png) [@niederberger](https://community.hubspot.com/u/niederberger)\
**Post date:** [March 21, 2022, 5:39am UTC](https://community.hubspot.com/t/frontend-editing/53151/6 "2022-03-21T05:39:47Z")

</div>

Thank You for your answers. I do understand now the concept behind.
