Euler allows you to deliver a fully branded experience for your partners. You can customize your Sign In page, Sign Up page, and the entire Partner Portal to align with your company’s visual identity. This guide will walk you through how to access and configure these customization settings.
1. Understanding Interface Customization
Interface customization enables you to apply your branding across all partner-facing surfaces within your Euler environment. You can configure colors, text elements, logos, and UI components to ensure a cohesive look and feel.
Customizable components include:
Partner Portal
Sign In Page
Sign Up Page
These settings allow you to personalize:
Navigation elements
Page backgrounds
Buttons and interactive elements
Company identity elements (logo and name)
Important Notes
Global Modifications
Customization changes are applied at the company level, not per partner.
For example, if you adjust your company's primary color while previewing changes for “Partner A,” the same update will automatically apply to all partners in that company.
Global Variables
Variables like primary color are shared across all customizable pages.
If you update a variable in the Sign In page, it will also update in the Sign Up page and Partner Portal.
2. Accessing Customization Settings
To begin customizing your partner-facing interfaces:
Navigation Path:
Settings → Customization in your Customer Partner account.
Once there, you'll find shortcuts to all customizable sections:
Partner Portal
Sign In Page
Sign Up Page
Clicking any of these options opens the corresponding page along with a sidebar where you can apply your customizations.
3. Customizing the Partner Portal
The Partner Portal offers extensive customization options that allow you to brand the overall partner experience. You can update primary and secondary visual variables as well as specific UI sections.
Available Customizations
Primary Variables
Primary Color
Primary Font Color
Primary Color (Hover)
Primary Color (Disabled)
Primary Font Color (Disabled)
Secondary Variables
Secondary Color
Secondary Font Color
Secondary Color (Hover)
Secondary Color (Disabled)
Secondary Font Color (Disabled)
Partner Portal Sections
Nav Bar Background
Nav Text / Icon Color
Tab Selected Background
Tab Selected Font Color
Tab Hover
Link Text Color
Important Notes (Repeated for Clarity)
Company-wide updates: Changes apply to all partners in your company.
Global variables: Style variables carry across every customizable interface.
4. Customizing the Sign In and Sign Up Pages
The Sign In and Sign Up pages share identical customization options. Any changes you make to one page will automatically reflect in the other.
Available Customizations
Company Identity
Company Name
Updates only how your company name appears on Sign In and Sign Up pages; it does not affect other areas of the application.
Logo
Updates only how your company logo appears on Sign In and Sign Up pages.
Primary Variables
Primary Color
Primary Font Color
Primary Color (Hover)
Primary Color (Disabled)
Primary Font Color (Disabled)
Other Options
Background Color (Page)
Background Color (Container)
Summary
Euler’s interface customization tools enable you to create a unified, branded experience across all partner-facing surfaces. Whether updating color schemes, adjusting UI components, or customizing your Sign In and Sign Up pages, all changes are applied globally across your company’s partner environment.
Remember:
Customizations apply to all partners within your company.
Variables are shared across Sign In, Sign Up, and the Partner Portal.
Branding elements like company name and logo affect only the authentication pages.
These customization features help you provide a polished and consistent partner experience that reflects your organization’s identity.
Still Have Questions?
Reach out to our support team by:
Sending us a message via the in-app chat
Emailing us at [email protected]
We’ll get back to you as soon as possible!