HUBSPOT FORMS EMBEDED INTO WORDPRESS THEME

Highlighted
New Contributor

Hello

I've copied and pasted the embeded code into my Wordpress theme using Elementor.  For some reason the form is appearing underneath the footer.  Any idea how I can fix this problem?

Also, what coding do I use to indent the margin of the form.

Please see link here https://www.foodtrucks2u.com.au/book-a-food-truck/

Danielle

Reply
0 Upvotes
2 Replies 2
Highlighted
Advisor

Hi @foodtrucks2u,

 

It sounds like you either have a missing closing tag in your html or you have the forms code in the wrong locaiton in your theme.

 

The first thing I would try is to look at the code and see where all of the </div> tags are that close each <div>.  If they are out of sequence, that could cause the problem you're experiencing with the forms code.

 

Is the page live somewhere that I could take a look at the source code? If not, perhaps you could screenshot the source code and paste it into a post.  The form on the link you provided to me looks fine in my browser.

 

-Trevor

-Trevor

If my post resolves your issue, please accept my post as a solution.
Reply
0 Upvotes
Highlighted
HubSpot Product Team
HubSpot Product Team

Hey @foodtrucks2u you can fix this by adding a target line into your embed code, this is covered here: https://knowledge.hubspot.com/articles/kcs_article/forms/why-has-my-embedded-form-moved-on-my-page

 

Regarding the margins of your form, if you have a basic, pro or enterprise account you can simply edit this through your main pages stylesheet.