« Back to Add-on Library
Account Login
## Long Description (Detail View)
The CWP Standalone Account Login Form provides a complete authentication solution for your /account-login page with traditional login, email-based password recovery, and secure password reset. This production-ready snippet includes everything needed for user authentication with verification code validation and secure session management.
### Key Features
- Login with Email/Password - Traditional authentication with bcrypt password hashing
- Email-Based Password Recovery - Send reset codes via WordPress email
- Code Verification - Multi-step password reset with verification codes
- Secure Sessions - Transient-based session management with automatic expiration
- Form Validation - Client and server-side validation for all inputs
- Error Handling - User-friendly error messages and feedback
- CSRF Protection - WordPress nonce protection on all forms
- Responsive Design - Mobile-friendly forms on all devices
- Professional Styling - Card-based layout with theme-friendly CSS
- Production Ready - Complete, tested, and deployment-ready
### Authentication Flow
1. Login Page - User enters email and password
2. Password Reset Page - User requests password reset code
3. Email Delivery - Code sent via WordPress email
4. Code Verification - User enters code from email
5. New Password - User creates new password meeting requirements
6. Automatic Login - User logged in after successful password change
### Security Features
✓ CSRF Protection with WordPress nonces
✓ Password Hashing with `wp_hash_password()`
✓ Email Verification for password resets
✓ Verification Codes (5-10 digits recommended)
✓ Input Validation and Sanitization
✓ Output Escaping to Prevent XSS
✓ Cookie Detection and User Alerts
✓ Server-Side Code Validation
### Password Requirements
Passwords must include:
- Minimum 8 characters
- At least one uppercase letter
- At least one number
- At least one special character (!@#$%^&*-)
### Email Customization
- Custom HTML Template - Design your own email layout
- Customizable Subject Line - Set subject to match your brand
- Sender Name - Uses your WordPress site name
- Placeholder Support - Automatically replaces {code} in template
- Error Handling - Clear feedback if email delivery fails
### FileMaker Integration
The form integrates with FileMaker through a single script that handles four actions:
- login - Authenticate user with email/password
- get-code - Generate and store verification code
- submit-code - Validate verification code
- set-password - Update password with hashed value
### Session Management
- Transient-Based - Uses WordPress transients instead of cookies
- Automatic Expiration - Configurable session duration (default: 6 months)
- Enterprise-Safe - Unique session IDs prevent collisions
- Secure Handling - Data stored securely in database
### Requirements
✓ CWP Snippets plugin installed
✓ WordPress 5.0 or higher
✓ PHP 7.4 or higher
✓ FileMaker database with Login script
✓ WordPress Admin Email configured
### Demo Database
This snippet works with the demo CWP Snippets FileMaker database that ships with CWP Snippets 1.8.4 or greater. If you're using an older version of CWP Snippets, please update to the latest version to access the demo database with pre-built Login table and script.
Demo Database Includes:
- Login Script - Pre-built script that handles all authentication actions
- webPass Field - Stores bcrypt hashed password
- verificationCode Field - Stores the reset verification code
- verificationExpire Field - Stores code expiration timestamp
Download Demo Database:
https://cwpsnippets.com/wp-content/plugins/cwp-snippets/assets/demo/CWP%20Snippets.fmp12
To use the demo database:
1. Update to CWP Snippets 1.8.4 or later
2. Download and set up the demo database (link above)
3. Set `$use_demo_database = true` in the snippet configuration
4. The snippet will automatically connect to the demo database for testing and development
- Protected content portals
- Member login pages
- Client account areas
- User authentication systems
- Password recovery implementation
- Multi-step authentication flows
- Email-based verification scenarios
### What's Included
✓ Complete login form with email/password
✓ Password reset with email verification
✓ Verification code validation
✓ New password setup form
✓ Session manager with auto-expiration
✓ Professional form styling
✓ Form validation (client & server)
✓ Error handling and messaging
✓ CSRF protection
✓ Email configuration system
### Requirements
✓ CWP Snippets plugin installed
✓ WordPress 5.0 or higher
✓ PHP 7.4 or higher
✓ FileMaker database with Login script
✓ WordPress Admin Email configured
### Customization
Easy customization of:
- Page URLs and redirects
- FileMaker script name
- Email subject and template
- Session duration
- Password requirements
- Form labels and help text
- Error messages
### Styling
- Minimal CSS - Only structural properties, no colors
- Theme-Friendly - Inherits colors from your WordPress theme
- Responsive - Works perfectly on mobile, tablet, desktop
- Professional - Card-based layout with subtle shadows
- Accessible - Proper form semantics and labels
---
Complete, production-ready login authentication with email-based password recovery and direct FileMaker integration for your /account-login page.
The CWP Standalone Account Login Form provides a complete authentication solution for your /account-login page with traditional login, email-based password recovery, and secure password reset. This production-ready snippet includes everything needed for user authentication with verification code validation and secure session management.
### Key Features
- Login with Email/Password - Traditional authentication with bcrypt password hashing
- Email-Based Password Recovery - Send reset codes via WordPress email
- Code Verification - Multi-step password reset with verification codes
- Secure Sessions - Transient-based session management with automatic expiration
- Form Validation - Client and server-side validation for all inputs
- Error Handling - User-friendly error messages and feedback
- CSRF Protection - WordPress nonce protection on all forms
- Responsive Design - Mobile-friendly forms on all devices
- Professional Styling - Card-based layout with theme-friendly CSS
- Production Ready - Complete, tested, and deployment-ready
### Authentication Flow
1. Login Page - User enters email and password
2. Password Reset Page - User requests password reset code
3. Email Delivery - Code sent via WordPress email
4. Code Verification - User enters code from email
5. New Password - User creates new password meeting requirements
6. Automatic Login - User logged in after successful password change
### Security Features
✓ CSRF Protection with WordPress nonces
✓ Password Hashing with `wp_hash_password()`
✓ Email Verification for password resets
✓ Verification Codes (5-10 digits recommended)
✓ Input Validation and Sanitization
✓ Output Escaping to Prevent XSS
✓ Cookie Detection and User Alerts
✓ Server-Side Code Validation
### Password Requirements
Passwords must include:
- Minimum 8 characters
- At least one uppercase letter
- At least one number
- At least one special character (!@#$%^&*-)
### Email Customization
- Custom HTML Template - Design your own email layout
- Customizable Subject Line - Set subject to match your brand
- Sender Name - Uses your WordPress site name
- Placeholder Support - Automatically replaces {code} in template
- Error Handling - Clear feedback if email delivery fails
### FileMaker Integration
The form integrates with FileMaker through a single script that handles four actions:
- login - Authenticate user with email/password
- get-code - Generate and store verification code
- submit-code - Validate verification code
- set-password - Update password with hashed value
### Session Management
- Transient-Based - Uses WordPress transients instead of cookies
- Automatic Expiration - Configurable session duration (default: 6 months)
- Enterprise-Safe - Unique session IDs prevent collisions
- Secure Handling - Data stored securely in database
### Requirements
✓ CWP Snippets plugin installed
✓ WordPress 5.0 or higher
✓ PHP 7.4 or higher
✓ FileMaker database with Login script
✓ WordPress Admin Email configured
### Demo Database
This snippet works with the demo CWP Snippets FileMaker database that ships with CWP Snippets 1.8.4 or greater. If you're using an older version of CWP Snippets, please update to the latest version to access the demo database with pre-built Login table and script.
Demo Database Includes:
- Login Script - Pre-built script that handles all authentication actions
- webPass Field - Stores bcrypt hashed password
- verificationCode Field - Stores the reset verification code
- verificationExpire Field - Stores code expiration timestamp
Download Demo Database:
https://cwpsnippets.com/wp-content/plugins/cwp-snippets/assets/demo/CWP%20Snippets.fmp12
To use the demo database:
1. Update to CWP Snippets 1.8.4 or later
2. Download and set up the demo database (link above)
3. Set `$use_demo_database = true` in the snippet configuration
4. The snippet will automatically connect to the demo database for testing and development
- Protected content portals
- Member login pages
- Client account areas
- User authentication systems
- Password recovery implementation
- Multi-step authentication flows
- Email-based verification scenarios
### What's Included
✓ Complete login form with email/password
✓ Password reset with email verification
✓ Verification code validation
✓ New password setup form
✓ Session manager with auto-expiration
✓ Professional form styling
✓ Form validation (client & server)
✓ Error handling and messaging
✓ CSRF protection
✓ Email configuration system
### Requirements
✓ CWP Snippets plugin installed
✓ WordPress 5.0 or higher
✓ PHP 7.4 or higher
✓ FileMaker database with Login script
✓ WordPress Admin Email configured
### Customization
Easy customization of:
- Page URLs and redirects
- FileMaker script name
- Email subject and template
- Session duration
- Password requirements
- Form labels and help text
- Error messages
### Styling
- Minimal CSS - Only structural properties, no colors
- Theme-Friendly - Inherits colors from your WordPress theme
- Responsive - Works perfectly on mobile, tablet, desktop
- Professional - Card-based layout with subtle shadows
- Accessible - Proper form semantics and labels
---
Complete, production-ready login authentication with email-based password recovery and direct FileMaker integration for your /account-login page.
Downloads
- Download v1.0.0 account-login-1.0.0.zip