Can the character limit for embedding HTML code in Webflow be increased beyond 10,000?
TL;DR
- Webflow's 10,000-character embed limit is fixed, but you can work around it by hosting code externally, using
<script src>tags, minifying code, or splitting it across multiple embeds. - For larger site-wide code, use the Custom Code section in Project Settings, which allows more characters per field.
Webflow imposes a 10,000-character limit for custom embed code blocks, and this limit cannot be increased.
1. Why the 10,000 Character Limit Exists
- Webflow enforces this limit to maintain performance and stability within the Designer.
- This threshold covers most use cases involving third-party embeds or small custom widgets.
- The limit is firm across all Webflow plans, including enterprise.
2. Workarounds for the Character Limit
If your embed code exceeds 10,000 characters, consider these alternatives:
- Host Externally: Store your full script or HTML on an external server (e.g. GitHub Pages, AWS, Netlify) and embed it via an iframe.
- Use Script Tags with a
src: Upload your JS file to a host and embed using a<script src="https://yourdomain.com/script.js">tag, which only counts the characters within that tag. - Minify Your Code: Use tools like UglifyJS or HTMLMinifier to reduce code length.
- Split Into Multiple Embeds: If your code can be logically divided, use separate Embed elements. Just be cautious of dependency/order issues.
3. Use of Site-Wide Code
For scripts or styles affecting the entire site:
- Go to Project Settings > Custom Code
- Add code in the Head Code or Footer Code sections (limit: about 20,000 characters per field)
- These fields can store larger chunks of code than individual page-level embeds
Summary
Webflow’s 10,000-character limit for Embed elements cannot be increased, but you can work around it by linking external scripts, minimizing code, or using the Custom Code section in Project Settings.