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.
Customize Meta Information & Links
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