Form not coming up as an option when trying to add on alanding page

Marketing & Content Hub Blog, Website & Page Publishing
1

I have created a form in HubSpot but when I go into my landing page to add it, all my forms are there apart from the one I want to add.

Am I missing something obvious?

2

Hi @Hollybishop,

In the form editor, have you made sure to publish the form? If it’s still sitting around in draft, that could explain what you’re experiencing.

Best regards

3

Yes, its published :slightly_smiling_face:

4

@Hollybishop have you refreshed the landing page editor?

5

Yes.

Could it because of these warnings??

Hollybishop_0-1750687828115.png
Hollybishop_0-1750687828115.png475×195 24.7 KB

6

Hey @Hollybishop,

I’d say that neihter the image(s) or the warnings are the reason for the form not showing up.

If you’re using the new form builder (multistep forms), they’re only available in the default form module as of today.

This means: if you have a custom or theme module, the form won’t be available for selection.

A work-around I’ve found is:

Creating a custom module with a default embed code of the form, modify it like this:

{% 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="na1" data-form-id="{{module.form_id}}" data-portal-id="{{ hub_id }}"></div>

and add a text field(not rich-text) and place it in the data-form-id place…
In this example the text-field is called “Form ID”.

The only thing you have to do is to paste the Form ID into this field while using it on a page and it’ll work :slightly_smiling_face:

You can find the form ID of any form in the URL while editing the form.

https://app-eu1.hubspot.com/forms/123456789/new-editor/THIS-PART-IS-THE-FORM-ID

best,

Anton

7

Yes - it’s a multi step form in a custom template!

I will give this a go. Thank you!

8

Hello @Anton
Is it possible to show those forms(created by new form builder) in
pages → editor → content ???
Just like legacy forms…???
If I created legacy form then it can be found in other modules if I added form as a field. But inside HubSpot’s built-in default module all the forms can be found there.
Is there any solution to show the new form builder in module’s form selection??

9

Hello @Anton , I have managed to copy the embed code from the multi-step form and put it in the form section using the insert embed option. In the landing page editor it shows no form selected but, when I go to preview the page the form shows. Does this mean it has worked or should I try and use the code you provided and create the custom module (I’m not 100% confident I know how to do this).

10

Or, is it because it’s a form with images? It does say it can be embedded onto a lan ding page though?