How can I add anchor points within the CMS rich text in Webflow?

To add anchor points within a CMS Rich Text field in Webflow, you’ll need to combine custom IDs with clean anchor links using the embed element or custom code.

​

1. Understand Webflow CMS Limitations  

• The Rich Text field in the CMS does not allow setting IDs on elements directly.
• You can’t manually assign anchor names like <a name="section1"> inside a native Rich Text field.
• Instead, use custom HTML via Embed blocks inside the Rich Text or target IDs from other static elements outside the CMS.

​

2. Add IDs Using Custom Embed Inside Rich Text  

• Inside your CMS Rich Text field, click “+ Add” > Embed to insert custom code.
• Add a div or heading tag with an ID, e.g., <div id="section1"></div> or <h2 id="section1">My Section</h2>.
• This code will inject an anchor point at that location within the content.

​

Important: Webflow sanitizes some HTML tags, but div, h1–h6, and standard attributes like id are allowed.

​

3. Create Anchor Links  

• Anywhere on your page (in Rich Text or buttons or nav), link to an anchor using #section1.
• Example: In a link element or button, set the URL to #section1, or within other Rich Text fields use Jump to Section using markdown format.

​

4. Test Anchor Behavior  

• Publish the site and test anchor scrolling.
• Webflow supports smooth scrolling to anchor IDs by default when using internal navigation.

​

5. Optional: Use Static Elements as Anchors  

• If you're unable to rely on Embed within the CMS, insert static elements like a div block with a set ID (section1) outside the CMS content.
• Place it next to, near, or above where the CMS item renders to simulate an anchor point.

​

Summary  

To add anchor points inside a CMS Rich Text field in Webflow, insert small HTML blocks with custom IDs using the Embed element, then link to them using #anchorID. This method enables internal navigation to specific CMS-based content sections.