Pre-built Modals
Memberstack provides professional, ready-to-use modals for login, signup, and profile management. These modals handle all the UI and authentication logic for you - just open them with a single line of code!
Before You Start
- Make sure you've initialized Memberstack with your public key
- Create your plans in the Memberstack dashboard
- Check your site is running on HTTPS for live mode
Login Modal
The login modal provides a complete login interface with email/password, social login (if enabled), and a forgot password option.
What's Included
- Email and password login form
- Social login buttons (if enabled in dashboard)
- Forgot password link
- Optional signup link (for free plans)
- Error handling and validation
Signup Modal
The signup modal handles new member registration. You can connect it to specific free plans or let members sign up without a plan.
Important Notes
- Only use free plan IDs in the signup options
- For paid plans, use purchasePlansWithCheckout instead
- Get your plan IDs from the Memberstack dashboard
- Remember to close the modal after successful signup
Profile Modal
The profile modal lets members manage their account settings, subscription, and team membership all in one place.
Available Tabs
- "account" - Profile information
- "billing" - Subscription management
- "team" - Team settings (if enabled)
- "security" - Password and 2FA
When to Show It
- After login/signup success
- From account/profile menu
- When updating billing
- Managing team settings
Password Reset Modals
Memberstack provides two modals for password management:
- FORGOT_PASSWORD - Sends a reset link to member's email
- RESET_PASSWORD - Where members set their new password
Common Questions
Do modals close automatically?
No, you need to call memberstack.hideModal() to close them.
Can I style the modals?
Basic styling can be configured in your Memberstack dashboard.
What data do modals return?
Login and signup modals return a promise with type and data properties.
Do I need HTTPS?
Yes for live mode, but HTTP works in sandbox mode for testing.
Need Help?
Having trouble getting your login working? We're here to help!