Skip to main content
Unificus

Customize your Login Page

Set up and personalize your Unificus login page with layouts, colors, logos, and more.

How do I customize my Login Page?

Your login experience can be tailored to match your brand. Access the customization settings by selecting your profile image in the upper-right corner, then choosing Custom URL & Login from the menu that appears.

IMPORTANT: You’ll need to establish your Custom URL first by connecting your domain to the Unificus platform before customization is available.

CLICK HERE to learn more about setting up your Custom URL

Start by entering your domain or subdomain in the designated field. A tutorial video is available to guide you through the domain setup process.

After completing your domain configuration, click NEXT to access the Settings page.


Customizing the Login Page Area

Select from multiple layout options for your login interface. Each layout style offers its own set of customization features.

Classic Login Form Layout

This layout displays a full-width background image with the login form positioned in the center of the screen.

Note: On smaller mobile devices, the accent section won’t be visible.

Split Login Form Layout

This design divides the screen into two sections: the login box occupies the left side, while a customizable accent area fills the right side.

Note: On smaller mobile devices, the accent section won’t be visible.

Split Login Form with Image Slider Layout

This configuration also splits the screen, placing the login component on the left and featuring an image carousel with text and descriptions on the right.

Note: On smaller mobile devices, the accent section won’t be visible.

You can adjust how the slider arrows function and control the carousel behavior.

Split Login Form with Quote Slider Layout

This layout splits the screen, with the login component on the left and a rotating quotes section on the right, including author information and attributions.

Note: On smaller mobile devices, the accent section won’t be visible.

You can add multiple quotes for rotation. Users will navigate through quotes using arrow buttons on the login interface.

Split Login Form with Announcement Slider Layout

This design divides the screen, positioning the login component on the left and a rotating announcements section on the right, complete with titles and message areas.

Note: On smaller mobile devices, the accent section won’t be visible.

You can adjust how the slider arrows function and control the carousel behavior.


Customize the Background/Accent Area

After selecting your preferred layout, you’ll be prompted to customize the background using either a solid color or a custom image. For layouts using the split design, keep in mind that only the right portion of your image will display. Additionally, some tablets and mobile devices may not show the accent area.

Choose an image that reflects your organization’s character and values for the strongest visual impact.

If you need image inspiration, consider these free resources:


Colors, Buttons, Logo, Custom CSS

Modify your background and button colors, as well as text and button text colors to suit your brand. Include your company logo on the login page for added branding impact.

For optimal results, use a landscape-oriented logo version that’s approximately 300 pixels wide and no taller than 140 pixels.

You can also enable custom CSS through a toggle switch for advanced styling options.

CLICK HERE to learn more about Custom CSS


Customize the App Icon & Favicon

Complete your White Label branding by uploading a custom App Icon and Favicon.

What is an App Icon?

The App Icon supports the Progressive Web App framework. It’s the symbol displayed in the device’s applications menu when users install the Unificus app on iOS or Android.

CLICK HERE to learn about PWA

What is a Favicon?

A Favicon is the tiny icon appearing in the browser tab when your login page loads on a device.


Add supplementary details and establish connections linked to your login interface.

Title Tag: The searchable heading displayed in search engine results

Terms of Service URL: Link to your Terms of Service document

Privacy Policy URL: Link to your Privacy Policy document

Contact Self-Registration Link: If you’ve established a Kickoff Form, connect it here by enabling this option and selecting it from the available choices

CLICK HERE to learn more about creating Kickoff Forms

Add Custom Link/Label: Enable this to insert additional text on your login page. The Custom Label is the displayed text; the Custom URL is its destination.


Magic Login

Enable or disable the Magic Link authentication method. Configure the number of permitted clicks and expiration duration for each link. Optionally, upload a personalized icon that will appear alongside the Magic Login option on your login page.

CLICK HERE to learn more about setting up a Magic Link Login