# Module form field only shows legacy forms

**URL:** <https://community.hubspot.com/t/module-form-field-only-shows-legacy-forms/129243>\
**Category:** CMS Development\
**Created:** [April 3, 2025, 9:51pm UTC](https://community.hubspot.com/t/module-form-field-only-shows-legacy-forms/129243 "2025-04-03T21:51:36Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [April 4, 2025, 10:34am UTC](https://community.hubspot.com/t/module-form-field-only-shows-legacy-forms/129243/3 "2025-04-04T10:34:04Z")

</div>

Hey @tmcmillan99,

as @SanjayKumar pointed out correctly custom modules currently support only legacy forms - huge bummer but there are ways how you can embed/use the new forms in custom modules.  
Something you can do to use the new forms in custom modules is:

- Grab an embed code from the new form builder

- paste it in your custom module

- modify it to your needs and add a text field(not rich-text) to the module for the form id

Example:

the default embed code

```lia-code-sample
<script src="https://js-eu1.hsforms.net/forms/embed/123456789.js" defer></script>
<div class="hs-form-frame" data-region="eu1" data-form-id="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx" data-portal-id="123456789"></div>

```

becomes this:

```lia-code-sample
{% require_head %}
<script src="https://js-eu1.hsforms.net/forms/embed/{{hub_id}}.js" defer></script>
{% end_require_head %}
<div class="hs-form-frame" data-region="eu1" data-form-id="{{module.form_id_text}}" data-portal-id="{{hub_id}}"></div>

```

Note that form\_id\_text is not a form function but a simple text one.

best,

Anton

---

_[View the full topic](https://community.hubspot.com/t/module-form-field-only-shows-legacy-forms/129243)._