I’m assuming this has something to do with the caching or something like that but I’m very unfamiliar with this and I would appreciate someone else’s perspective and guidance. Thank you!

I am looking to embed a form on my Woocommerce store that allows customers to let us know what other products they would like to see in the store.

I have a shortcode from Hubspot. I put this onto the store page, but the form only shows up on the main shop page. I would like this form to show up on all our category pages as well.

Is there an easy way to do this that I am overlooking?

Thank you!

I have style=”margin: auto;” applied here in the div for this form but not matter what I do, it won’t center on the page.

<div class=”hpwebf” style=”margin: auto; width: 75%; display: block; text-align: center;”><!– [if lte IE 8]>
<script charset=”utf-8″ type=”text/javascript” src=”//js.hsforms.net/forms/v2-legacy.js”></script>
<![endif]–>
<script charset=”utf-8″ type=”text/javascript” src=”//js.hsforms.net/forms/v2.js”></script>
<script>hbspt.forms.create({portalId: “386862”,formId: “d234dc1f-aa4c-40eb-a6e2-ce76c49f6bad”,target: ‘.hpwebf’});</script></div>

Anyone have any tips to center it on the page please? thanks.

Disclaimer: I do not know advanced HTML/CSS, nor do I know any javascript so any advice you have, please try to explain it with this in mind if you can. Thank you.

Since the most recent update with WordPress, I encountered an issue with my embedded HubSpot forms on my website. The form itself is still operable but as soon as you try to edit a WordPress page the form currently lives on, the form no longer functions. The code for the form remains in the source code when I check with the code inspector on the actual published page but the form itself just doesn’t show up. The spot on the published page where it should be remains blank.

When I do inspect the code within WordPress though, I notice that it adds breaks exactly like this <br /> to my embedded form’s code. I erase them and re-publish and nothing happens.

The entire code snippet is:

<div class=”newreg-form” style=”width: 70%; display: block;”><!– [if lte IE 8]>
<script charset=”utf-8″ type=”text/javascript” src=”//js.hsforms.net/forms/v2-legacy.js”></script>
<![endif]–>
<script charset=”utf-8″ type=”text/javascript” src=”//js.hsforms.net/forms/v2.js”></script>
<script><br />
hbspt.forms.create({<br />
portalId: ‘386862’,<br />
formId: ‘2243bd40-1f0c-4429-aaed-35a29cfe5a02’,<br />
target: ‘.newreg-form'<br />
});<br />
</script></div>

The form is configured to redirect to a thank you URL:
https://www.joinkoru.com/resources/sales-hiring-benchmark-report-download-thank-you/

When a visitor lands on the Thank You page, the URL is appended to look like:
https://www.joinkoru.com/resources/sales-hiring-benchmark-report-download-thank-you/?submissionGuid=69170a18-c3f1-40a1-ab49-13b31928200f

When I look in Hubspot Feed in the contact record, this link comes up as a 404 page.

Questions:

Is this /?submissionGuid=69170a18-c3f1-40a1-ab49-13b31928200f added in by Hubspot?
This is logging in unique URLs that are showing up in my 404 monitor? Should I be concerned?

I’m have created a form here: https://smokinghotconfessions.com/podcast/

I’m trying to change the colour and the hover colour of the ‘Submit’ button at the bottom, but cannot make it work. I have watched videos and read sites, but nothing seems to work. The closest I got was adding style=”background:red” to the code in the page but whilst that made the button red it disabled the hover feature.

I’d like the button to be red and for it to change colour to orange when I hover over it.

If you could help me out, I’d really appreciate it.

Ben