A password-protected collection is one you’ve given a password, so a visitor has to enter that password before they can see it. Until they do, the collection is kept out of view the same way a hidden one is – it’s left out of the catalog index and the Store Modal’s Browse page, and its product page shows a password form in place of the collection. Use this to share an unreleased font with a client behind a shared password.
Setting a password
Open the collection’s Settings tab, and type a password into the Password field. From then on the collection is hidden everywhere a customer would otherwise find it, and a lock icon marks it in your admin catalog list so you can tell at a glance which collections are protected. Clear the field and save to remove the protection.
Unlocking is per visitor and it persists: once someone enters the right password the collection stays visible for them, while everyone else still meets the form.11The unlock is remembered in the visitor’s browser.
Showing the form on your site
If your storefront is Fontdue’s demo template, the form appears on a protected collection’s page with nothing to set up. On a site you build yourself, where the form comes from depends on how you embed Fontdue:
- On a script-tag site, drop the Node Password Form component on the page. It detects the lock on its own, shows the form, and reveals the collection once the visitor enters the password.
- On a React or Next.js site, the page detects the lock itself and renders the form. Password-protected collections walks through that setup, including how a visitor’s unlock reaches your server-side fetches so the collection resolves on reload.