Webflow does not currently have a built-in toggle or "Read more/less" expansion feature that works out of the box with dynamic CMS content, without using custom code.
1. CMS Text Limiting Without Interaction
- You can limit visible text from a CMS Rich Text or plain Text field using Character Limit settings inside a Text Block or Paragraph element.
- To do this: Select the text element, scroll down in the right panel to the Element Settings, and set Character Limit (e.g., 50 characters).
- However, this truncates text without adding a functional "Read more" link or interactivity.
2. "Read More" Expansion Requires Custom Code
- Showing a partial snippet and then revealing the full content upon click (“Read more / Read less”) requires JavaScript, and this kind of interactivity is not natively supported in Webflow Designer or its CMS bindings.
- While you can set this up visually in the Designer using interactions (IX2), you cannot dynamically apply logic like “show the rest of this exact CMS item” without code.
- Interactions also wouldn't know how to toggle full text unless the full text is also loaded into the DOM, usually hidden or in another div.
3. Workaround Using Two Elements (Limited Functionality)
- Some users simulate this by:
- Adding two CMS-bound text elements: one with character limit, and one showing full content hidden by default.
- Use Webflow’s Show/Hide interactions tied to a “Read more” button.
- This only works well if the max height or text length is predictable and consistent, and still has limitations—especially without unique toggle per CMS item on a collection list.
Summary
Webflow does not support a native Read More/Less toggle for CMS content. You can truncate text with a character limit, but to reveal full content dynamically with a toggle, you will need to use custom code or limited workarounds with interactions.