🎯 Purpose
The Login widget lets you insert a fully styled login form anywhere on your site. Ideal for custom login pages, member areas, or dashboard sections without relying on default WordPress templates.
⚙️ Content Configuration
Show Labels: Toggle on/off to display form field labels (Username, Password).
Placeholder Text: Customize the placeholder text within input fields.
Remember Me Option: Optionally include a checkbox to allow users to stay logged in.
Lost Password Link: Automatically adds a link for recovering forgotten passwords.
Button Label: Set the text for the login button (e.g. “Log In”, “Sign In”).
Register Link: Optionally display a link to a registration page.
Redirect Options: Choose where users go after sign-in or sign-out:
Home page
Dashboard
A specific URL
Stay on the current page
🎨 Style & Layout Settings
Form Styling
Fields: Adjust colors, typography, borders, padding, width, and border radius of input fields.
Field States: Style normal, hover, and active states for form fields.
Labels: Customize label text—color, font weight, spacing.
Remember Me / Lost Password: Style checkbox and link colors.
Button Styling
Text: Set font properties and color for normal and hover states.
Background: Control button background color and hover variants.
Border: Customize width, color, style, radius, and hover behavior.
Padding & Shadow: Adjust spacing around the button and add box shadows.
🛠️ Advanced Options
Form Width: Set a custom width for the entire login form.
Alignment: Position the form within the parent container.
Advanced Controls: Add custom CSS classes, animations, HTML anchors, margins, padding, z-index, and motion effects.
✅ Best Practices
User Experience: Keep the form simple—fewer fields and clear placeholders improve usability.
Branding: Apply brand-consistent typography, colors, and spacing.
Feedback: Ensure error messages are visible and styled clearly.
User Flow: Proper redirect settings help guide users to the right page after login or logout.
Mobile-Friendly: Use responsive settings to optimize display on all devices.
📈 Ideal Use Cases
Create a custom login page that matches your site design.
Embed the login form within member-only content pages.
Use on dashboard pages to control access to restricted areas.
Add login functionality to landing pages or CTAs without redirecting away.
The Login widget provides a flexible, stylish, and user-friendly login form that integrates seamlessly into your layout.
