Can Webflow combine static and dynamic text in a text block or a rich text field?
TL;DR
- Use a Text Block with CMS fields by inserting
{}placeholders, but this lacks rich formatting. - Modify a Rich Text Field using an Embed component and JavaScript to dynamically insert CMS content while retaining styling.
- Stack multiple Text Blocks for a fully Webflow-native solution by separating static and dynamic text.
- Custom code is required for rich formatting within a single dynamic+static text block.
Yes, Webflow allows combining static and dynamic text in a text block using a combination of static content and CMS fields, but with some limitations. Here’s how you can achieve it:
1. Use a Text Block with Dynamic Embedding
- Add a Text Block to your design.
- Click on the text block and then select Add Field (only available when binding to a Collection List or Item).
- Type the static text and insert a dynamic CMS field using curly braces
{}format, such as: Hello, {Name}! Welcome to our site.- This approach works well for simple combinations but lacks rich text formatting.
2. Modify a Rich Text Field via Custom Code
- Rich Text fields in the CMS support dynamic content, but mixing data dynamically within a single RTF field is not natively supported.
- A workaround is to use Webflow’s Embed component with custom JavaScript to populate CMS fields dynamically inside the rich text. Example:
- Inside an Embed component, add:
<p>Hello, <span class="dynamic-name"></span>! Welcome to our site.</p>
- Use JavaScript in the page custom code section:
document.querySelector('.dynamic-name').innerText = document.querySelector('.cms-name').textContent;
- This approach requires custom code and manual setup but allows full text styling.
3. Combine CMS Fields in Separate Text Blocks
- Another Webflow-friendly method is to use multiple Text Blocks, stacking them together.
- Example: One block with “Hello, ” (static), another with
{Name}(dynamic), and another with “! Welcome to our site.” - This ensures CMS content updates dynamically while maintaining Webflow’s native styling options.
Summary
You can combine static and dynamic text using Text Blocks with dynamic fields, Embed components with JavaScript, or stacked Text Blocks. A fully formatted dynamic+static combination in a Rich Text field requires custom code.