Design the login page in the WordPress Customizer

Loginfy Pro extends the Loginfy WordPress login page customizer for agencies, freelancers, businesses, membership sites, online stores, and content creators. The native WordPress Customizer gives you a live preview as you work. Choose a template or start with a blank design, then adjust the page before publishing.

Choose a template and layout

The collection has 16 templates, including 12 additional premium designs in Pro. The designs include modern and industry-specific layouts. Choose a single-column or two-column layout, then position the form with alignment and placement controls.

Build the page from its components

Controls cover the page background and overlay, logo, columns, form placement, fields, button, and typography. Backgrounds can use colors, pictures, gradients, self-hosted video, or a YouTube video. A slideshow can rotate multiple images with timed transitions. Position, repeat, attachment, and size settings shape how the background appears.

The form can have its own background, dimensions, borders, corner radius, and shadow. Style fields with color and border options, and adjust label and input typography. Button settings include colors, hover states, text shadows, and advanced borders.

Adjust branding and code

Logo settings include padding, Google Fonts for text logos, and extended typography controls. White-label controls can conceal plugin credits and remove default WordPress branding components. For more specific styling or behavior, the custom code area supports CSS and JavaScript.

Preview and publish

Loginfy is described as mobile responsive. The Customizer preview lets you review changes in desktop, tablet, and phone views. The plugin's resources are described as loading on the login page rather than the main site.

1. Install and activate Loginfy in WordPress.
2. Open Appearance > Customize and choose the Loginfy panel.
3. Choose a template or begin with a blank design.
4. Customize the logo, background, layout, form, fields, button, typography, and branding controls.
5. Review the live preview and click Publish when the page is ready.

Documentation is available for step-by-step setup guidance.