Design in the WordPress Customizer

Loginfy Pro extends the Loginfy WordPress login page customizer for agencies, freelancers, businesses, membership sites, online stores, and content creators. Work in the native WordPress Customizer and use its live preview to shape a login screen that fits a site's brand. Start with a template or create a layout from scratch, then publish when it is ready.

Choose a template and layout

Pro includes 12 premium templates to the collection, for 16 designs in total. Options include modern and industry-specific layouts. Choose a single-column or two-column page, then place the form with alignment and positioning controls.

Set the background and page elements

Background options include colors, pictures, gradients, self-hosted video, YouTube video, and slideshows that rotate multiple images with timed transitions. Position, repeat, attachment, and size settings adjust how a background appears. Other page controls cover the overlay, logo, columns, form placement, fields, button, and typography.

Style the logo and form

Logo controls include padding, Google Fonts for text logos, and extended typography settings. Give the form its own background, dimensions, margins, padding, borders, rounded corners, and advanced box shadows. Style field colors and borders, label and input typography, and button colors, hover states, text shadows, and advanced borders.

Apply branding and custom code

White-label controls can conceal extension credits and remove default WordPress branding elements. The custom code area works with CSS for styling and JavaScript for custom functionality.

Preview and publish

Loginfy is described as mobile responsive. The Customizer preview lets you review desktop, tablet, and phone views, and its resources reportedly load 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.