{"id":287743,"date":"2026-03-13T18:47:49","date_gmt":"2026-03-13T18:47:49","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/login-page-customizer-and-designer\/"},"modified":"2026-05-30T20:34:06","modified_gmt":"2026-05-30T20:34:06","slug":"login-page-customizer-and-designer","status":"closed","type":"plugin","link":"https:\/\/br.wordpress.org\/plugins\/login-page-customizer-and-designer\/","author":23453055,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.1","stable_tag":"1.0.1","tested":"7.0","requires":"6.2","requires_php":"7.4","requires_plugins":null,"header_name":"Custom Login Page Customizer and Designer","header_author":"shoiswp","header_description":"Customize your WordPress login page with a visual editor. Choose from free templates and customize every detail. No coding required.","assets_banners_color":"481b75","last_updated":"2026-05-30 20:34:06","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/login-page-customizer-and-designer\/","header_author_uri":"https:\/\/profiles.wordpress.org\/shoiswp\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":377,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"shoiswp","date":"2026-03-13 18:47:28"},"1.0.1":{"tag":"1.0.1","author":"shoiswp","date":"2026-05-30 20:34:06"}},"upgrade_notice":{"1.0.1":"<p>Major update with new custom login page templates, Pro feature previews, video and animated gradient backgrounds, Freemius integration, CAPTCHA support, and improved WordPress.org compliance.<\/p>","1.0.0":"<p>First release.<\/p>"},"ratings":[],"assets_icons":{"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3482214,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-772x250.gif":{"filename":"banner-772x250.gif","revision":3482214,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3483298,"resolution":"1","location":"assets","locale":"","width":1716,"height":870},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3483298,"resolution":"2","location":"assets","locale":"","width":1762,"height":867},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3483298,"resolution":"3","location":"assets","locale":"","width":1768,"height":880},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3483298,"resolution":"4","location":"assets","locale":"","width":1760,"height":876},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3483298,"resolution":"5","location":"assets","locale":"","width":1758,"height":874},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3483298,"resolution":"6","location":"assets","locale":"","width":1295,"height":739},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3483298,"resolution":"7","location":"assets","locale":"","width":1302,"height":721},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3483298,"resolution":"8","location":"assets","locale":"","width":1294,"height":719},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3483298,"resolution":"9","location":"assets","locale":"","width":1282,"height":715}},"screenshots":{"1":"Overview Dashboard.","2":"Template Gallery.","3":"Template Editor.","4":"Settings page.","5":"Settings page \u2014 Security tab.","6":"Special template pro.","7":"Template preview.","8":"Template preview","9":"Template preview","10":"Template preview","11":"Template preview"}},"plugin_section":[],"plugin_tags":[3691,3839,5574,60467,3830],"plugin_category":[38,43],"plugin_contributors":[78154,255858],"plugin_business_model":[],"class_list":["post-287743","plugin","type-plugin","status-closed","hentry","plugin_tags-custom-login","plugin_tags-custom-login-page","plugin_tags-login-page","plugin_tags-login-page-customizer","plugin_tags-wp-login","plugin_category-authentication","plugin_category-customization","plugin_contributors-freemius","plugin_contributors-shoiswp","plugin_committers-shoiswp"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/login-page-customizer-and-designer_481b75.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/login-page-customizer-and-designer\/assets\/screenshot-1.png?rev=3483298","caption":"Overview Dashboard."},{"src":"https:\/\/ps.w.org\/login-page-customizer-and-designer\/assets\/screenshot-2.png?rev=3483298","caption":"Template Gallery."},{"src":"https:\/\/ps.w.org\/login-page-customizer-and-designer\/assets\/screenshot-3.png?rev=3483298","caption":"Template Editor."},{"src":"https:\/\/ps.w.org\/login-page-customizer-and-designer\/assets\/screenshot-4.png?rev=3483298","caption":"Settings page."},{"src":"https:\/\/ps.w.org\/login-page-customizer-and-designer\/assets\/screenshot-5.png?rev=3483298","caption":"Settings page \u2014 Security tab."},{"src":"https:\/\/ps.w.org\/login-page-customizer-and-designer\/assets\/screenshot-6.png?rev=3483298","caption":"Special template pro."},{"src":"https:\/\/ps.w.org\/login-page-customizer-and-designer\/assets\/screenshot-7.png?rev=3483298","caption":"Template preview."},{"src":"https:\/\/ps.w.org\/login-page-customizer-and-designer\/assets\/screenshot-8.png?rev=3483298","caption":"Template preview"},{"src":"https:\/\/ps.w.org\/login-page-customizer-and-designer\/assets\/screenshot-9.png?rev=3483298","caption":"Template preview"}],"raw_content":"<!--section=description-->\n<p><strong>Custom Login Page Customizer and Designer \u2013 The #1 WordPress Login Page Builder<\/strong><\/p>\n\n<p>Looking for the best <strong>custom login page<\/strong> plugin for WordPress? This is it. <strong>Custom Login Page Customizer and Designer<\/strong> lets you design a fully branded, beautiful WordPress login page in minutes \u2014 no coding required.<\/p>\n\n<p>Transform the plain default <code>wp-login.php<\/code> into a stunning, professional login experience. Pick from ready-made templates, customize colors, fonts, backgrounds, and animations \u2014 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.<\/p>\n\n<p>Stop using the boring default WordPress login screen. With this <strong>WordPress login page customizer<\/strong>, you get a full visual block-based editor, entrance animations, shadow presets, gradient backgrounds, and a growing premium template library \u2014 all without touching a line of code.<\/p>\n\n<h4>Why Choose This Custom Login Page Plugin?<\/h4>\n\n<ul>\n<li><strong>Easiest custom login page builder<\/strong> \u2014 visual block editor, no coding.<\/li>\n<li><strong>20+ ready-made login page templates<\/strong> \u2014 free and pro designs.<\/li>\n<li><strong>Full styling control<\/strong> \u2014 colors, fonts, radius, shadows, spacing.<\/li>\n<li><strong>3 layout modes<\/strong> \u2014 Centered, Split Left, Split Right.<\/li>\n<li><strong>Entrance animations<\/strong> \u2014 Fade In, Slide Up, Zoom In.<\/li>\n<li><strong>CAPTCHA support<\/strong> \u2014 reCAPTCHA v2\/v3, hCaptcha, Turnstile (PRO).<\/li>\n<li><strong>Custom login URL<\/strong> \u2014 hide <code>\/wp-login.php<\/code> from bots (PRO).<\/li>\n<li><strong>WooCommerce login page<\/strong> support (PRO).<\/li>\n<li><strong>Import \/ Export<\/strong> \u2014 move designs between sites instantly.<\/li>\n<li><strong>Zero performance impact<\/strong> \u2014 assets load only on the login page.<\/li>\n<\/ul>\n\n<h4>Free Features<\/h4>\n\n<p>Custom Login Page Design and Customization:<\/p>\n\n<ul>\n<li><strong>Template Library<\/strong> \u2014 Start with professionally designed custom login page templates: Light Centered and Dark Centered.<\/li>\n<li><strong>Layout Modes<\/strong> \u2014 Choose from 3 layout types: Centered, Split Left, and Split Right to match your brand.<\/li>\n<li><strong>Core Blocks<\/strong> \u2014 Build your custom login page using 6 essential blocks: Logo, Heading, Paragraph, Divider, Login Form, and Custom HTML.<\/li>\n<li><strong>Flexible Styling<\/strong> \u2014 Full control over colors, fonts, border radius, padding, and spacing for pixel-perfect results.<\/li>\n<li><strong>Box Shadow Presets<\/strong> \u2014 Instantly apply Soft, Medium, or Strong shadow presets to your login card with a single click.<\/li>\n<li><strong>Entrance Animations<\/strong> \u2014 Add polished Fade In, Slide Up, or Zoom In animations to your WordPress login page.<\/li>\n<li><strong>Background Options<\/strong> \u2014 Set any Solid Color, Gradient, or Image as your custom login page background.<\/li>\n<li><strong>Global Custom CSS<\/strong> \u2014 Drop in your own CSS for unlimited design flexibility beyond the built-in controls.<\/li>\n<\/ul>\n\n<p>Login Page Management:<\/p>\n\n<ul>\n<li><strong>One-Click Toggle<\/strong> \u2014 Enable or disable the custom login page customizer instantly without losing your settings.<\/li>\n<li><strong>Custom Page Title &amp; Favicon<\/strong> \u2014 Set a custom browser tab title and favicon for your login page.<\/li>\n<li><strong>Back to Blog Link<\/strong> \u2014 Customize the \"Back to Site\" link text and URL.<\/li>\n<li><strong>Custom Error Messages<\/strong> \u2014 Replace the generic WordPress login error messages with branded copy.<\/li>\n<li><strong>Import \/ Export<\/strong> \u2014 Move your full custom login page design between sites with one click.<\/li>\n<\/ul>\n\n<h4>PRO Features<\/h4>\n\n<p>Login Page Security:<\/p>\n\n<ul>\n<li><strong>Premium Custom Login Page Templates<\/strong> \u2014 Unlock 19+ high-end templates including Glassmorphism, Midnight, Cyberpunk, Aurora, and more.<\/li>\n<li><strong>CAPTCHA Protection<\/strong> \u2014 Defend your WordPress login page against bots and brute-force attacks with Google reCAPTCHA v2 &amp; v3, hCaptcha, and Cloudflare Turnstile.<\/li>\n<li><strong>Custom Login URL<\/strong> \u2014 Replace the default <code>\/wp-login.php<\/code> with a custom slug (e.g., <code>yoursite.com\/my-login<\/code>) to hide your login page from scanners and bots.<\/li>\n<\/ul>\n\n<p>Advanced Login Redirects:<\/p>\n\n<ul>\n<li>Redirect users to the Homepage or any Custom URL after a successful login.<\/li>\n<li>Redirect users to the Homepage or any Custom URL after a successful registration.<\/li>\n<\/ul>\n\n<p>WooCommerce Login Page Integration:<\/p>\n\n<ul>\n<li><strong>WooCommerce Support<\/strong> \u2014 Automatically apply your custom login page design to the WooCommerce My Account login and registration page \u2014 no extra configuration needed.<\/li>\n<\/ul>\n\n<p>Advanced Custom Login Page Design:<\/p>\n\n<ul>\n<li><strong>Video Backgrounds<\/strong> \u2014 Set a looping video as your custom login page background for a cinematic look.<\/li>\n<li><strong>Animated Gradient Backgrounds<\/strong> \u2014 Apply smooth, flowing gradient animations to your WordPress login page.<\/li>\n<li><strong>Custom Box Shadows<\/strong> \u2014 Go beyond presets with precise control over X\/Y offsets, blur, and spread.<\/li>\n<li><strong>Custom JavaScript<\/strong> \u2014 Inject JS code into the head or footer for tracking pixels or custom behavior.<\/li>\n<\/ul>\n\n<h3>Developer Instructions<\/h3>\n\n<p>This plugin uses WordPress scripts (<code>@wordpress\/scripts<\/code>) to compile React-based editor and settings UIs.<\/p>\n\n<p>To rebuild the JavaScript and CSS assets from the source files in <code>src\/<\/code>:<\/p>\n\n<ol>\n<li>Make sure you have Node.js (v16+) installed.<\/li>\n<li>Run <code>npm install<\/code> to install dependencies.<\/li>\n<li>Run <code>npm run build<\/code> to compile production assets into the <code>build\/<\/code> directory.<\/li>\n<li>For development mode with live rebuild, run <code>npm run start<\/code>.<\/li>\n<\/ol>\n\n<p>Note: The <code>node_modules\/<\/code> directory is excluded from the plugin distribution. All other source files (<code>src\/<\/code>, <code>package.json<\/code>, <code>webpack.config.js<\/code>) are included.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to <code>\/wp-content\/plugins\/<\/code>.<\/li>\n<li>Activate through the <strong>Plugins<\/strong> screen.<\/li>\n<li>Go to <strong>Login Customizer \u2192 Editor<\/strong> to pick a custom login page template and start designing.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"what%20is%20a%20custom%20login%20page%20customizer%20for%20wordpress%3F\"><h3>What is a custom login page customizer for WordPress?<\/h3><\/dt>\n<dd><p>A custom login page customizer is a plugin that replaces the plain default WordPress login screen (<code>wp-login.php<\/code>) with a beautifully designed, branded login page. This plugin gives you full visual control over your WordPress login page \u2014 colors, fonts, backgrounds, templates, and animations \u2014 without any coding.<\/p><\/dd>\n<dt id=\"is%20custom%20login%20page%20customizer%20and%20designer%20free%3F\"><h3>Is Custom Login Page Customizer and Designer free?<\/h3><\/dt>\n<dd><p>Yes! The plugin is completely free to download and use. The free version includes custom login page templates, 3 layout modes, 6 core blocks, entrance animations, background options, box shadow presets, and full styling control \u2014 no payment required. PRO unlocks advanced templates, CAPTCHA, custom login URL, WooCommerce integration, video backgrounds, and more.<\/p><\/dd>\n<dt id=\"how%20do%20i%20customize%20my%20wordpress%20login%20page%3F\"><h3>How do I customize my WordPress login page?<\/h3><\/dt>\n<dd><p>Install and activate the plugin, then go to <strong>Login Customizer \u2192 Editor<\/strong> in your WordPress admin. Choose a template from the library, then use the visual block editor to customize colors, fonts, backgrounds, animations, and layout. Your changes preview in real-time and go live instantly.<\/p><\/dd>\n<dt id=\"do%20i%20need%20to%20know%20how%20to%20code%20to%20use%20this%20custom%20login%20page%20plugin%3F\"><h3>Do I need to know how to code to use this custom login page plugin?<\/h3><\/dt>\n<dd><p>Not at all. This custom login page customizer is built entirely for non-developers. Pick a template, adjust colors, fonts, and layout using simple visual controls \u2014 no coding, no CSS, no PHP required.<\/p><\/dd>\n<dt id=\"can%20i%20add%20my%20logo%20to%20the%20custom%20login%20page%3F\"><h3>Can I add my logo to the custom login page?<\/h3><\/dt>\n<dd><p>Yes. The free Logo block lets you place your site logo anywhere on the custom login page layout. Simply add the Logo block and upload or select your image from the Media Library.<\/p><\/dd>\n<dt id=\"can%20i%20change%20the%20wordpress%20login%20page%20background%3F\"><h3>Can I change the WordPress login page background?<\/h3><\/dt>\n<dd><p>Yes. The free version supports Solid Colors, Gradients, and Image backgrounds for your custom login page. PRO users also get Video Backgrounds and Animated Gradient Backgrounds for a cinematic look.<\/p><\/dd>\n<dt id=\"can%20i%20change%20the%20error%20messages%20on%20my%20login%20page%3F\"><h3>Can I change the error messages on my login page?<\/h3><\/dt>\n<dd><p>Yes, this is a free feature. You can edit all default WordPress login error messages and replace them with your own custom, branded text.<\/p><\/dd>\n<dt id=\"can%20i%20add%20animations%20to%20the%20wordpress%20login%20page%3F\"><h3>Can I add animations to the WordPress login page?<\/h3><\/dt>\n<dd><p>Yes, for free. Choose from three entrance animations \u2014 Fade In, Slide Up, or Zoom In \u2014 to give your custom login page a polished, modern feel.<\/p><\/dd>\n<dt id=\"can%20i%20use%20my%20own%20colors%20and%20fonts%20on%20the%20login%20page%3F\"><h3>Can I use my own colors and fonts on the login page?<\/h3><\/dt>\n<dd><p>Yes. The free version gives you full control over colors, fonts, border radius, padding, and spacing. You can also add your own CSS using the Global Custom CSS field for anything beyond the built-in controls.<\/p><\/dd>\n<dt id=\"can%20i%20move%20my%20custom%20login%20page%20design%20to%20another%20website%3F\"><h3>Can I move my custom login page design to another website?<\/h3><\/dt>\n<dd><p>Yes. The free Import \/ Export feature lets you export your complete custom login page template and settings as a file and import it on any other site running the plugin \u2014 no reconfiguration needed.<\/p><\/dd>\n<dt id=\"can%20i%20set%20a%20custom%20url%20for%20my%20wordpress%20login%20page%3F\"><h3>Can I set a custom URL for my WordPress login page?<\/h3><\/dt>\n<dd><p>Yes, with PRO. You can replace the default <code>\/wp-login.php<\/code> with a custom slug like <code>yoursite.com\/my-login<\/code> to protect your login page from automated bots and scanners.<\/p><\/dd>\n<dt id=\"will%20this%20custom%20login%20page%20plugin%20slow%20down%20my%20website%3F\"><h3>Will this custom login page plugin slow down my website?<\/h3><\/dt>\n<dd><p>No. The plugin only loads its assets on the login page itself. Your front-end site performance is completely unaffected \u2014 zero overhead for your visitors.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20woocommerce%3F\"><h3>Does it work with WooCommerce?<\/h3><\/dt>\n<dd><p>Yes, with PRO. When WooCommerce Support is enabled, your custom login page design is automatically applied to the WooCommerce My Account login and registration page, keeping your branding fully consistent.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20my%20wordpress%20theme%3F\"><h3>Does it work with my WordPress theme?<\/h3><\/dt>\n<dd><p>Yes. The plugin operates independently of your WordPress theme. It completely replaces the default login page rendering, so theme compatibility is never an issue.<\/p><\/dd>\n<dt id=\"what%20happens%20if%20i%20deactivate%20the%20custom%20login%20page%20plugin%3F\"><h3>What happens if I deactivate the custom login page plugin?<\/h3><\/dt>\n<dd><p>Everything returns to the default WordPress login page immediately. Your settings and templates are safely stored in the database and will be fully restored the moment you reactivate the plugin.<\/p><\/dd>\n<dt id=\"is%20the%20custom%20login%20page%20accessible%3F\"><h3>Is the custom login page accessible?<\/h3><\/dt>\n<dd><p>Yes. All form elements include proper labels, focus states are preserved, and the plugin does not interfere with keyboard navigation or screen reader behavior.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.1<\/h4>\n\n<ul>\n<li><strong>New Templates<\/strong> \u2014 Added a collection of professionally designed ready-made custom login page templates including modern layouts, glassmorphism effects, and creative designs.<\/li>\n<li><strong>Feature Previews<\/strong> \u2014 Introduced clear feature separation across the editor and settings, allowing you to preview advanced templates and features within the editor experience.<\/li>\n<li><strong>Video Backgrounds<\/strong> \u2014 Added support for YouTube and self-hosted MP4 video backgrounds with overlay controls, mobile fallback images, and video fit options.<\/li>\n<li><strong>Animated Gradient Backgrounds<\/strong> \u2014 Added smooth, multi-color animated gradient backgrounds with customizable speed, angle, and color stops.<\/li>\n<li><strong>Improved Overview Page<\/strong> \u2014 Redesigned the plugin dashboard with a quick-start guide, one-click enable\/disable toggle, and recommended plugins section.<\/li>\n<li><strong>Settings Enhancements<\/strong> \u2014 Added CAPTCHA provider support (reCAPTCHA v2\/v3, hCaptcha, Turnstile), custom login URL, advanced redirect flows, WooCommerce login page support, and custom JavaScript injection.<\/li>\n<li><strong>Import \/ Export<\/strong> \u2014 Full custom login page template and settings import\/export for easy migration between sites.<\/li>\n<li><strong>WordPress.org Compliance<\/strong> \u2014 Improved code quality with proper asset enqueuing, late escaping, input sanitization, and developer documentation in readme.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<li>4 free built-in custom login page templates (Dark Centered, Light Centered, Split Brand Left, Split Brand Right).<\/li>\n<li>Visual block editor with 5 block types.<\/li>\n<li>Settings: General, Security (reCAPTCHA), Messages, Redirects.<\/li>\n<li>12 web-safe system fonts.<\/li>\n<li>3 login page entrance animations.<\/li>\n<li>Undo\/Redo and draft autosave.<\/li>\n<\/ul>","raw_excerpt":"The best custom login page customizer for WordPress. Design a beautiful branded login page with templates, animations, CAPTCHA &amp; more \u2014 no coding  &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/br.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/287743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/br.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/br.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/br.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=287743"}],"author":[{"embeddable":true,"href":"https:\/\/br.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/shoiswp"}],"wp:attachment":[{"href":"https:\/\/br.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=287743"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/br.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=287743"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/br.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=287743"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/br.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=287743"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/br.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=287743"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/br.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=287743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}