topic Re: Embed code or create code block to display external content on a Hubspot web page in CMS Development

Embed code or create code block to display external content on a Hubspot web page

Chappers — Wed, 31 May 2023 12:19:54 GMT

I have some code that should display a widget form. When I try to embed it or create a module to test this form displaying, it doesn't show anything when previewing the Hubspot CMS page I've added the code to. I'm wondering if I have to do something else e.g. like this info here about require.js > https://developers.hubspot.com/blog/use-web-components-in-hubspot-cms-development

The code I am trying to test is:

<div id="homewise-calculator"></div>
<script>
window.renderHomewiseCalculator({
targetSelector: '#homewise-calculator',
type: ' budget-booster-listing',
});
</script>

It also uses a URL reference which i understood should be in header:

Re: Embed code or create code block to display external content on a Hubspot web page

TomM2 — Wed, 31 May 2023 14:06:07 GMT

Hey @Chappers if you're just trying to add some custom code onto your site you could just use the "source code" button within a rich text module.
Alternatively if you plan on reusing it, it might be beneficial to just create a custom module within the design manager and copy your code in here: https://knowledge.hubspot.com/design-manager/create-and-edit-modules

I just tested this out however and it looks like there's actually an issue with the code itself that's causing it not to appear on the page:

Re: Embed code or create code block to display external content on a Hubspot web page

Chappers — Sun, 04 Jun 2023 12:33:50 GMT

Thanks @TomM2 - This coming week we're speaking with the company that supplied that code (the firm is non-Hubspot). Hopefully I can orientate them in the HS CMS. I've got some pointers to give them and the knowledge base info you flagged. Let's see how we get on ...

Re: Embed code or create code block to display external content on a Hubspot web page

Chappers — Tue, 06 Jun 2023 14:37:19 GMT

Solved this with supplier dev. Turns out an additional space had crept into the code before the 'b' in budget-booster-listing 😱 🤣