Hubspot Form Embed Code messing up PageBuilder interface

Support
#1

I’ve added a HubSpot embed form to a content area and when the page loads in the builder it messes up the rendering of the page. If I remove the code, the page returns to normal in the page builder. Is there any way to add code but not have it execute in the page builder. Similar to what you’re doing now for the short codes, where it says to view it, please look at the live page.

Login credentials are in the secure note.

#2

Hi there,

Thanks for writing in! Try adding your code in Raw Content element instead and see if this resolves the issue.

Let us know how this goes!

#3

I did try raw content, but the the script is still confounding the page builder.

I actually thought content area and raw content were essentially the same thing, at least that’s what is sounded like from another post of mine.

Any other suggestions?

#4

Hey There,

Could you please provide the HubSpot Embed code in your next reply so that we can test it in our local testing server?

Thank you in advance.

#5

I updated the first secure note in this post. I’ll be curious to find out if you can reproduce the effect.

chris

#6

Hi there,

For some reason, the script causes a rendering problem in the Page Builder. Unfortunately, we are not familiar with the ins and outs of the plugin to be able to find why this is happening.

The best way is what you already did to add a Global Block with the script code which causes the issue, and adding that Global Block to the actual Page Builder which will cause the script not render in the builder but be ok in the frontend of the website.

Unfortunately, there is no quick fix or method available for this problem that we can suggest.

Thank you for your understanding.

#7

The solution to use a Global Block so the code doesn’t render in the page builder would work well for me.

However, even after moving the script into a global block, the page builder has problems rendering.

Is this a potential bug that is addressed in the coming release by any chance?

#8

Hi There,

We do not provide support for 3rd party plugins or scripts as it would be outside the scope of the support.

However I will submit this to our issue tracker so that our developers can review it.

Thanks!

#9

I understand the support scope.

However, it sounded like using the global block option would prevent the script code (3rd party) from executing when using the page builder. That’s my primary goal now, to have Pro ignore the global block contents. Similar to how it handles sliders now in the page builder.

#10

Hi there,

I was investigating this to see if it was a conflict with Pro. I’ve concluded this is an issue with how the embed code is setup. However, I was able to fix the script on your site. Take a look at the code inside the Global Block. You could now move that code directly into your page as a “Content Area” element. It should preview correctly as well.

The main problem is that it was trying to create the form before ensuring the Hubspot library was loaded.

#11

Very odd. That would imply that the HubSpot embed code is fundamentally flawed.

That said, I never had an issue with it rendering on the public facing web page, the rendering issue was only in the Pro theme Page Builder.

Unfortunately, while it does render in the Page Builder now, it won’t render on the actual site.

Give the two options, I’ll need to go back to having it break the Page Builder and load on the public facing website.

I’ll report the loading issues you describe to HubSpot and see what comes from it.

#12

Sure, let us know how it goes.

Thanks.

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.