Ultimate Navbar Package
Welcome to our constantly growing library of navbars for both public and private pages - watch the tutorial video right here to learn everything you need to know about navbars on membership sites.
Welcome to our constantly growing library of navbars for both public and private pages - watch the tutorial video right here to learn everything you need to know about navbars on membership sites.
This nav bar should live on public-facing pages and only link to other public-facing pages.
Sign up - Link directly to your own custom signup forms, or use Memberstack's pre-built modals. data-ms-modal="signup"
Login - Link directly to your own custom logins forms, or use Memberstack's pre-built modals. data-ms-modal="login"
Member's only pages - Instead of linking directly to your gated content, you can use the data-ms-action="login-redirect" attribute to create a dynamic button. The button will be hidden when logged out and dynamically populate when logged-in. Docs →
Show/hide elements - Use the attribute data-ms-content="members" to make an element members only. Use the attribute data-ms-content="!members" to make an element not for members. Docs →
This nav bar lives on private pages.
Profile - You can link directly to your own custom profile page or you can use Memberstack's pre-built modals data-ms-modal="profile"
Log out - Use the attribute data-ms-action="logout" to automatically end the session and trigger a logout redirect. Docs →
Billing - If your site has paid plans use the attribute data-ms-action="customer-portal" to open the Stripe Customer Portal.
This nav bar should live on public-facing pages and only link to other public-facing pages.
Sign up - Link directly to your own custom signup forms, or use Memberstack's pre-built modals. data-ms-modal="signup"
Login - Link directly to your own custom logins forms, or use Memberstack's pre-built modals. data-ms-modal="login"
Member's only pages - Instead of linking directly to your gated content, you can use the data-ms-action="login-redirect" attribute to create a dynamic button. The button will be hidden when logged out and dynamically populate when logged-in. Docs →
Show/hide elements - Use the attribute data-ms-content="members" to make an element members only. Use the attribute data-ms-content="!members" to make an element not for members. Docs →
This nav bar lives on private pages.
Profile - You can link directly to your own custom profile page or you can use Memberstack's pre-built modals data-ms-modal="profile"
Log out - Use the attribute data-ms-action="logout" to automatically end the session and trigger a logout redirect. Docs →
Billing - If your site has paid plans use the attribute data-ms-action="customer-portal" to open the Stripe Customer Portal.
This nav bar should live on public-facing pages and only link to other public-facing pages.
Sign up - Link directly to your own custom signup forms, or use Memberstack's pre-built modals. data-ms-modal="signup"
Login - Link directly to your own custom logins forms, or use Memberstack's pre-built modals. data-ms-modal="login"
Member's only pages - Instead of linking directly to your gated content, you can use the data-ms-action="login-redirect" attribute to create a dynamic button. The button will be hidden when logged out and dynamically populate when logged-in. Docs →
Show/hide elements - Use the attribute data-ms-content="members" to make an element members only. Use the attribute data-ms-content="!members" to make an element not for members. Docs →
This nav bar lives on private pages.
Profile - You can link directly to your own custom profile page or you can use Memberstack's pre-built modals data-ms-modal="profile"
Log out - Use the attribute data-ms-action="logout" to automatically end the session and trigger a logout redirect. Docs →
Billing - If your site has paid plans use the attribute data-ms-action="customer-portal" to open the Stripe Customer Portal.
This nav bar should live on public-facing pages and only link to other public-facing pages.
Sign up - Link directly to your own custom signup forms, or use Memberstack's pre-built modals. data-ms-modal="signup"
Login - Link directly to your own custom logins forms, or use Memberstack's pre-built modals. data-ms-modal="login"
Member's only pages - Instead of linking directly to your gated content, you can use the data-ms-action="login-redirect" attribute to create a dynamic button. The button will be hidden when logged out and dynamically populate when logged-in. Docs →
Show/hide elements - Use the attribute data-ms-content="members" to make an element members only. Use the attribute data-ms-content="!members" to make an element not for members. Docs →
This nav bar lives on private pages.
Profile - You can link directly to your own custom profile page or you can use Memberstack's pre-built modals data-ms-modal="profile"
Log out - Use the attribute data-ms-action="logout" to automatically end the session and trigger a logout redirect. Docs →
Billing - If your site has paid plans use the attribute data-ms-action="customer-portal" to open the Stripe Customer Portal.
This nav bar should live on public-facing pages and only link to other public-facing pages.
Sign up - Link directly to your own custom signup forms, or use Memberstack's pre-built modals. data-ms-modal="signup"
Login - Link directly to your own custom logins forms, or use Memberstack's pre-built modals. data-ms-modal="login"
Member's only pages - Instead of linking directly to your gated content, you can use the data-ms-action="login-redirect" attribute to create a dynamic button. The button will be hidden when logged out and dynamically populate when logged-in. Docs →
Show/hide elements - Use the attribute data-ms-content="members" to make an element members only. Use the attribute data-ms-content="!members" to make an element not for members. Docs →
This nav bar lives on private pages.
Profile - You can link directly to your own custom profile page or you can use Memberstack's pre-built modals data-ms-modal="profile"
Log out - Use the attribute data-ms-action="logout" to automatically end the session and trigger a logout redirect. Docs →
Billing - If your site has paid plans use the attribute data-ms-action="customer-portal" to open the Stripe Customer Portal.
This nav bar should live on public-facing pages and only link to other public-facing pages.
Sign up - Link directly to your own custom signup forms, or use Memberstack's pre-built modals. data-ms-modal="signup"
Login - Link directly to your own custom logins forms, or use Memberstack's pre-built modals. data-ms-modal="login"
Member's only pages - Instead of linking directly to your gated content, you can use the data-ms-action="login-redirect" attribute to create a dynamic button. The button will be hidden when logged out and dynamically populate when logged-in. Docs →
Show/hide elements - Use the attribute data-ms-content="members" to make an element members only. Use the attribute data-ms-content="!members" to make an element not for members. Docs →
This nav bar lives on private pages.
Profile - You can link directly to your own custom profile page or you can use Memberstack's pre-built modals data-ms-modal="profile"
Log out - Use the attribute data-ms-action="logout" to automatically end the session and trigger a logout redirect. Docs →
Billing - If your site has paid plans use the attribute data-ms-action="customer-portal" to open the Stripe Customer Portal.
This nav bar should live on public-facing pages and only link to other public-facing pages.
Sign up - Link directly to your own custom signup forms, or use Memberstack's pre-built modals. data-ms-modal="signup"
Login - Link directly to your own custom logins forms, or use Memberstack's pre-built modals. data-ms-modal="login"
Member's only pages - Instead of linking directly to your gated content, you can use the data-ms-action="login-redirect" attribute to create a dynamic button. The button will be hidden when logged out and dynamically populate when logged-in. Docs →
Show/hide elements - Use the attribute data-ms-content="members" to make an element members only. Use the attribute data-ms-content="!members" to make an element not for members. Docs →
This nav bar lives on private pages.
Profile - You can link directly to your own custom profile page or you can use Memberstack's pre-built modals data-ms-modal="profile"
Log out - Use the attribute data-ms-action="logout" to automatically end the session and trigger a logout redirect. Docs →
Billing - If your site has paid plans use the attribute data-ms-action="customer-portal" to open the Stripe Customer Portal.