Webflow stores custom code in 4 places;
- Site wide head / body custom code areas, managed in the site settings dashboard
- Page-specific head / body custom code areas, managed in page settings within the designer
- Embed elements on the canvas
- Embed elements within Rich text elements
Character Limits
In the past, Webflow's custom code character limit was quite limited;
- Originally 5,000 char limit per Embed
- Nov 2016, increased to 10,000 chars per Embed
- May 2024 - Increased to 50,000 chars, for all areas, including Embeds
This grew due to designer needs to support;
- Inline SVGs in embeds, which can become large especially for logos
- Larger data chunks like JSON-LD
- Larger requirements for JavaScript storage
Need More?
Write and debug your code using a 3rd party programming tool like CodePen.io Pro or Code Sandbox. This will allow you to edit your code freely and simply refresh your published site to test it out.
Once your code is ready to go live, it's best to put it in a safer place like Github with JSDeliver as a CDN. This allows you to safeguard your code, and deliver it very quickly.
Good CDNs for delivering your Github repo...
- jsDelivr ( free, public repos only )
- Netlify ( free for public repos, paid for private org repos )
There are many others as well, depending on your needs.
More notes
https://discourse.webflow.com/t/character-limit/111642
https://webflow.com/made-in-webflow/website/Custom-Code-10000-Character-Limit-Solution-With-a-CDN
