Is it possible to insert fields from the CMS into a custom HTML embed in Webflow?

Published on
September 22, 2023

Yes, it is possible to insert fields from the CMS into a custom HTML embed in Webflow. This feature allows you to dynamically populate content within your custom HTML embed using data from your CMS collections. Here's how you can do it:

  1. Create a CMS Collection: First, you'll need to create a CMS Collection or use an existing one to store the data you want to display in the custom HTML embed.

  2. Add fields to the CMS Collection: Within your CMS Collection, add the necessary fields to store the data you want to display. For example, if you want to display a blog post title and image, you can add fields for "Title" and "Image URL".

  3. Add a CMS Collection List to your page: Drag and drop a CMS Collection List element onto your page where you want the custom HTML embed to appear.

  4. Connect the CMS Collection List to your CMS Collection: In the CMS Collection List settings panel, choose the CMS Collection you want to use and set any necessary filters or sorting options.

  5. Edit your custom HTML embed: Double-click on the custom HTML embed element to open the code editor.

  6. Insert CMS fields: Inside the code editor, you can now access CMS fields by using the appropriate syntax. For example, if you want to display the blog post title, you can use {{title}}.

  7. Style and format your embed: Customize the remaining HTML and CSS within your custom HTML embed to style and format the content as desired.

  8. Preview and publish: Preview your page to see the dynamically populated content from the CMS in your custom HTML embed. Once you're satisfied, publish your website for the changes to take effect.

By following these steps, you can easily insert fields from the CMS into a custom HTML embed in Webflow, allowing for dynamic and personalized content on your website.

Additional Questions:

  1. How to insert CMS fields into a custom HTML embed in Webflow?
  2. Can I use Webflow CMS data in a custom HTML embed?
  3. What are the steps to populate a custom HTML embed with CMS data in Webflow?