How can I attach a rich text block inside a linked card using CMS in Webflow?

Published on
September 22, 2023

To attach a rich text block inside a linked card using the CMS in Webflow, follow these steps:

  1. Set up your CMS collection: Before you can add a rich text block inside a linked card, you need to create and set up your CMS collection. Define the fields you want in your CMS collection, including the ones for the linked card and the rich text block.

  2. Add a collection list to your page: In the Webflow Designer, add a Collection List element to the page where you want to display the linked card. This will act as a wrapper for displaying multiple linked cards dynamically from your CMS collection.

  3. Bind the CMS collection to the collection list: With the Collection List selected, go to the right panel and bind it to your CMS collection. Select the appropriate collection and define any filters or sorting options if needed.

  4. Design your linked card: Inside the Collection List wrapper, add a Link Block or a Link Wrapper element to create the structure for the linked card. Style it according to your design preferences.

  5. Add a Rich Text element: Inside the linked card structure, add a Rich Text element. This is where the dynamic content from the rich text field in your CMS collection will be displayed.

  6. Bind the rich text field: Select the Rich Text element and go to the right panel. Bind the element to the appropriate rich text field from your CMS collection.

  7. Customize the rich text styling: Style the Rich Text element to achieve the desired look for your content. You can control text formatting, font styles, colors, alignment, and more.

  8. Repeat the process for other linked cards: Duplicate the linked card structure within the Collection List to create multiple linked cards dynamically loaded from your CMS collection.

By following these steps, you will be able to attach a rich text block inside a linked card using the CMS in Webflow. This allows you to update and manage the content through the CMS collection, making it easy to maintain and scale your website.

Additional Questions:

  • How do I create a CMS collection in Webflow?
  • Can I use different CMS fields for different pages in Webflow?
  • Is it possible to embed a video inside a linked card using CMS in Webflow?