Display the Webflow "current" state on your nested pages & CMS items.
View demo projectCréation du scénario Make.com
1. Téléchargez le modèle JSON ci-dessous pour commencer.
2. Naviguez jusqu'à Make.com et créez un nouveau scénario...
![](https://cdn.prod.website-files.com/5bbfaf3252489b4c484ba9b9/648c5b1fbc7994f029551c78_Screen%20Shot%202023-06-16%20at%208.51.21%20AM.jpg)
3. Cliquez sur la petite boîte avec trois points, puis sur Import Blueprint...
![](https://cdn.prod.website-files.com/5bbfaf3252489b4c484ba9b9/648c5b29e80e81cad00f11c8_Screen%20Shot%202023-06-16%20at%208.51.33%20AM.jpg)
4. Téléchargez votre fichier et voilà ! Vous êtes prêt à relier vos propres comptes.
Besoin d'aide avec ce MemberScript ?
All Memberstack customers can ask for assistance in the 2.0 Slack. Please note that these are not official features and support cannot be guaranteed.
Join the 2.0 SlackHow to Set a Link to its Current State when on a Folder Page (Webflow)
Memberscripts needed
https://www.memberstack.com/scripts/88-show-current-state-for-cms-folder-links
Tutorial
Cloneable
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/65f1af2fca9ddd15d66bc9e9_Screenshot%202024-03-13%20at%2014.50.24.webp)
Why/When would need to Set a Link to its Current State when on a Folder Page?
- Highlight navigation links even when you’re on nested pages below them.
This guide will help you set links in the navigation menu to their “current” state even when you’re on nested pages below them.
For example, if a visitor is on /blog/post, and your Blog link in the nav menu is going to /blog, you’ll make it so that the Blog link still has the “current” state applied.
Setting a link to its “current” state on Webflow
To set a link to its “current” state on your Webflow site, we’re going to use MemberScript #88 – Show Current State for CMS, Folder Links. Follow the link to get the code you’ll need to add to your page and watch a video tutorial on how to set everything up.
Setting it up
All you need to do is go to your navigation menu, select the links you want to have a “current” state even when on nested pages below them, and add the following attribute to them:
- ms-code-nested-link=”/SLUG/”
Just replace “SLUG” with the slug from the root page. For example, if visitors are on an individual blog post with a URL that looks like URL.com/blog/post and you want the Blog navigation link to be highlighted, just put in “/blog/” as the attribute’s value.
That will make it so whenever visitors are on a nested page below /blog/, the Blog nav link will always be set to its “current” state.
Making it work
Now that you’ve got everything set up, all you need to do is add the MemberScript #88 custom code to your site by going to your site’s settings in the Webflow dashboard and pasting it in the head section under the Custom code tab.
Conclusion
That’s all there is to it, you can now go ahead and test the navigation links on your live site.
If you want to use our demo project to get you started, just click the button below to add it to your Webflow site.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/65f1aeb2c0e597cc4bd65436_fT5WQpdSq9Q-17qywtSD7J5E6C7hBq889XXQDOJ1l801ygL1IQkA3DbRwY8_NhuE3r76PYiZqOjQ1cYWr1IVXBLmD_SNmugyMCCEy9OP2lJ7YzE7OHzdwQ9wO1QnbDKcYJB0hLysrcqrOjHkdccg0TE.webp)
Our demo can help you easily display the Webflow “current” state on links even when you’re on nested pages below them.