Context
I’m creating an ‘auto-blog’ Make (make.com) scenario, from ChatGPT to Webflow. The ChatGPT output is formatted as HTML, and a new Webflow item is then created, with the blog content being a rich text field, where ChatGPT’s HTML is sent.
Issue
List elements don’t show up (it’s blank), which seems to be a known Webflow issue. The strange thing is that when I click “Run this module only” on the Webflow “Create a new item” module, and give the exact same HTML as input (the output from ChatGPT), it works perfectly. Which makes no sense as it’s the same information I send in my workflow.
Happy to hear your thoughts on this really strange situation
Hi @Rames were you able to find any solution? I am also stuck in the same situation. I am using Zapier to send HTML to Webflow CMS, but the list items are not showing.
Hey, it might be a bit late for you guys but I’ll leave this here in case someone else sees it.
The answer is minifying the code you’re sending to Webflow, which is basically (maybe not exactly) what @Rames did there.
For example, instead of sending
<h3 id="transform">Transform</h3>
<p>The <em>Transform</em> property is used to control the size and positioning of the group. It is expressed as percentages of the canvas, and the Lock icon between the width (W) and height (H) inputs allows you to fix the current aspect ratio.</p>
<ul>
<li><strong>X</strong>: The <em>X</em> position of the center point in relation to the Canvas width (i.e. 0% aligns group center left, 100% aligns group center right)</li>
<li><strong>Y</strong>: The <em>Y</em> position of the center point in relation to the Canvas height (i.e. 0% aligns group center top, 100% aligns group center bottom)</li>
<li><strong>W</strong>: The <em>W</em> width in relation to the Canvas width.</li>
<li><strong>H</strong>: The <em>H</em> height in relation to the Canvas height.</li>
</ul>
<h2 id="conclusion">Conclusion</h2>
<p>I conclude.</p>
What you should be sending is
<h3 id="transform">Transform</h3><p>The <em>Transform</em> property is used to control the size and positioning of the group. It is expressed as percentages of the canvas, and the Lock icon between the width (W) and height (H) inputs allows you to fix the current aspect ratio.</p><ul><li><strong>X</strong>: The <em>X</em> position of the center point in relation to the Canvas width (i.e. 0% aligns group center left, 100% aligns group center right)</li><li><strong>Y</strong>: The <em>Y</em> position of the center point in relation to the Canvas height (i.e. 0% aligns group center top, 100% aligns group center bottom)</li><li><strong>W</strong>: The <em>W</em> width in relation to the Canvas width.</li><li><strong>H</strong>: The <em>H</em> height in relation to the Canvas height.</li></ul><h2 id="conclusion">Conclusion</h2><p>I conclude.</p>
I mention this on top of what @Rames said because if you are using ChatGPT, you can just include a line in the prompt to give you the code already minified, that way you can paste it directly without needing to use a text parser node.
If you are using several OpenAI nodes like in Rames’ case, you can get the same result by putting all the OpenAI variables with minified outputs in Webflow together, no spaces or line breaks)
