Custom Form issues

[WMarketing]

Hello everybody,

looking for some advice on two issues with forms on this landing page: https://starcom.tech/k3cloud/

I'd ideally like the form to communicate with hubspot and be a 'non-hubspot form'. For some reason, the system isn't detecting it as a form. We would like hubspot to pick up the slider figures also and attach these to the contact data.

The second challenge here is the pdf downloads. We want to gate these downloads one time only. So the user clicks the CTA to downlaod a pdf, they input their details. But if they then dcide to download a different pdf, we don't weant to gate that one. Basically, we want to only gate the first pdf the user tries to download. How might this be achieved?

Thanks so much, any advice will be greatly appreciated.

[lscanlan]

Hi @WMarketing,

Regarding the non-HubSpot form submissions, I was taking a look at your page here: https://starcom.tech/k3cloud/ to see how you have things set up. I noticed a few things. Take a look at our article on non-HubSpot forms here: https://community.hubspot.com/t5/CMS-Development/Custom-Form-issues/m-p/281139. You'll need the tracking code installed for this functionality to work. I'm not seeing it on that page, but you can find instructions for it here: https://knowledge.hubspot.com/articles/kcs_article/reports/install-the-hubspot-tracking-code.

Additionally, I'm not seeing an email type input in your form, which is also a requirement. So for example I see you have an input like:

<input type="text" name="quote_email" id="quote_email" placeholder="Email">

But that's actually a text type input, which you can see in the type attribute. You'd need that to be an email type input, which would look like this:

<input type="email" name="quote_email" id="quote_email" placeholder="Email">

And I also noticed that your form has a button type input for submitting. I think this needs to be a submit type input. So instead of this:

<input type="button" id="quote-form-submit" class="btn-orange" nonce="" value="Get started!">

you'd want this:

<input type="submit" id="quote-form-submit" class="btn-orange" nonce="" value="Get started!">

I know it's been a few weeks since you posted this, so it's possible you've changed things around. But if you make those changes and it's still not working, let me know and I'll take another look. Or also let me know if you have questions about any of this.