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

[Hollybishop]

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?

[karstenkoehler]

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

[Hollybishop]

Yes, its published 🙂

[karstenkoehler]

@Hollybishop have you refreshed the landing page editor?

[Hollybishop]

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

[Hollybishop]

Yes.

Could it because of these warnings??

[Anton · Accepted solution]

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 🙂 

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

[Riyadh9292]

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??

[Hollybishop]

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

I will give this a go. Thank you!