Dynamically inserting a collection-page specific HTML Embed with <Script> Tag

[samliew (webflowexpert.com)]

On http://appcues.webflow.io/post/11-ways-to-check-customer-fit-for-customer-success

I can see

Actual generated value of the field:

<!--[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({ css: '', portalId: '305687', formId: '32c16b1b-720e-412f-a993-57e0587997ea' }); </script>

In designer,

---

You cannot directly insert HTML code from the designer, explained here

@AlexN

There isn’t a direct work around for this. There isn’t away to output HTML from the CMS. The embed is used to custom code elements and allows us to bring in values from the CMS.

So for instance you can put a dynamic list in a form put an embed in the dynamic list. hand code the form field and use CMS data to fill in specific values.

The workaround mentioned here only works for HTML without containing script tags (like links, images, text):

@nate

The first implementation takes HTML from a field value and renders it within the custom code embed. The issue you ran into was that the HTML rendered was escaped on publish. There’s a script in the page settings that reconverts the value back into HTML on load.

You might want to go with workaround two instead, so that the external script can be loaded on page load.

---

Also, feel free to contact me for further code help and/or customization of third-party plugins