How to add rich text component in rich text

If you're using Webflow and want to add a rich text component within another rich text component, you can do so using Finsweet Attribute's Powerful Rich Text. Follow these steps:

1. Edit a new rich text component where you want to add the nested rich text component.

2. In the rich text editor, add the following code where you want the nested rich text component to appear:

Components are defined with fs-richtext-component="COMPONENT_IDENTIFIER".

Once this is done, you can use them like:

On-page components

Components that are present in the same page can be used as:

{{COMPONENT_IDENTIFIER}}

‍

External-page components

Components that are published on an external page can be used as:

{{COMPONENT_IDENTIFIER="/about"}}

or

{{COMPONENT_IDENTIFIER="https://url.com/about"}}

‍

Example:

Cool Component:

{{cool-component}}

External Footer Component:

{{footer-component="/attributes/directory"}}

‍

3. Save your changes and you should now see the nested rich text component appear within the original rich text component.

That's it! You can now add as many nested rich text components as you need using Finsweet Attribute's Powerful Rich Text.