Anchor

Example 2: CMS Anchor sections and links (navbar)

A real-life true CMS-driven anchor section and link system for Webflow CMS

See Finsweet
Walkthrough

What we will cover

  • The structure of our CMS Collection List (the feed)

  • The structure of our sidebar section

  • The .anchor() component to create a CMS powered anchor section and link system.


The CMS List below is our "data feed". This will populate new sidebars links, anchor urls for each sidebar link, and section ids to each cms item.

It is not required to use sidebar. You can use ANY layout that you want.

This allows you to create a 100% CMS-driven anchor link system 💪

What is Sweet JS?

Sweet JS is a free support service by Finsweet. This support team was created to help the Webflow Community implement Finsweet created javascript code.

What is F'in sweet CMS Library for Webflow?

A javascript library that add extra functionality to your Webflow Dynamic Collection Lists. This js library was created by Finsweet, a Webflow-exclusive agency.

What is the Visual Script writer?

Visual Script Writer for our CMS Library is a tool that will create the code you need to use the Library. Using this tool allows you to use our javascript Library without writing a line of code. Check it out here: https://visualscript.webflow.io/

Do I need to know javascript to use this Library?

It is not required to know javascript to use ourLibrary. Some basic understanding of script is helpful, but not necessary. We have created a tool for those who are very uncomfortable with writing javascript: https://visualscript.webflow.io/

Can I use CMS Library Components together?

Yes! You can. We call them "Combos". We have a list of approved and unapproved Combos in our documentation - https://cmsdocs.webflow.io/#combos

Clone me!

You are almost there! Clone this template by clicking the link above. Learn, play around, test, use your own content, and have fun.

You can delete all .delete-me divs! All of the How-To content is in the .clonable divs.