Login Designer Pro is the paid edition of Login Designer for customizing a WordPress login page. Its visual editor shows a live preview, and the controls change according to the element you select. This lets you review how design adjustments affect the page before publishing.

Pro includes the available Login Designer customization features, with additional animation, typography choices, and login URL options. It can be used to tailor the login screen for a branded site, membership project, client website, or other WordPress installation.

Templates establish the page layout

Choose a predefined template with a ready-made layout, then add a logo above the form. Set the logo URL, width, height, and position. Template backgrounds can use an picture or a color. For image backgrounds, select left, center, or right positioning, tile repetition, and auto-adjust, cover, or contain sizing.

For the form background, upload multiple pictures and select fade-in, slide-right, or slide-left animation. The available controls let you set the animation speed and duration.

Form settings control its appearance and messages

Adjust the form wrapper's background color, radius, shadow and shadow opacity, horizontal and vertical padding, transparency, and width. Input fields can also be customized as part of the form's overall display.

Change labels such as Username and Password, including their font, size, spacing, and color. Set messages for an empty password field or an invalid username or password. Additional controls adjust the badge's text color, logo color, and position. You can also set the font, size, color, and position of below-form elements such as Lost Your Password and Back to, and enable or disable those elements.

Pro options add animation and login controls

• Set an initial-load animation for the form, an animation for the logo, and an animation for form submission.
• Use Google Fonts for labels and fields.
• Rename the login page in the URL.
• Configure Google reCAPTCHA V2 or V3 for the login form.
• Import or export Login Designer settings.

Published designs are responsive and compatible with web browsers and mobile devices.

Open the editor to preview and publish changes

Install Login Designer Pro in WordPress administration, then open the editor from Appearance > Login Designer in the Dashboard or from the Login Designer section inside the Customizer. Choose a template, select an element, and adjust its context-specific settings while checking the live preview. Publish the design when it is ready.