What are some new functions available through the CMS on Webflow with the release of the new Dynamics Embed widget?
TL;DR
- Use the Dynamic Embed widget to insert CMS fields directly into custom HTML or scripts for dynamic content and third-party integrations.
- Eliminates previous workarounds by server-rendering CMS data into custom code for SEO, unique embeds, and enhanced flexibility within Collection Lists or Pages.
Webflow’s new Dynamic Embed widget unlocks powerful CMS-linked design capabilities by combining CMS data with custom code—without needing complex workarounds.
1. Inject CMS Content into Custom Code
- You can now bind CMS fields directly within custom HTML or scripts inside a Dynamic Embed block.
- Use the Add Field (+) button in the embed editor to insert any CMS field (like name, image URL, product price, etc.) into the code.
- Great for integrating third-party scripts that require dynamic, per-item data (e.g., custom reviews, dynamic maps, JSON LD for SEO).
2. Replaces Workarounds Like Attributes or Hidden Divs
- Previously, embedding dynamic data often required using hidden HTML elements or custom attributes and then accessing them with JavaScript.
- Dynamic Embed replaces this with a clean, more reliable approach where CMS data is parsed server-side into the custom code.
3. Enables Dynamic SEO Markup (e.g., Schema.org)
- You can now insert structured data (JSON-LD) dynamically inside a Collection List.
- For example, add event dates, product prices, reviews—pulled straight from the CMS—into schema markup, improving SEO and search appearance.
4. Better Support for External Integrations
- Easier to dynamically inject third-party widgets or parameters, like personalized chatbots, calendars (e.g., Calendly), or analytics tags per CMS item.
- Works well with tools that require unique IDs, slugs, or product SKUs per item.
5. Improved Support in Collection Lists and Templates
- Available inside Collection Lists and Collection Pages, which means every list item or page can now have unique custom code based on its fields.
- Enables completely customized presentations (e.g., a custom swiper carousel per CMS item using dynamic image fields).
Summary
The Dynamic Embed widget brings native CMS data-per-item into custom HTML code blocks, enabling dynamic SEO markup, replacing workarounds, and unlocking powerful custom integrations—all within Collection Lists or Pages.