Content Strategy & SEO

camillanyberg
Member

Embed new Beta Multi step form

SOLVE

Hi

 

We are trying out the new multi step form but the new way to embed the forms seems to only have option to embed an iframe. We want to use external css from our site to style the form inputs.

Also the hubspot styling for the form doesnt seem to be included when using the iframe. 

 

<p>
<script src="[script url]" defer="defer"></script>
</p>
<div class="hs-form-frame" data-region="eu1" data-form-id="[formId]" data-portal-id="[portalId]">&nbsp;</div>

0 Upvotes
1 Accepted solution
karstenkoehler
Solution
Hall of Famer | Partner
Hall of Famer | Partner

Embed new Beta Multi step form

SOLVE

@camillanyberg the new forms beta unfortunately does not (yet) support a raw HTML embed code to then apply your own CSS to it. I assume this will be added over the coming weeks but as of now, it's not possible.

Karsten Köhler
HubSpot Freelancer | RevOps & CRM Consultant | Community Hall of Famer

Beratungstermin mit Karsten vereinbaren

 

Did my post help answer your query? Help the community by marking it as a solution.

View solution in original post

0 Upvotes
4 Replies 4
camillanyberg
Member

Embed new Beta Multi step form

SOLVE

Ok we got one step closer, I just hit "Save" but had to hit "Review and update" to get the latest styling changes in my embedded form if i use the iframe solution. But it would be nice to be able to implement an external css for the form input fields.

0 Upvotes
karstenkoehler
Solution
Hall of Famer | Partner
Hall of Famer | Partner

Embed new Beta Multi step form

SOLVE

@camillanyberg the new forms beta unfortunately does not (yet) support a raw HTML embed code to then apply your own CSS to it. I assume this will be added over the coming weeks but as of now, it's not possible.

Karsten Köhler
HubSpot Freelancer | RevOps & CRM Consultant | Community Hall of Famer

Beratungstermin mit Karsten vereinbaren

 

Did my post help answer your query? Help the community by marking it as a solution.

0 Upvotes
ARez
Member

Embed new Beta Multi step form

SOLVE

Embed New Beta Multi-Step Form

Great news—we’re making progress! I just clicked “Save,” but I needed to hit “Review and Update to see the latest styling changes in my embedded form when using the iframe solution. It would be fantastic to have the option to apply external CSS for customizing the form input fields as well.

0 Upvotes
camillanyberg
Member

Embed new Beta Multi step form

SOLVE

Thank you for answering so quickly! 🙂 I will keep a look out for new updates regarding the forms and let our client know that atleast for now, it's not supported and unkown if/when.

0 Upvotes