Custom Login Page Customizer and Designer

Descripción

Custom Login Page Customizer and Designer – The #1 WordPress Login Page Builder

Looking for the best custom login page plugin for WordPress? This is it. Custom Login Page Customizer and Designer lets you design a fully branded, beautiful WordPress login page in minutes — no coding required.

Transform the plain default wp-login.php into a stunning, professional login experience. Pick from ready-made templates, customize colors, fonts, backgrounds, and animations — then go live instantly. Whether you’re an agency, SaaS platform, or membership site owner, this custom login page customizer gives you pixel-perfect control over your WordPress login page.

Stop using the boring default WordPress login screen. With this WordPress login page customizer, you get a full visual block-based editor, entrance animations, shadow presets, gradient backgrounds, and a growing premium template library — all without touching a line of code.

Why Choose This Custom Login Page Plugin?

• Easiest custom login page builder — visual block editor, no coding.
• 20+ ready-made login page templates — free and pro designs.
• Full styling control — colors, fonts, radius, shadows, spacing.
• 3 layout modes — Centered, Split Left, Split Right.
• Entrance animations — Fade In, Slide Up, Zoom In.
• CAPTCHA support — reCAPTCHA v2/v3, hCaptcha, Turnstile (PRO).
• Custom login URL — hide /wp-login.php from bots (PRO).
• WooCommerce login page support (PRO).
• Import / Export — move designs between sites instantly.
• Zero performance impact — assets load only on the login page.

Free Features

Custom Login Page Design and Customization:

• Template Library — Start with professionally designed custom login page templates: Light Centered and Dark Centered.
• Layout Modes — Choose from 3 layout types: Centered, Split Left, and Split Right to match your brand.
• Core Blocks — Build your custom login page using 6 essential blocks: Logo, Heading, Paragraph, Divider, Login Form, and Custom HTML.
• Flexible Styling — Full control over colors, fonts, border radius, padding, and spacing for pixel-perfect results.
• Box Shadow Presets — Instantly apply Soft, Medium, or Strong shadow presets to your login card with a single click.
• Entrance Animations — Add polished Fade In, Slide Up, or Zoom In animations to your WordPress login page.
• Background Options — Set any Solid Color, Gradient, or Image as your custom login page background.
• Global Custom CSS — Drop in your own CSS for unlimited design flexibility beyond the built-in controls.

Login Page Management:

• One-Click Toggle — Enable or disable the custom login page customizer instantly without losing your settings.
• Custom Page Title & Favicon — Set a custom browser tab title and favicon for your login page.
• Back to Blog Link — Customize the “Back to Site” link text and URL.
• Custom Error Messages — Replace the generic WordPress login error messages with branded copy.
• Import / Export — Move your full custom login page design between sites with one click.

PRO Features

Login Page Security:

• Premium Custom Login Page Templates — Unlock 19+ high-end templates including Glassmorphism, Midnight, Cyberpunk, Aurora, and more.
• CAPTCHA Protection — Defend your WordPress login page against bots and brute-force attacks with Google reCAPTCHA v2 & v3, hCaptcha, and Cloudflare Turnstile.
• Custom Login URL — Replace the default /wp-login.php with a custom slug (e.g., yoursite.com/my-login) to hide your login page from scanners and bots.

Advanced Login Redirects:

• Redirect users to the Homepage or any Custom URL after a successful login.
• Redirect users to the Homepage or any Custom URL after a successful registration.

WooCommerce Login Page Integration:

• WooCommerce Support — Automatically apply your custom login page design to the WooCommerce My Account login and registration page — no extra configuration needed.

Advanced Custom Login Page Design:

• Video Backgrounds — Set a looping video as your custom login page background for a cinematic look.
• Animated Gradient Backgrounds — Apply smooth, flowing gradient animations to your WordPress login page.
• Custom Box Shadows — Go beyond presets with precise control over X/Y offsets, blur, and spread.
• Custom JavaScript — Inject JS code into the head or footer for tracking pixels or custom behavior.

Developer Instructions

This plugin uses WordPress scripts (@wordpress/scripts) to compile React-based editor and settings UIs.

To rebuild the JavaScript and CSS assets from the source files in src/:

1. Make sure you have Node.js (v16+) installed.
2. Run npm install to install dependencies.
3. Run npm run build to compile production assets into the build/ directory.
4. For development mode with live rebuild, run npm run start.

Note: The node_modules/ directory is excluded from the plugin distribution. All other source files (src/, package.json, webpack.config.js) are included.