- Members-only code: you need an active Will's Toolkit subscription to see and copy it
- Needs a Squarespace plan that allows custom code
- A styling snippet rather than a configurable plugin, so changes beyond the design shown mean editing CSS
Overview
Main Nav Buttons - Pilled is a Header and Nav snippet from Will's Toolkit that wraps main navigation links in rounded pill shapes. In Will's animated preview the current link (Shop) sits in a dark filled pill, and a lighter pill appears behind Our Story and Gallery as the cursor passes over them.
What you get
- Code that styles main nav links as rounded pills
- Filled active state and lighter hover state
- Access to the full Will's Toolkit Code Catalog with membership
Who it suits
Brands that like a soft, button-like header, common on shops, cafés and lifestyle brands. It makes the current page obvious at a glance.
Honest limits
- Members-only code: you need an active Will's Toolkit subscription to see and copy it
- Needs a Squarespace plan that allows custom code
- A styling snippet rather than a configurable plugin, so changes beyond the design shown mean editing CSS
- Styles the desktop header navigation; the mobile menu is unchanged
How it is delivered
This snippet sits in the Code Catalog of Will's Toolkit, Will Myers' membership for Squarespace designers, and is marked members only. Membership is $15 a month or $150 a year and includes the full Code Catalog, the Toolkit browser extension, the Robo-Will AI assistant, the Slack community and 20 per cent off Will's plugins. Snippets are copy and paste code added to your site. Will's catalogue lists it under Header & Nav, last updated 4/30/2025.
Related guide: browse every plugin we list in the Squarespace plugins collection, or read our roundup of the best Squarespace plugins in 2026.
Colours follow the CSS, so matching your palette may mean a small edit. It styles desktop navigation only. A full height underline variation is also in the Toolkit.
It is part of Will's Toolkit, Will Myers' membership for Squarespace designers, rather than a one-off purchase. Membership costs $15 a month or $150 a year and unlocks the full Code Catalog of more than 100 snippets, the Toolkit browser extension, the Robo-Will AI assistant, a Slack community and 20 per cent off Will's paid plugins.
The honest caveats: the code is members only, it needs a Squarespace plan that allows custom code, and as a styling snippet it does one job well rather than offering a settings panel. Anything beyond the design shown means editing the CSS yourself.
- Wraps main nav links in rounded pill shapes
- Highlights the current page and hovered link
Full specifications
Specifications
Highlights the current page and hovered link
Distinct active and hover states
Copy and paste installation
Part of the will's toolkit code catalog
Built for squarespace 7.1
Cafés
Beauty brands
Small businesses
Fashion brands
Needs a squarespace plan that allows custom code
A styling snippet rather than a configurable plugin, so changes beyond the design shown mean editing css