Customize your Login Page

Customizing your Login Page

You can customize the Login Page found at your Custom URL. Simply click on your Profile image in the top right to activate the Fly-Out Menu and select Custom URL & Login.

NOTE: Before you can customize your Login Page, you must change your DNS Settings.

CLICK HERE to learn more about DNS Settings

To access the customization options, you will first need to enter a domain or sub-domain. Click the  icon to watch a tutorial video on how to set one up.

You will then see the Settings page.

Customizing the Login Area

The Login Page has two parts, the Login Area on the left, and the Accent Area on the right. 

Note that the Accent Area is hidden in smaller mobile devices. 

To get the best results, you should use a version of your logo that fits well in a landscape proportioned area. The ideal size for uploading is 300px wide and not more than 300px high.

You can customize your background color, text color, button color, and button text color.

You can also use the toggle to Add custom CSS.

CLICK HERE to learn more about Custom CSS

Customizing the Accent Area

The Accent Area provides a place for you to really showcase your style.

Using a custom color in the Accent Area

If you just want to use a custom color in the Accent Area, check the options checkbox titled  Override default background images. You'll then see a Color Picker that you can use to customize the color.

Using your own image in the Accent Area

IMPORTANT: When you upload your image for the Accent Area, only the right side of the image will be visible. In addition, the Accent Area part of the layout will be hidden in some tablets and smaller mobile devices.

If you want to upload your own image to be used in the Accent Area, check the options checkbox titled Upload background image.

For the best results, you should use an image that best relates the personality or general sense of your business or organization. 

If you don't have an image in mind, you can use one of the many royalty-free image repository sites. 

Here are a few:

Customizing the App Icon & Favicon

To achieve the best possible effect and complete the White Labeling of your account, you should upload a custom App Icon & Favicon.

What is an App Icon?

The App Icon is used as part of the Progressive Web App architecture and will serve as the app icon that chose on the wallpaper when a user installs the app on either an iOS or Android device.

What is a Favicon?

A Favicon is the small icon that shows in the tab of most modern browsers when your custom Login Page is loaded on a device.

Customize Meta Information & Links

Here you can specify additional information and set links associated with your Login page. The Title Tag is the clickable headline that shows up in a search engine.

If you have set up an Intake Form, you can link to it by check the Show Contact self-registration link on login Page? box and select it from the dropdown menu.

CLICK HERE to learn more about creating Intake Forms

Magic Login

Enable or disable Magic Link. You can choose how many clicks and for how long each link is valid for.

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

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us