# Separate / Group Widgets in Website Editor

**URL:** <https://community.hubspot.com/t/separate-group-widgets-in-website-editor/14358>\
**Category:** CMS Development\
**Tags:** design-manager\
**Created:** [May 13, 2019, 4:22pm UTC](https://community.hubspot.com/t/separate-group-widgets-in-website-editor/14358 "2019-05-13T16:22:10Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ik30](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ik30/32/62359_2.png) [@ik30](https://community.hubspot.com/u/ik30)\
**Post date:** [May 13, 2019, 4:22pm UTC](https://community.hubspot.com/t/separate-group-widgets-in-website-editor/14358/1 "2019-05-13T16:22:10Z")

</div>

Not sure if this is possible but I’m building a template using HTML/HUBL (Not drag and drop). To give the marketing team flexibility I have added a lot of HUBL widgets. The issue is they all show up under “Body modules” as a long list (Image attached). Is there any way to group these other than building separate module files and linking all of them individually?

Example

```auto
<div class="container text-center space-3">
 <h1>{% text "simple_text_field_title" label="Page Title", no_wrapper=True, value="Product Name" %}</h1> <p>{% text "simple_text_field_subTitle" label="Page Description", no_wrapper=True, value="Add product description/summary here" %}</p>
 {% cta "cta_productHead" label='Select a CTA', no_wrapper=True, guid='1c4cdbc7-' %}
</div>

```

 ![example.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/1/b/1b4ae93bf85183e7ff10428c3a1ad2eab825596f.jpeg)  
Website Editor  
 ![example02.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/5/a578e3c628fcf3d6ce37bb1415461f4c0ceaa9c4.png)  
Design Manager

---

<div class="post-metadata">

**Author:** ![Adesignl](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/adesignl/32/27362_2.png) [@Adesignl](https://community.hubspot.com/u/Adesignl)\
**Post date:** [May 13, 2019, 7:42pm UTC](https://community.hubspot.com/t/separate-group-widgets-in-website-editor/14358/2 "2019-05-13T19:42:41Z")

</div>

You are using Strait Hubspot modules, but what you are looking to do can be easily done using custom modules with repeating fields and groupings.

I would look into that.

---

<div class="post-metadata">

**Author:** ![ik96](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ik96/32/30191_2.png) [@ik96](https://community.hubspot.com/u/ik96)\
**Post date:** [May 13, 2019, 8:57pm UTC](https://community.hubspot.com/t/separate-group-widgets-in-website-editor/14358/3 "2019-05-13T20:57:28Z")

</div>

Thanks for replying @Adesignl.

So do you mean I will need to create a new module file ([modules doc](https://designers.hubspot.com/docs/modules/getting-started)) for each section? I was trying to avoid that to keep the file structure clean with fewer files. But if that’s the only way to have them grouped I’ll go with it.

---

<div class="post-metadata">

**Author:** ![Adesignl](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/adesignl/32/27362_2.png) [@Adesignl](https://community.hubspot.com/u/Adesignl)\
**Post date:** [May 13, 2019, 9:23pm UTC](https://community.hubspot.com/t/separate-group-widgets-in-website-editor/14358/4 "2019-05-13T21:23:56Z")

</div>

it really depends on the structure of the layout and the module. I would say no. not nessesarily. You can create extreemly complex modules with just one module. But the available tools in a custom module are much better than standard modules.

---

<div class="post-metadata">

**Author:** ![ik30](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ik30/32/62359_2.png) [@ik30](https://community.hubspot.com/u/ik30)\
**Post date:** [May 13, 2019, 10:20pm UTC](https://community.hubspot.com/t/separate-group-widgets-in-website-editor/14358/5 "2019-05-13T22:20:36Z")

</div>

Okay. I’ll use one module for the main page body I think. Thanks!