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

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

I can see

Actual generated value of the field:

&lt;!--[if lte IE 8]&gt; &lt;script charset=&quot;utf-8&quot; type=&quot;text/javascript&quot; src=&quot;//js.hsforms.net/forms/v2-legacy.js&quot;&gt;&lt;/script&gt; &lt;![endif]--&gt; &lt;script charset=&quot;utf-8&quot; type=&quot;text/javascript&quot; src=&quot;//js.hsforms.net/forms/v2.js&quot;&gt;&lt;/script&gt; &lt;script&gt; hbspt.forms.create({ css: &#39;&#39;, portalId: &#39;305687&#39;, formId: &#39;32c16b1b-720e-412f-a993-57e0587997ea&#39; }); &lt;/script&gt;

In designer,

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

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

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